/******************************************
	Theme Name:proox2
	Version:2
	Description:2025/10/01 グロナビ改修を適用
****************************************/
/****************************************
common parts
*****************************************/
/*slideup*/
.anima-slideup{
	opacity: 0;
	transform: translateY(60px);
	transition: 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.in.anima-slideup,
.in .anima-slideup{
	opacity: 1;
	transform: translateY(0);
}
/*slideup end*/
/*slideleft*/
.anima-slideleft{
	opacity: 0;
	transform: translatex(-40px);
	transition: 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.in.anima-slideleft,
.in .anima-slideleft{
	opacity: 1;
	transform: translatex(0);
}
/*slideup end*/
/*slideright*/
.anima-slideright{
	opacity: 0;
	transform: translatex(40px);
	transition: 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.in.anima-slideright,
.in .anima-slideright{
	opacity: 1;
	transform: translatex(0);
}
/*slideup end*/
/*opacity*/
.anima-op{
	opacity: 0;
	transition: 2s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.in.anima-op,
.in .anima-op{
	opacity: 1;
}
/*slideup end*/
.delay01{transition-delay: .1s;}
.delay02{transition-delay: .2s;}
.delay03{transition-delay: .3s;}
.delay04{transition-delay: .4s;}
.delay05{transition-delay: .5s;}
.delay06{transition-delay: .6s;}
.delay07{transition-delay: .7s;}
.delay08{transition-delay: .8s;}
.delay09{transition-delay: .9s;}
.delay010{transition-delay: 1s;}
.delay011{transition-delay: 1.1s;}
.delay012{transition-delay: 1.2s;}
/*arrow_anima*/
a:hover .arrow_anima{
  -webkit-animation: arrow 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation: arrow 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-animation: arrow 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: arrow 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@keyframes arrow{
  0%{
	  opacity: 1;
	  transform: translate(0,0);
  }
  5%{
	  opacity: 1;
	  transform: translate(0,0);
  }
  35%{
    opacity: 0;
	  transform: translate(100%,0);
  }
  40%{
	  transform: translate(-100%,0);
  }
  45%{
	  opacity: 0;
	  transform: translate(-100%,0);
  }
  75%{
	  opacity: 1;
	  transform: translate(0,0);
  }
  100%{
	  opacity: 1;
	  transform: translate(0,0);
  }
}

.btn:hover .arrow_anima{
  animation: arrow_btn 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@keyframes arrow_btn{
  0%{
	  opacity: 1;
	  transform: translate(0,-50%);
  }
  5%{
	  opacity: 1;
	  transform: translate(0,-50%);
  }
  35%{
    opacity: 0;
	  transform: translate(100%,-50%);
  }
  40%{
	  transform: translate(-100%,-50%);
  }
  45%{
	  opacity: 0;
	  transform: translate(-100%,-50%);
  }
  75%{
	  opacity: 1;
	  transform: translate(0,-50%);
  }
  100%{
	  opacity: 1;
	  transform: translate(0,-50%);
  }
}
/*breadcrumbs*/
.breadcrumbs{
	background:#f4f5f7;
	color: #2a3b4c;
	font-size:14px;
	font-weight: bold;
	padding: 10px 0;
}
@media screen and (max-width:768px){
	.breadcrumbs{
		font-size:10px;
	}
}
.breadcrumbs a,
.breadcrumbs i{
	color: #4d7aae;
}
.breadcrumbs span{
	display:inline-block;
	margin:0 .3em;
}
.breadcrumbs .home:before{
	content:'';
	font-family:'Font Awesome 5 Free'
}
/*btn*/
.btn{
	background:#5e85b9;
	border-radius:99em;
	box-shadow: 0px 8px 16px 0px rgba(77,122,174,0.4);
	color:#fff;
	display:inline-block;
	font-weight:700;
	padding:20px 0;
	position:relative;
	text-align:center;
	width:320px;
}
@media screen and (max-width:768px){
	.btn{
		display:block;
		width:100%;
	}
}
.single-column .btn{/*column*/
	background:#be0005;
}
.btn .mont{
	font-weight:700;
}
.btn_420{
	font-size:16px;
	width:420px;
}
@media screen and (max-width:768px){
	.btn_420{
		font-size:14px;
		margin:0 auto;
		width:285px;
	}
}
.btn_100{
	width:100%;
}
.btn:hover{
	background:#34629A;
	opacity:1;
}
.single-column .btn:hover{/*column*/
	background:#e24549;
}
.btn_arrow{
	display:block;
	height:12px;
	position:absolute;
	right:2em;
	top:50%;
	transform:translatey(-50%);
}
.btn_icon{
	font-size:200%;
	margin-right:1rem;
	vertical-align:middle;
}
.btn_icon_fv_video{
	font-size:160%;
}
@media screen and (max-width:768px){
	.btn_icon_fv_video{
		margin-right:1.2rem;
	}
}
/*btn_white*/
.btn_white{
	background:#fff;
	border:1px solid #4d7aad;
	color:#346299;
}
.btn_white:hover{
	color:#fff;
}
/*btn kv*/
.kv_top .btn{
	width:350px;
}

@media screen and (max-width:768px){
	.kv_top .btn{
		width:100%;
	}
}
.btn_fvcontact{
	background:#f90;
}
.btn_fvcontact:hover{
	background: #f6b12f;
}
.btn_fvseminar{
	background:#34629C;
	color:#fff;
}
.btn_fvseminar:hover{
	background:#fff;
	color:#34629C;
}
/*float_btn*/
.float_btn{
	bottom:190px;
	opacity:0;
	position:fixed;
	right:0;
	transition:.4s;
	visibility:hidden;
}
.float_btn2{
	bottom:400px;
}
.float_btn.on{
	opacity:1;
	visibility:visible;
}
.float_btn img{
	height:200px;
}
/*gmap*/
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
/*icon*/
.icon_plus{
	height:12px;
}
.icon_minus{
	height:2px;
}
.icon_arrow{
	height:10px;
}
.icon_arrow_circle{
	height:40px;
}
.icon_circle_arrow{
	background:#4d7aae;
	border-radius:99em;
	box-shadow: 0px 6px 12px 0 rgba(77,122,174,0.4);
	height:40px;
	width:40px;
}

/*line_anima*/
.line_anima{
	position:relative;
}
.line_anima:after{
   background: #4d7aae;
   bottom: -5px;
   content: '';
   display: block;
   height: 1px;
   left: 0;
   position: absolute;
	transition:transform .3s;
   transform: scalex(0);
   transform-origin: right;
   width: 100%;
}
.line_anima_topic:after{
	background:#2a3b4c;
}
.line_anima_imglink:after{
	background:#fff;
}
a:hover .line_anima:after{
	transform: scalex(1);
   transform-origin: left; 
}

.downloadlist_item_wrap a:hover .line_anima:after{
	transform: scalex(0);
}

/*loading*/
.loading{
	background:#fff;
	height:100vh;
	position:fixed;
	top:0;
	width:100%;
	z-index:999;
}
.loading.hide{/*2回目以降（hide）は非表示*/
	display:none;
}

.loading_logo{
	height:100px;
}
@media screen and (max-width:768px){
	.loading_logo{
		height:80px;
	}
}
/*fonnt montserrat*/
.mont{
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
}
h1 .mont,h2 .mont,h3 .mont,h4 .mont,h5 .mont,h6 .mont,strong .mont,
h1.mont,h2.mont,h3.mont,h4.mont,h5.mont,h6.mont,strong.mont{
	font-weight:700;
}
/*sec*/
.sec{
	padding:50px 0;
	position:relative;
}
.sec_pb0{
	padding-bottom: 0;
}
.sec_pt0{
	padding-top: 0;
}
.sec_gray{
	background:#f3f4f6;
}
.sec_grayblue{
	background:#f4f5f7;
}
.sec_title{
	font-size:36px;
	text-align:center;
}
@media screen and (max-width:768px){
	.sec_title{
		font-size:24px;
		line-height:1.4;
	}
}
.sec_title_left{
	text-align:left;
}
@media screen and (max-width:768px){
	.sec_title_left{
		text-align:center;
	}
}
.sec_title_m{
	font-size:24px;
	text-align:center;
}
@media screen and (max-width:768px){
	.sec_title_m{
		font-size:18px;
	}
}

/*topcontrol*/
#topcontrol{
	font-size:13px;
	z-index:99;
}
@media screen and (max-width:768px){
	#topcontrol{
		right: 20px!important;
		bottom: 90px!important;
	}
	.page-id-12146 #topcontrol,
	.page-id-12386 #topcontrol,
	.single-seminar #topcontrol{
		bottom: 15px!important;
	}
}
.topcontrol_base_line,
.topcontrol_anima_line{
	background: #2a3b4c;
	height: 60px;
	width: 1px;
}
.topcontrol_base_line{
	opacity:.3;
}
.topcontrol_anima_line{
	animation: topcontrol_anima_line 1.5s cubic-bezier(1, 0, 0, 1) infinite;
	top:0;
	position:absolute;
	left:0;
}
@keyframes topcontrol_anima_line {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
}
.topcontrol_text{
	margin-top:10px;
	transform:translatex(-50%);
	writing-mode:vertical-lr;
}
/*wp-pagenavi*/
.wp-pagenavi{
	display: flex;
	justify-content: center;
}
.wp-pagenavi,
.wp-pagenavi a{
	color: #2a3b4c;
}
.wp-pagenavi .page{
	font-family: 'Montserrat', sans-serif;
}
.wp-pagenavi .pages,
.wp-pagenavi .extend{
	display: none;
}
.wp-pagenavi a,
.wp-pagenavi span{
	background:#fff;
	border:none!important;
	border-radius:99em;
	font-weight: bold;
	height:46px;
	margin: 0 .5em!important;
	padding: 10px 0!important;
	text-align:center;
	width:46px;
}
@media screen and (max-width:768px){
	.wp-pagenavi a,
	.wp-pagenavi span{
		margin: 0 .2em!important;
	}
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{
	background: #4d7aae;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}
@media screen and (max-width:768px){
	.wp-pagenavi .last,
	.wp-pagenavi .first{
		display: none;
	}
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
	background:#2a3b4c;
	color:#fff;
}

/****************************************
contact_box
*****************************************/
.contact_box{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7aafda+0,6394c3+33,4d7aae+66,34629a+100 */
	background: #7aafda; /* Old browsers */
	background: -moz-linear-gradient(left,  #7aafda 0%, #6394c3 33%, #4d7aae 66%, #34629a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #7aafda 0%,#6394c3 33%,#4d7aae 66%,#34629a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #7aafda 0%,#6394c3 33%,#4d7aae 66%,#34629a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aafda', endColorstr='#34629a',GradientType=1 ); /* IE6-9 */
	padding:100px 0;
	text-align:center;
}
@media screen and (max-width:768px){
	.contact_box{
		padding:50px 0;
	}
}
.contact_box .inner-1020{
	background:#fff;
	border-radius:10px;
	padding:70px 90px;
}
@media screen and (max-width:768px){
	.contact_box .inner-1020{
		padding:40px 30px;
	}
}
.contact_box_inner{
	background:#fff;
	border-radius:10px;
	padding:70px 90px;
}
@media screen and (max-width:768px){
	.contact_box_inner{
		padding:40px 30px;
	}
}
.contact_box_title{
	font-size:36px;
}
@media screen and (max-width:768px){
	.contact_box_title{
		font-size:20px;
	}
}
@media screen and (max-width:768px){
	.contact_box_text{
		text-align:left;
	}
}
.contact_box_tel{
	background:#f4f5f7;
	border-radius:0 0 10px 10px;
	margin:0 auto;
	padding:30px;
	text-align:center;
	width:480px;
}
@media screen and (max-width:768px){
	.contact_box_tel{
		border-radius:10px;
		padding:20px;
		width:100%;
	}
}
.contact_box_tel2{
	margin:20px 0 0;
	width:100%;
}
.contact_box_tel_text{
	color:#2a3b4c;
	font-size:16px;
	font-weight:bold;
}
@media screen and (max-width:768px){
	.contact_box_tel_text{
		font-size:14px;
	}
}
.contact_box_tel_num{
	color:#4d7aae;
	font-size:36px;
	font-weight:700;
	line-height:1;
}
@media screen and (max-width:768px){
	.contact_box_tel_num{
		font-size:20px;
	}
}
.contact_box_tel_num .mont{
	font-weight:700;
}
.contact_box_tel_num_icon{
	height:28px;
	margin-right:1rem;
}
@media screen and (max-width:768px){
	.contact_box_tel_num_icon{
		height:20px;
	}
}
.contact_box_partner{
	border-top:1px solid #d4d8db;
	padding-top:40px;
}
@media screen and (max-width:768px){
	.contact_box_partner{
		padding-top:20px;
	}
}
.contact_box_partner img{
	
}
@media screen and (max-width:768px){
	.contact_box_partner img{
		xheight:50px;
		xmargin:0 auto;
	}
}
.contact_box_partner_text{
	font-size:12px;
}
@media screen and (min-width:769px){
	.contact_box_partner_text{
		text-align:left;
	}
}
/****************************************
form関連
*****************************************/
 input[type="text"],
input[type="email"],
textarea{
	background:#F4F5F7;
	border:none;
	border-radius:4px;
	padding:20px;
	width:100%;
}
@media screen and (max-width:768px){
	 input[type="text"],
	input[type="email"],
	textarea{
		font-size:16px;
	}
}
/****************************************
ユーザー入力エリア
*****************************************/
/*entry-content*/
@media screen and (min-width:769px){
	.entry-content{
		font-size:15px;
	}
	.entry-content_font16{
		font-size:16.55px;
	}
}
/*block*/
.entry-content address,
.entry-content ol,
.entry-content dl,
.entry-content ul,
.entry-content p,
.entry-content table,
.entry-content blockquote,
.entry-content pre{
	margin-bottom: 2em;
}
.entry-content p:last-child{
	margin-bottom:0;
}
/*block end*/

.entry-content a{
	color: #6394c3;
	font-weight:500;
	text-decoration: underline;
}
.entry-content a:hover{
	text-decoration: none;
}
/*btn*/
.entry-content a.btn{
	color:#fff;
	padding:20px 60px 20px 40px;
	text-decoration:none;
	width:auto;
}

.entry-content a.btn img{
	height:12px;
	width:auto;
}
.entry-content address{
	background: #f1f1f1;
	padding: 20px;
}
.entry-content blockquote{
	background: #f1f1f1;
	font-style: italic;
	padding: 20px;
}
.entry-content blockquote p:last-child{
	margin-bottom: 0;
}
.entry-content code{
	background: #f1f1f1;
	font-style: italic;
}
.entry-content em{
	background: #ecf0f4;
	font-style: italic;
}
.entry-content pre{
	background: #f1f1f1;
	font-size: 14px;
	line-height: 1.4;
	overflow:scroll;
	padding: 1em;
}

/*ul ol*/
.entry-content > ul,
.entry-content > ol{
	border:2px solid #6bb0de;
	padding:40px;
}
@media screen and (max-width:768px){
	.entry-content > ul,
	.entry-content > ol{
		padding:20px;
	}
}
.entry-content ul:last-child,
.entry-content ol:last-child{
	margin-bottom:0;
}
/*ul*/
.entry-content ul li{
	list-style:none;
	padding-left:20px;
	position:relative;
}
.entry-content ul li:before{
	background:#7AAFDA;
	border-radius:50px;
	content:'';
	height:8px;
	left:0;
	position:absolute;
	top:8px;
	width:8px;
}
@media screen and (max-width:768px){
	.entry-content ul li:before{
		height:6px;
		width:6px;
	}
}
.entry-content ul li:last-child{
	margin-bottom:0;
}
/*ol*/
.entry-content ol li{
	list-style:decimal;
}
.entry-content ol li:last-child{
	margin-bottom:0;
}
.entry-content ul ol li{
	list-style:decimal;
}
.entry-content ol ul li{
	list-style:disc;
}
.entry-content li{
	margin:0 0 10px 10px;
}
.entry-content li ul,
.entry-content li ol{
	margin-top: 10px;
}

.entry-content dt{
	font-weight: bold;
}
.entry-content dd{
	margin-bottom: 20px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
	line-height: 1.2;
	margin-bottom:1em;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child{
	margin-top:0;
}
.entry-content h1{
	font-size: 30px;
	margin-top: 2em;
}
.entry-content h2{
	background:#F4F5F7;
	border-radius:10px;
	font-size: 24px;
	margin-top: 2em;
	padding:20px 20px 20px 34px;
	position:relative;
}
@media screen and (max-width:768px){
	.entry-content h2{
		font-size:18px;
	}
}
.entry-content h2:before{
	background:#6394C3;
	border-radius:50px;
	content:'';
	display:block;
	height:24px;
	left:20px;
	margin-right:10px;
	position:absolute;
	top: 22px;
	width:4px;
}
@media screen and (max-width:768px){
	.entry-content h2:before{
		height:18px;
	}
}
.entry-content h3{
	border-bottom:1px solid #7aafda;
	font-size: 18px;
	margin-top: 20px;
	padding-bottom:20px;
}
@media screen and (max-width:768px){
	.entry-content h3{
		font-size: 15px;
	}
}
.entry-content h4{
	color:#6394c3;
	font-size: 16px;
	margin-top: 20px;
	padding-left:30px;
	position:relative;
}
@media screen and (max-width:768px){
	.entry-content h4{
		font-size: 14px;
	}
}
.entry-content h4:before{
	background:#6394c3;
	border-radius:3px;
	content:'';
	display:block;
	height:20px;
	left:0;
	position:absolute;
	width:20px;
}
.entry-content h5{
	font-size: 14px;
	margin-top: 2em;
}
.entry-content h6{
	font-size: 12px;
	margin-top: 2em;
}
/*table*/
.entry-content table{
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	width: 100%;
}
.entry-content th,
.entry-content td{
	border-bottom: 1px solid #ccc;	
	border-right: 1px solid #ccc;
	padding: 10px;
	vertical-align: top;
}
.entry-content th{
	background: #F4F5F7;
	font-weight: 700;
	text-align: left;
}
/*inline*/
.entry-content img{
	height: auto;
	max-width: 100%;
}
/*
.entry-content a img{
	transition: .3s;
}
.entry-content a:hover img{
	box-shadow:0px 0px 20px 4px #ddd;
}
*/
.entry-content iframe{
	position: static!important;
	width: 100%;
}

.entry-content hr{
	background:#d4d8db;
	border:none;
	height:1px;
}
.aligncenter{
	text-align: center;
}
.alignleft{
	float: left;
	margin-right: 20px;
}
.alignright{
	float: right;
	margin-left: 20px;
}
.wp-caption{
	max-width: 100%;
}
.wp-caption-text{
	color: #666;
	font-size: 12px;
	font-style: italic;
}

/****************************************
header
*****************************************/
.header{
	position:fixed;
	top:0;
	transition:.3s;
	width:100%;
	z-index:99;
}
.home .header{
	transform:translatey(-100%);
}
.home .header.op{
	transform:translatey(0);
}
.header.on{
	background:#fff;
	box-shadow: 0 0 32px rgb(0 0 0 / 10%);
}
.header .inner-xl{
	border-bottom:1px solid rgba(255,255,255,0.2);
	padding:1em 0;
	position:relative;
	transition:.3s;
	z-index:2;
}
@media screen and (min-width:769px){
	.header .inner-xl{
		xmin-width:1140px;
	}
}
@media screen and (max-width:768px){
	.header .inner-xl{
		padding:20px 0;
	}
}
.header.on .inner-xl{
	padding:0;
}
@media screen and (max-width:768px){
	.header.on .inner-xl{
		padding:10px 0;
	}
}
.header_logo img{
	display:block;
	height:60px;
}
@media screen and (max-width:768px){
	.header_logo img{
		height:40px;
	}
}
/*icon-humburger*/
.icon-hamburger {
	cursor: pointer;
	display:none;
	height: 30px;
	margin: 0 auto;
	position: absolute;
	right: 10%;
	transition: .3s;
	top: 24px;
	width: 30px;
	z-index: 101;
}
@media screen and (max-width:1100px){
	.icon-hamburger {
		display:block;
	}
}
.on .icon-hamburger {
	top:20px;
}
.icon-hamburger .bar {
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	transition: .25s ease-in-out;
}
.on .icon-hamburger .bar {
	background:#2A3B4F;
}
#bar01 {top: 0;}
#bar02 {top: 10px;}
#bar03 {top: 20px;}
.active.bar{
	background:#fff;
}
.active#bar01 {
	top: 10px;
	transform: rotate(45deg);
}
.active#bar02 {width: 0;}
.active#bar03 {
	top: 10px;
	transform: rotate(135deg);
}
.header_bg{
	background:#fff;
	height:0;
	position:absolute;
	top:0;
	transition:.3s;
	width:100%;
}
.on .header_bg{
	height:100%;
}
/****************************************
gnav
*****************************************/
/*nav*/
.nav_menu li{
	margin-left:18px;
	position:relative;
}
@media screen and (max-width:1380px){
	.nav_menu li{
		font-size:12px;
		margin-left:20px;
	}
}
.nav_menu > li{
		padding:18px 0 15px;
}
/*mail*/
.nav_menu li.mail{
	margin-left:10px;
}
.nav_menu li.mail a{
	background: #f90;
	border-radius:99em;
	xmin-width:145px;
	padding:10px;
	position:relative;
}
@media screen and (max-width:1500px){
	.nav_menu li.tel a span,
	.nav_menu li.mail a span{
		display:none;
	}
	.nav_menu li.tel a i,
	.nav_menu li.mail a i{
		margin: 0;
	}
}
/*tel hover*/
.nav_menu li.tel a:hover{
	background:#4d7aae;
}
/*mail hover*/
.nav_menu li.mail a:hover{
	background:#f6b12f;
}
/*tel*/
.nav_menu li.tel a{
	background:#5e85b9;
	border-radius:99em;
	padding:10px;
	position:relative;
}
.nav_menu a:hover,
.nav_menu button:hover{
	opacity:.8;
}
/*on tel*/
.on .nav_menu li.tel a{
	color:#fff;
}
/*on mail*/
.on .nav_menu li.mail a{
	color:#fff;
}
/*tel mail*/
.gnav_wrap_btn{
	margin-left:auto;
}
.nav_menu li.tel i,
.nav_menu li.mail i{
	font-size:150%;
}
/*has_child*/
.nav_menu .has_child > button:after{
	content:'\f078';
	font-family:'Font Awesome 5 Free';
	font-size:11px;
	font-weight:900;
	margin-left:1em;
}
.nav_menu li button{
	background:none;
	border:none;
	transition:.5s;
}

.nav_menu li a,
.nav_menu li button{
	color:#fff;
	display:block;
	font-weight:700;
	line-height:1.2;
	font-size: 14px;
}

@media screen and (max-width:1460px){
	.nav_menu li a,
	.nav_menu li button{
		font-size: 0.9vw;
	}
}

/*no_child*/
@media screen and (min-width:769px){
	.nav_menu .no_child a{
		padding-bottom:5px;
		position:relative;
	}
	.nav_menu .no_child a:after{
		background:#fff;
		bottom:0;
		content:"";
		display:block;
		height:1px;
		opacity:0;
		position:absolute;
		transition:.3s;
		transform:scalex(0);
		transform-origin:center;
		width:100%;
	}
	.nav_menu .no_child a:hover:after{
		opacity:1;
		transform:scalex(1);
	}
	/*on*/
	.on .nav_menu .no_child a:after{
		background:#2A3B4F;
	}
}

@media screen and (max-width:1100px){
	.nav_menu li a,
	.nav_menu li button{
		font-size: 16px;
	}
}

.nav_menu li a .mont{
	font-weight:700;
}
.on .nav_menu li a,
.on .nav_menu li button{
	color:#2A3B4F;
}
.on .nav_menu a:hover,
.on .nav_menu li button:hover{
	color:#7f8994;
	opacity:1;
}
/*sub-menu*/
@media screen and (min-width:1101px){
	.sub-menu{	
		background:#fff;
		border-radius:10px;
		box-shadow: 0 0 32px rgb(0 0 0 / 10%);
		opacity:0;
		padding:30px 28px;
		position:absolute;
		pointer-events: none;
		transition:.3s;
		transform:translatey(-10px);
		visibility:hidden;
		width:320px;
	}
	li:hover .sub-menu{
		opacity:1;
		pointer-events: all;
		visibility:visible;
		transform:translatey(15px);
	}
	.sub-menu li{
		margin:0;
	}
	.sub-menu li:nth-child(n+2){
		margin-top:20px;
	}
	.sub-menu li a{
		color:#2A3B4F;
		display:block;
		font-size:14px;
		position:relative;
	}
	.sub-menu a:hover{
		color:#7f8994;
		opacity:1;
	}
}
/*sp nav*/
@media screen and (max-width:1100px){
	.gnav_wrap{
		display:none;
	}
	.gnav_wrap_sp{
		background: #2a3b4c;
		display: none;
		height: 100vh;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index:100;
		overflow-y:scroll;
	}
	.gnav_wrap_sp > .inner-xl{
		padding:20px 0 80px;
	}
	.on + .gnav_wrap_sp > .inner-xl{
		padding:10px 0 80px;
	}
	.nav_sp{
		margin-top:50px;
	}
	.nav_menu li{
		margin:0 0 0 0;
	}
	.nav_menu .has_child.on > a:after{
		content: '\f077';
	}
	.nav_menu li button,
	.nav_menu li a{
		padding:0;
	}
	/*sub-menu*/
	.sub-menu{
		display:none;
		margin-top:40px;
	}
	.sub-menu li{
		margin-left:10px;
	}
	.sub-menu li:nth-child(n+2){
		margin-top:40px;
	}
	.nav_menu .sub-menu a{
		font-size:16px;
	}
	.btn_mail_sp{
		background: #f90;
	}
}

/****************************************
footer
*****************************************/
.footer{
}
@media screen and (max-width:768px){
	.footer{
	}
}
/*footer_3colnav*/
.footer_3colnav_item{
	border-radius:0 0 5px 5px ;
	box-shadow: 0 0 32px rgb(0 0 0 / 10%);
	position:relative;
}
@media screen and (max-width:768px){
	.footer_3colnav_item{
		display:block;
	}
}
.footer_3colnav_item_img{
	border-radius:5px 5px 0 0;
	overflow:hidden;
	position:relative;
}
.footer_3colnav_item_img img{
	display:block;
}
.footer_3colnav_item_img_cnt{
	color:#fff;
	font-weight:bold;
	left:50%;
	position:absolute;
	text-align:center;
	top:50%;
	transform:translate(-50%,-50%);
}
.footer_3colnav_item_img_cnt i{
	font-size:150%;
}
.download_item_btn_footer{
	bottom:auto!important;
	justify-content:center;
	padding:20px 0;
	position:inherit!important;
}
/*footer_top*/
.footer_top_text{
	border-bottom:1px solid #d4d8db;
}
.footer_top_text_title{
	font-size:16px;
}
.footer_top_text_text{
	font-size:13px;
	line-height:2;
}
@media screen and (max-width:768px){
	.footer_top_text_text{
		height:100px;
		overflow:hidden;
		transition:.3s;
	}
	.footer_top_text_text.on{
		height:260px;
	}
}
@media screen and (max-width:414px){
	.footer_top_text_text.on{
		height:auto;
	}
}
.footer_top_text_btn{
	background:#f3f4f6;
	border-radius:99em;
	font-weight:700;
	padding:1em;
	position:relative;
	text-align:center;
}
.footer_top_text_btn:after{
	content: '\f067';
	display:block;
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
	position:absolute;
	right:2em;
	top:50%;
	transform:translatey(-50%);
}
.footer_top_text_btn.on:after{
	content: '\f068';
}
@media screen and (min-width:769px){
	.footer_top_nav_logo{
		width:30%;
	}
}
.footer_top_nav_logo img{
	height:63px;
}
@media screen and (min-width:769px){
	.footer_top_nav_nav{
		width:70%;
	}

	.footer_navType02 .footer_top_nav_nav a{
		font-size: 12px;
	}

	.footer_navType02 .footer_top_nav_nav{
		width:80%;
		}

	.footer_navType02 .footer_top_nav_logo{
		width: 20%;
	}

	.footer_navBl02{
		margin: 60px auto 0 20%;
	}
}

.footer_top_nav_nav a{
	display:block;
	position:relative;
}
.footer_top_nav_nav a:hover{
	color:#7f8994;
	opacity:1;
}

@media screen and (max-width:768px){
	.footer_top_nav_nav .parent{
		border-bottom:1px solid #d3d7da;
		padding:25px 0;
	}
	.footer_top_nav_nav .parent_first{
		border-top:1px solid #d3d7da;
	}
}
.footer_top_nav_nav .parent >a{
	font-size:16px;
	font-weight:bold;
	margin-bottom:1.5em;
}
@media screen and (max-width:768px){
	.footer_top_nav_nav .parent >a{
		font-size:14px;
		margin-bottom:0;
	}
}
@media screen and (max-width:768px){
	.footer_top_nav_nav .has_child{
		position:relative;
	}
}
.js_footer_nav_child_open:hover{
	color:#2a3b4c!important;
}
@media screen and (max-width:768px){
	.js_footer_nav_child_open{
		position:relative;
	}
	.js_footer_nav_child_open:after{
		content:'\f067';
		font-family:'Font Awesome 5 Free';
		font-weight:900;
		position:absolute;
		right:0;
		top:50%;
		transform:translatey(-50%);
	}
	.on.js_footer_nav_child_open:after{
		content:'\f068';
	}
}
@media screen and (max-width:768px){
	.footer_top_nav_nav .child{
		display:none;
	}
}
.footer_top_nav_nav .child li:nth-child(n+2) a{
	margin-top:.5em;
}
@media screen and (max-width:768px){
	.footer_top_nav_nav .child li a{
		font-size:13px;
		margin-top:1em;
	}
}
/*footer_bottom*/
.footer_bottom{
	background:#f4f5f7;
	padding:60px 0 120px;
}
@media screen and (max-width:768px){
	.footer_bottom{
		padding:45px 0 100px;
	}
}
.footer_bottom_add_title{
	font-size:16px;
	font-weight:bold;
}
@media screen and (max-width:768px){
	.footer_bottom_add_title{
		font-size:14px;
	}
}
.footer_bottom_add address{
	line-height:2;
}
@media screen and (max-width:768px){
	.footer_bottom_add address{
		font-size:13px;
		line-height:1.6;
	}
}
.footer_bottom_sns li{
	margin-left:2em;
}
.footer_bottom_sns li:first-child{
	margin:0;
}
.footer_bottom_sns a:hover{
	color:#4d7aae;
	opacity:1;
}
.footer_bottom_sns i{
	font-size:200%;
}
@media screen and (min-width:769px){
	.footer_bottom_link li{
		margin-right:2em;
	}
}
@media screen and (max-width:768px){
	.footer_bottom_link li:nth-child(n+2){
		margin-top:1em;
	}
}
.footer_bottom_link a{
	color:#aab1b7;
}
@media screen and (max-width:768px){
	.footer_bottom_link a{
		font-size:13px;
	}
}
.footer_bottom_link a:hover{
	color:#2a3b4c;
	opacity:1;
}
.footer_bottom_copyright{
	color:#aab1b7;
}
@media screen and (max-width:768px){
	.footer_bottom_copyright{
		font-size:13px;
	}
}
/*sp fixed_btn*/
.fixed_btn{
	background:#fff;
	bottom:0;
	opacity:0;
	padding:10px 20px;
	position:fixed;
	transition:.3s;
	width:100%;
	z-index:99;
}
.fixed_btn.on{
	opacity:1;
}
.fixed_btn_item{
	border-radius:99em;
	font-weight:700;
	line-height:1.2;
	padding:10px;
	text-align:center;
}
.fixed_btn_item.contact{
	background:#4d7aad;
	border:1px solid #4d7aad;
	color:#fff;
}
.fixed_btn_item.tel{
	background:#fff;
	border:1px solid #4d7aad;
	color:#4d7aad;
}
.fixed_btn_item i{
	font-size:150%;
}
/****************************************
front-page
*****************************************/
/*kv_top*/
.kv_top{
	background:url(images/top/kv_bg.jpg) center center/cover;
	color:#fff;
	/* height:js */
	position:relative;
  xaspect-ratio: 1920 / 1080;
}

@media screen and (max-width:768px){
  .kv_top{
    aspect-ratio: unset;
    height: 100vh;
  }
}

.kv_top2{/*背景動画に変更*/
	background: none;
	color:#fff;
	height:100vh;
	position:relative;
}
.kv_top_inner{
	position: relative;
	z-index: 3;
}

.top_btn_catch{
	text-align: center;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 14px;
}

.top_btn_catchType_a{
	margin-right: 2em;
}

.top_mv_video{
    position: absolute;
    overflow: hidden;
    top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.top_mv_video video{
	height: 100%;
	object-fit: cover;
    width: 100%;
}

/* #first-fold .top_mv_video video{
  transform: unset;
} */

.top_mv_video::after{
	content: "";
	background: url(images/top/bg_kv.png);
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
	xaspect-ratio: 1920 / 1080;
}

.top_mv_video::before{
	content: "";
	background-color: rgba(0,0,0,0.4);
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	z-index: 3;
	xaspect-ratio: 1920 / 1080;
}

.top_mv_video img{
    width: 100%;
    aspect-ratio: 1920 / 1080;
}

.kv_top.top_mv_wrap{
	background: none;
}



.kv_top_catch{
	position: absolute;
	top: 10%;
	left: 10%;
}

.kv_top_catch .anima-slideup,.kv_top_catch .top_btn_catch{
	text-shadow: rgba(0,0,0,0.1) 1px 1px 5px, rgba(0,0,0,0.1) -1px 1px 5px,
  rgba(0,0,0,0.1) 1px -1px 5px, rgba(0,0,0,0.1) -1px -1px 5px;
}

.topType_b_wrap .kv_top_title_en{
  font-size: calc(2.3vw);
}

.topType_b_wrap .kv_top_text{
	font-size: 0.9vw;
}

.top_videoType_b video{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5%;
	width: 50.5%;
	z-index: 10;
}


.kv_top_catchType_b .kv_top_title_en{
	margin-top: 20px;
}


@media screen and (min-width:769px){
	.kv_top_inner{
		margin:0 auto;
		transform:translatey(25%);
		width:70.83%;
	}

	.kv_top_inner.kv_top_catchType_b{
		margin: -4% auto 0 12%;
		width: 43%;
	}

	.kv_top_inner.kv_top_catch{
		transform: translate(-7%, 20%);
	}

	.kv_top_catchType_b{
		transform: translate(-15%, 5%);
	}

	.kv_top_catchType_b .contact_box_btns{
		margin-top: 30px;
	}

	.kv_top_catchType_b .contact_box_btns>div{
		text-align: center;
		width: 40%;
	}

	.kv_top_catchType_b .contact_box_btns>div:first-of-type{
		margin-right: 20px;
	}

	.kv_top_catchType_b .contact_box_btns>div a{
		width: 100%;
	}

	.kv_top_catchType_b .top_btn_catchType_a{
		margin-right: 0;
	}

	.kv_top_catchType_bMgn{
		margin-top: 30px;
	}

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

	.kv_top_inner{
		margin:0 auto;
		transform:translatey(40px);
		width:84%;
	}

	.kv_top_inner.kv_top_catch{
		transform: translate(0, 40px);
	}

	.top_btn_catchType_a{
		margin-right: 0;
	}

	.top_videoType_b{
		text-align: center;
		margin-top: 25%;
	}

	.top_videoType_b video{
		position: relative;
    width: 80%;
    right: auto;
    top: 30px;
	}

	.topType_b_wrap .kv_top_title_en{
	  font-size: 18px;
	}

	.top_mv_video video{
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
		height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  .top_mv_video::before{
      aspect-ratio: unset;
      height: 100vh;
  }
    
  .top_mv_video::after{
      aspect-ratio: unset;
      height: 100vh;
  }
  
  .top_mv_video img{
    aspect-ratio: unset;
    height: 100vh;
    object-fit: cover;
  }

}
@media screen and (min-width:769px){
	.kv_top_title_jp{
		font-size:0.972vw;
	}

}
.kv_top_title_en{
	font-family: 'Montserrat', sans-serif;
	font-size:calc(4vw);
	font-weight:700;
	line-height:1;
}

.top_mv_wrap .kv_top_title_en{
		font-size:calc(3vw);
	}
@media screen and (max-width:768px){
	.kv_top_title_en{
		font-size:60px;
	}
}
@media screen and (max-width:375px){
	.kv_top_title_en{
		font-size:36px;
	}
}
@media screen and (max-width:375px){
	.kv_top_title_en{
		font-size:44px;
	}
}
.kv_top_text{
	font-size:1.111vw;
	font-weight:bold;
}
@media screen and (max-width:768px){
	.kv_top_text{
		font-size:13px;
	}
}
.kv_top_scroll{
	bottom:0;
	cursor:pointer;
	left:5%;
	position:absolute;
	z-index:2;
}
.kv_top_scroll a{
	display:block;
}
.kv_top_scroll img{
	width:10px;
}
.kv_top_scroll_base_line,
.kv_top_scroll_anima_line{
	background:#fff;
	height:80px;
	width:1px;
}
.kv_top_scroll_base_line{
	opacity:.5;
}
.kv_top_scroll_anima_line{
	animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
	bottom:0;
	left:0;
	position:absolute;
}
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
/*kv_top_link*/
/*
.kv_top_link{
	bottom:50px;
	position:absolute;
	right:5%;
}
.kv_top_link a{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}
.kv_top_link a:hover{
	opacity:1;
}
.kv_top_link a span{
	transition:.3s;
}
.kv_top_link a:hover span{
	opacity:.5;
}
.kv_top_link img{
	margin-left:1em;
}
*/
.kv_top_bg{
	background: url(images/top/bg_kv.png);
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}
.kv_top_video{
	height: 100%;
	left: 0;
	object-fit: cover;
	top: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}
/*sp case link*/
.sp_case_link{
	background:url(images/top/sp_case_bg.png) center center/cover;
	padding:40px 0;
}
.sp_case_link a{
	color:#fff;
	font-weight:bold;
}
/*client*/
.top_client{
	padding:60px 0;
}
@media screen and (max-width:768px){
	.top_client{
		padding:40px 0;
	}
}
@media screen and (min-width:769px){
	.top_client_item{
		width:11.11%;
	}
	.top_client_item:nth-child(n+10){
		margin-top:10px;
	}
}
@media screen and (max-width:768px){
	.top_client_item{
		width:31.74%;
	}
	.top_client_item:nth-child(n+4){
		margin-top:5px;
	}
}
.top_client_item img{
	display:block;
}
/*interview*/
.top_interview{
	padding:90px 0;
}
@media screen and (max-width:768px){
	.top_interview{
		padding:60px 0;
	}
	.inner_top_interview{
		width:100%;
	}
	.top_interview .slick-track{
		display:flex;
	}
	.top_interview .slick-slide{
		background:#f4f5f7;
		border:10px;
		height: auto !important;
		overflow:hidden;
		position:relative;
	}
}
.interview_item{
	background:#f4f5f7;
	border-radius:0 0 10px 10px;
	overflow:hidden;
	padding-bottom:90px;
	position:relative;
}
@media screen and (min-width:769px){
	.interview_item{
		margin-right:4%;
	}
	.interview_item:nth-child(3n){
		margin-right:0;
	}
	.interview_item:nth-child(n+4){
		margin-top:60px;
	}
}
@media screen and (max-width:768px){
	.interview_item{
		padding-bottom:80px;
	}
}
.interview_item:hover{
	opacity:1;
}
@media screen and (max-width:768px){
	/*top*/
	.js_sp_interview_slider .slick-slide{
		margin:0 10px;
	}
	.js_sp_interview_slider .slick-dots{
		bottom:-45px!important;
	}
	.slick-dots li.slick-active button:before{
		color:#4d7aae;
	}
	/*archive*/
	.interview_item:nth-child(n+2){
		margin-top:40px;
	}
}
.interview_item_img{
	border-radius:10px 10px 0 0;
	border:1px solid #eee;
	display:block;
	overflow:hidden;
}
.interview_item_img img{
	display:block;
	object-fit:cover;
	transition:.3s;
}
.interview_item:hover .interview_item_img img{
	transform:scale(1.05);
}
.interview_item_cnt{
	padding:0 33px;
}
.interview_item_client{
	font-size:16px;
	overflow:hidden;
}
.interview_item_title{
	overflow:hidden;
}
.interview_item_logo{
	bottom:40px;
	height:35px;
	left:2em;	
	object-fit:contain;
	position:absolute;
	width:30%;
}
.interview_item_time{
	bottom:40px;
	right:2em;	
	position:absolute;
}
/*nayami*/
.top_nayami{
	padding:70px 0;
}
@media screen and (min-width:769px){
	.top_nayami_item{
		padding:0 10px;
	}
}
@media screen and (max-width:768px){
	.top_nayami{
		padding:50px 0;
	}
	.top_nayami_item_img{
		width:22%;
	}
}
.top_nayami_item_img img{
	height:60px;
}
.top_nayami_item_title{
	font-size:16px;
}
@media screen and (max-width:768px){
	.top_nayami_item_title{
		line-height:1.6;
		text-align:left;
	}
}
/*feature*/
.top_feature{
	padding:100px 0;
}
@media screen and (max-width:768px){
	.top_feature{
		padding:60px 0;
	}
}
.top_feaure_item_img{
	text-align:center;
}
@media screen and (min-width:769px){
	.top_feaure_item_img{
		width:48%;
	}
	.top_feaure_item_cnt{
		width:41%;
	}
}
@media screen and (max-width:768px){
	.top_feaure_item_img img{
		height:240px;
	}
}
.top_feaure_item_cnt_num{
	color:#4d7aae;
	font-size:16px;
	font-weight:700;
}
@media screen and (max-width:768px){
	.top_feaure_item_cnt_num{
		font-size:13px;
	}
}
.top_feaure_item_cnt_num .mont{
	font-weight:700;
	margin-left:5px;
}
.top_feaure_item_cnt_title{
	font-size:24px;
	line-height:1.6;
}
@media screen and (max-width:768px){
	.top_feaure_item_cnt_title{
		font-size:18px;
	}
}
/*work*/
.top_works{
	padding:80px 0;
}

.top_works_wrap{
	position: relative;
}

.top_works_wrap .archive_list_bg_overlay{
	position: static;
}

.top_works_wrap .article_list_bg{
	z-index: -1;
}

.top_works_btn{
	align-items: flex-end;
	margin: 50px auto 0;
}

.top_works_btn>div:first-of-type{
	margin-right: 2em;
}

@media screen and (max-width:768px){
	.top_works{
		padding:60px 0;
	}
	
	.top_works_btn{
		margin: 0;
	}
	
	.top_works_btn>div{
		width: 100%;
	}
	
	.top_works_btn>div:first-of-type{
		margin-right: 0;
	}
}
@media screen and (min-width:769px){
	.works_item{
		margin-right:2.5%;
		width:31.66%
	}
	.works_item:nth-child(3n){
		margin-right:0;
	}
	.works_item:nth-child(n+4){
		margin-top:60px;
	}
}
@media screen and (max-width:768px){
	.works_item{
		display:block;
	}
	.works_item:nth-child(n+2){
		margin-top:40px;
	}
}
.works_item_img_wrap:hover{
	opacity:1;
}
.works_item_img{
	border-radius:5px;
	overflow:hidden;
	position:relative;
}

.js_works_item_img_item{
	/*height:js*/
	object-fit:cover;
	width:100%;
}
a:hover .js_works_item_img_item{
	opacity:1;
	transition:.3s;
	transform:scale(1.05);
}
.js_works_item_img_item_related{
	/*height:js*/
	object-fit:cover;
	width:100%;
}
a:hover .js_works_item_img_item_related{
	opacity:1;
	transition:.3s;
	transform:scale(1.05);
}
.works_item_img_hover{
	background:rgba(0,0,0,0.5);
	height:100%;
	left:0;
	opacity:0;
	position:absolute;
	top:0;
	transition:.3s;
	visibility:hidden;
	width:100%;
}
@media screen and (max-width:768px){
	.works_item_img_hover{
		background:none;
		opacity:1;
		visibility:visible;
	}
}
a:hover .works_item_img_hover{
	opacity:1;
	visibility:visible;
}
.works_item_img_hover_arrow{
	height:80px;
}
@media screen and (max-width:768px){
	.works_item_img_hover_arrow{
		height:72px;
	}
}
.works_item_client{
	font-size:20px;
}
@media screen and (max-width:768px){
	.works_item_client{
		font-size:18px;
	}
}
a:hover .works_item_client{
	color:#34629B;
}
.works_item_title{
	color:#4d7aae;
}
.works_item_cats{
	max-height:32px;
	overflow:hidden;
}
.works_item_cat{
	background:#fff;
	border-radius:3px;
	display:inline-block;
	font-size:13px;
	margin:0 10px 10px 0;
	padding:4px 12px;
}
.works_item_cat:hover{
	background:#34629A;
	color:#fff;
}
.works_item_btn{
	color:#4d7aae;
	font-weight:700;
}
/*video popup*/
.YouTubePopUp-Close{
	left:auto!important;
	right:0;
	top:-30px!important;
}
.vp-flex .YouTubePopUp-Close:before{
	font-weight:900!important;
}
/*yoto*/
#youto{
	padding:80px 0;
}
@media screen and (max-width:768px){
	#youto{
		padding:60px 0 0;
	}
}
/*service*/
.top_service{
	xpadding:100px 0 0;
}
@media screen and (max-width:768px){
	.top_service{
		xpadding:60px 0 0;
	}
}
.top_service_item{
	border-radius:10px;
	padding:40px 50px 0;
}
@media screen and (min-width:769px){
	.top_service_item{
		width:33.333%;
	}
}
.top_service_item:hover{
	background:#f4f5f7;
	opacity:1;
}
.top_service_item_icon_img img{
	height:54px;
}
@media screen and (max-width:768px){
	.top_service_item_icon_img{
		width: 95px;
	}
	.tateto .top_service_item_icon_img{
		align-items: center;
		display: flex;
	}
	.tateto .top_service_item_icon_img img{
		height:35px;
	}
}
.top_service_item_icon_arrow img{
	height:10px;
}
.top_service_item_title{
	font-size:18px;
	line-height:1.6;
}
/*service sp*/
@media screen and (max-width:768px){
	.top_service_item{
		border-radius:0;
		padding:40px 8%;
	}
	.top_service_item:hover{
		background:none;
	}
	.top_service_item:nth-child(odd){
		background:#f4f5f7;
	}
	.top_service_item_icon_img{
		margin-right:20px;
	}
	.top_service_item_icon_arrow{
		height:10px;
		margin-left:1em;
	}
	.top_service_item_more{
		display:none;
	}
	.top_service_item_more a{
		color:#4d7aad;
		font-weight:700;
		text-decoration:underline;
	}
	.top_service_item_icon{
		position:relative;
		width:100%;
	}
	.top_service_item_icon_plus{
		position:absolute;
		right:0;
		top:50%;
		transform:translatey(-50%);
	}
}
/*download*/
.top_download{
	padding:90px 0;
}
@media screen and (max-width:768px){
	.top_download{
		padding:60px 0;
	}
}
.download_item{
	background:#fff;
	border-radius:10px;
	padding:30px 30px 100px;
	position:relative;
}
@media screen and (max-width:768px){
	.download_item{
		display:block;
		padding:20px 20px 100px;
	}
	.download_item:nth-child(n+2){
		margin-top:20px;
	}
}
.download_item_img{
	border-radius:10px;
	overflow:hidden;
}
.download_item_img img{
	display:block;
	transition:.3s;
}
.download_item:hover .download_item_img img{
	transform:scale(1.05);
}
.download_item_title{
	font-size:16px;
}
.download_item_btn{
	bottom:40px;
	color:#4d7aae;
	font-weight:bold;
	position:absolute;
}
.top_download_btn_text{
	font-weight:700;
	position:relative;
}
.top_download_btn_text:before,
.top_download_btn_text:after{
	background:#2a3b4c;
	content:'';
	display:inline-block;
	height:18px;
	width:2px;
}
.top_download_btn_text:before{
	transform:rotate(-30deg) translate(-14px,-2px);
}
.top_download_btn_text:after{
	transform:rotate(30deg)  translate(14px,-2px);
}
/*price*/
.top_price{
	padding:70px 0;
}

.price_btn_wrap{
	display: flex;
	justify-content: center;
}

@media screen and (max-width:768px){
	.top_price{
		padding:60px 0;
	}

	.price_btn_wrap{
		flex-direction: column;
	}

	.price_btn_wrap>div:first-of-type{
		margin-bottom: 30px;
	}

	.price_btn_wrap .top_btn_catch{
		font-size: 13px;
	}
}

.btn_top_price{
	background: #34629C;
}
.btn_top_price:hover{
	background: #fff;
	color: #34629D;
}

.btn_top_dl{
	background: #f90;
}
.btn_top_dl:hover{
	background: #f6b12f;
}
/*imglink*/
.top_imglink_item{
	color:#fff;
	overflow:hidden;
	padding:70px 50px;
	position:relative;
	width:50%;
}
@media screen and (max-width:768px){
	.top_imglink_item{
		display:block;
		padding:40px 30px;
		width:100%;
	}
}
.top_imglink_item_inner{
	position:relative;
	z-index:2;
}
.top_imglink_item_title{
	font-size:28px;
}
@media screen and (max-width:768px){
	.top_imglink_item_title{
		font-size:20px;
	}
}
.top_imglink_item_subtitle{
	font-size:13px;
}
.top_imglink_item_more{
	bottom:40px;
	position:absolute;
	right:50px;
}
@media screen and (max-width:768px){
	.top_imglink_item_more{
		bottom:20px;
		right:30px;
	}
}
.top_imglink_item_bg{
	height:100%;
	left:0;
	object-fit:cover;
	position:absolute;
	top:0;
	transition:.3s;
	width:100%;
}
.top_imglink_item:hover .top_imglink_item_bg{
	transform:scale(1.05);
}
/*creator*/
.top_creator{
	background:#f4f5f7;
	border:2px solid #001042;
	border-radius:10px;
	display:block;
	padding:0 40px;
}
@media screen and (max-width:768px){
	.top_creator{
		padding:50px 30px;
	}
}
.top_creator_img img{
	display:block;
}
@media screen and (min-width:769px){
	.top_creator_img{
		padding-top:20px;
		width:36%;
	}
}
@media screen and (min-width:769px){
	.top_creator_cnt{
		width:55%;
	}
}
.top_creator_cnt_subtitle{
	font-size:16px;
	font-weight:bold;
}
.top_creator_cnt_title{
	font-size:40px;
	line-height:1;
	margin-top:15px;
}
@media screen and (max-width:768px){
	.top_creator_cnt_title{
		font-size:22px;
		margin-top:10px;
	}
}
.top_creator_cnt_arrow{
	margin-right:10px;
}
/*news*/
.top_news{
	background:#f6f6f8;
	padding:70px 0;
}
@media screen and (max-width:768px){
	.top_news{
		padding:60px 0;
	}
}
.news{
	display:none;
}
.news.on{
	display:block;
}
@media screen and (max-width:768px){
	.news_cat{
		display:flex;
	}
}
.news_cat .cat-item{
	margin-right:40px;
}
.news_cat .cat-item:last-child{
	margin-right:0;
}
.news_cat .cat-item{
	color:#2a3b4c;
	cursor:pointer;
	transition:.3s;
}
.news_cat .cat-item.on,
.news_cat .cat-item:hover{
	color:#4d7aae;
}
.news_list_item{
	border-bottom:1px solid #d4d8db;
	padding:40px 0;
}
@media screen and (max-width:768px){
	.news_list_item{
		padding:15px 0;
	}
}
.news_list_item:first-child{
	border-top:1px solid #d4d8db;
}
.news_list_item_catlink{
	color:#4d7aae;
}
.news_list_item_title{
	font-size:16px;
}

/****************************************
下層ページ共通
*****************************************/
.kv_page{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#689ed1+0,284d88+100 */
	background: #689ed1; /* Old browsers */
	background: -moz-linear-gradient(left,  #689ed1 0%, #284d88 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #689ed1 0%,#284d88 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #689ed1 0%,#284d88 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#689ed1', endColorstr='#284d88',GradientType=1 ); /* IE6-9 */
	
	position:relative;
}
@media screen and (min-width:769px){
	.kv_page{
		padding-top:123px;
	}
	.page-id-12420 .kv_page,
	.page-id-12418 .kv_page,
	.page-id-12416 .kv_page,
	.page-id-12414 .kv_page,
	.page-id-12412 .kv_page,
	.page-id-15636 .kv_page,
	.post-type-archive-work .kv_page{/*サービス関連、実績一覧*/
		height:424px;
	}
	.single-work .kv_page{/*実績個別*/
		height:388px;
	}
	.page-id-12424 .kv_page,
	.post-type-archive-column .kv_page,
	.single-column .kv_page,
	.page-id-3 .kv_page,
	.parent-pageid-12384 .kv_page,
	.page-id-12424 .kv_page{/*価格、コラム一覧、コラム個別、プライバシーポリシー、クリエイター募集フォーム、動画制作の相場*/
		height:304px;
	}
	.post-type-archive-interview .kv_page,
	.post-type-archive-downloads .kv_page,
	.post-type-archive-seminar .kv_page,
	.page-id-12113 .kv_page,
	.page-id-12803 .kv_page,
	.page-id-12555 .kv_page{/*インタビュー一覧、ダウンロード一覧、セミナー一覧、会社概要、取引先、資料DL完了*/
		height:291px;
	}
	.single-interview .kv_page,
	.single-seminar .kv_page,
	.page-id-12800 .kv_page{/*インタビュー個別、セミナー個別、セミナー完了*/
		height:223px;
	}
	.page-id-12377 .kv_page{/*よくある質問*/
		height:414px;
	}
	.page-id-12384 .kv_page{/*クリエイター募集*/
		height:341px;
	}
	.page-id-12154 .kv_page,
	.page-id-12391 .kv_page{/*お問い合わせ、お問い合わせ完了、クリエイター募集完了*/
		height:276px;
	}
	.parent-pageid-12420 .kv_page{/*動画制作下層*/
		height:393px;
	}
}
@media screen and (max-width:768px){
	.kv_page{
		padding-top:81px;
	}
}
.kv_page_inner{
	position:relative;
}
@media screen and (max-width:768px){
	.kv_page_inner{
		xmargin:0 auto;
		xwidth:82%;
	}
}
.kv_bg_title{
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-size:80px;
	font-weight:700;
	left:50%;
	line-height:1;
	opacity:.1;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:100%;
}
@media screen and (max-width:768px){
	.kv_bg_title{
		font-size:40px;
		transform: translate(-50%,-50%);
	}
}
.kv_page_cnt{
	padding:40px 0;
	position:relative;
	z-index:2;
}
@media screen and (max-width:768px){
	.kv_page_cnt{
		padding:3em 0;
	}
}
.kv_page_icon{
	display:block;
	height:53px;
	margin:0 auto;
}
@media screen and (max-width:768px){
	.kv_page_icon{
		height:40px;
	}
}
.kv_page_cnt_title{
	color:#fff;
	font-size:24px;
	line-height:1.6;
	margin-top:15px;
}
@media screen and (max-width:768px){
	.kv_page_cnt_title{
		font-size:18px;
		margin-top:10px;
	}
}
.kv_page_cnt_subtitle{
	color:#fff;
	font-size:16.5px;
	line-height:1.2;
}
@media screen and (max-width:768px){
	.kv_page_cnt_subtitle{
		font-size:14px;
	}
}
.kv_page_cnt_text{
	color:#fff;
	font-size:15px;
	margin-top:15px;
}
@media screen and (max-width:768px){
	.kv_page_cnt_text{
		font-size:12px;
	}
}

@media screen and (max-width:768px){
	.main_col2_wrap{
		width:100%;
	}
	.sp_content_wrap{
		margin:0 auto;
		width:84%;
	}
}
.page_title{
	font-size:24px;
}
@media screen and (max-width:768px){
	.page_title{
		font-size:20px;
		line-height:1.4;
	}
}
.page_title_18{
	font-size:18px;
}
@media screen and (max-width:768px){
	.page_title_18{
		font-size:15px;
	}
}
.page_read{
	font-size:16.55px;
}
@media screen and (max-width:768px){
	.page_read{
		font-size:14px;
	}
}
.archive_list_bg_overlay{
	position:relative;
	z-index:2;
}
.article_list_bg{
	position:absolute;
	right:0;
	top:0;
}
@media screen and (max-width:768px){
	.article_list_bg{
		width:70%;
	}
}
/*single_form*/
.single_form{
	background:#fff;
	border-radius:10px;
	box-shadow: 10px 20px 40px 0px rgba(52,98,154,0.1);
	padding:40px 40px 70px;
	position:relative;
	overflow:hidden;
}
@media screen and (max-width:768px){
	.single_form{
		padding:40px 30px 60px;
	}
}
.single_form:before{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#34629a+0,7aafda+100 */
	background: #34629a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #34629a 0%, #7aafda 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #34629a 0%,#7aafda 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #34629a 0%,#7aafda 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34629a', endColorstr='#7aafda',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	border-radius:10px 10px 0 0; 
	content:'';
	display:block;
	left:0;
	height:9px;
	position:absolute;
	top:0;
	width:100%;
}
.single_form_title{
	font-size:36px;
	font-weight:700;
}
@media screen and (max-width:768px){
	.single_form_title{
		font-size:20px;
	}
}
.single_form_text{
	margin-top:10px;
}
.single_form_cnt_left_img{
	border:1px solid #eee;
	border-radius:10px;
	overflow:hidden;
}
.single_form_cnt_left_img img{
	display:block;
	width:100%;
}
.single_form_cnt_left_title{
	font-size:18px;
	font-weight:bold;
	margin-top:20px;
}
.single_form_cnt_left_text{
	margin-top:20px;
}
.single_form_cnt_right_label{
	font-size:16px;
	font-weight:700;
}
.single_form_cnt_right_form_item:nth-child(n+2){
	margin-top:20px;
}
.single_form_cnt_right_label span{
	color:#D8176D;
}
.single_form_cnt_right input[type="text"],
.single_form_cnt_right input[type="email"]{
	margin-top:10px;
}
/*ラジオボタン、チェックボックス*/
.mwform-radio-field label{
	display:block;
}
 .mwform-radio-field input,
.mwform-checkbox-field input{
	display:none;
}
.mwform-radio-field-text{
	display:block;
}
.mwform-radio-field-text:before,
.mwform-checkbox-field-text:before{
	background:#F4F5F7;
	border:1px solid rgba(42,59,76,0.5);
	border-radius:50%;
	background-clip: content-box;
	content:'';
	display:inline-block;
	height:22px;
	margin-right:10px;
	vertical-align:middle;
	width:22px;
}
 .mwform-radio-field input:checked + .mwform-radio-field-text:before,
.mwform-checkbox-field input:checked + .mwform-checkbox-field-text:before{
	background:#4D7AAE;
	 box-shadow: inset 0 0 0 4px #f4f4f4;
}
.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0!important;
}
.mw_wp_form .horizontal-item{
	display:inline-block;
	margin:10px 10px 0 0;
}
/*送信*/
.single_form_cnt_right input[type="submit"]{
	width:100%;
}
.single_form_cnt_right input[type="submit"]:disabled{
	opacity:.3;
}
/*レイアウト変更*/
#mw_wp_form_mw-wp-form-15383 .single_form_cnt_right_form_item:nth-child(n+2){
	margin-top:10px;
}
@media screen and (min-width:769px){
	#mw_wp_form_mw-wp-form-15383 .single_form_cnt_right_label{
		width:36%;
	}
	#mw_wp_form_mw-wp-form-15383 .single_form_cnt_right_label{}
	#mw_wp_form_mw-wp-form-15383 .enterarea{
		width:60%;
	}
	#mw_wp_form_mw-wp-form-15383 .shimei{
		width:48%;
	}
}
.single_form_cnt_right #mw_wp_form_mw-wp-form-15383 input{
	margin-top:0;
}
#mw_wp_form_mw-wp-form-15383 .radio_wrap{
	font-size:14px;
}
#mw_wp_form_mw-wp-form-15383 .horizontal-item{
	margin:0;
}
/*2column sidebar*/
@media screen and (min-width:769px){
	.sidebar{
		width:30%;
	}
}
@media screen and (max-width:768px){
	.sidebar{
		margin:0 auto;
		width:84%;
	}
}
.sidebar_item:nth-child(n+2){
	margin-top:30px;
}
.sidebar_item_title{
	font-size:18px;
	text-align:center;
}
.sidebar_item_title:after{
	background:#6394C3;
	border-radius:50px;
	content:'';
	display:block;
	height:4px;
	margin:.5em auto 0;
	width:44px;
}
/*ranking*/
.wpp_list{
	margin-top:20px;
}
.wpp_list_item:nth-child(n+2){
	margin-top:20px;
}
.wpp_list_item_img{
	border-radius:5px;
	margin:0;
	overflow:hidden;
	width:26%;
}
.wpp_list_item_img img{
	display:block;
	float:none;
	margin:0;
	height:auto;
	width:100%;
}
.wpp_list_item_cnt{
	align-items:center;
	display:flex;
	width:66%;
}
.wpp_list_item_cnt_time{
	display:none;
}
/*category*/
.sidebar_item_cat{
	background:#F4F5F7;
	padding:30px 20px;
}
.sidebar_item_cat .works_item_cats{
	max-height:auto;
	max-height: initial;
}
.sidebar_item_cat .works_item_cat{
	margin-top:1em;
}
/*sidebar_article*/
.sidebar_article{
	margin-top:20px;
}
.sidebar_article_item:nth-child(n+2){
	margin-top:10px;
}
.sidebar_article_item_img{
	width:26%;
}
.sidebar_article_item_img figure{
	border-radius:5px;
	overflow:hidden;
}
.sidebar_article_item_img img{
	display:block;
	object-fit:cover;
	width:100%;
}
.sidebar_article_item_cnt{
	width:66%;
}
.sidebar_article_item_cnt_time{
	font-size:13px;
}
.sidebar_item_fixbanner{
	background: #F4F5F7;
	padding: 30px 20px;
}
@media screen and (min-width:769px){
	.sidebar_fixed_wrap{
		height: calc(100vh - 200px);
		overflow-y: scroll;
		position:sticky;
		top: 100px;
	}
}
.sidebar_item_fixbanner_btn{
	text-align: center;
}
.sidebar_item_fixbanner_btn a {
    background-color: #ff9900;
    border: 2px solid #ff9900;
	border-radius: 99em;
	color: #fff;
	display: inline-block;
	font-weight: 700;
	padding: 10px 20px;
	position: relative;
	width: 80%;
}
.sidebar_item_fixbanner_btn a:after {
	content: '\f019';
	display: block;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
/*related_post*/
.related_post{
	padding:60px 80px;
}
@media screen and (max-width:768px){
	.related_post{
		padding:50px 30px;
	}
}
.related_post_title{
	font-size:18px;
	text-align:center;
}
.related_post_title:after{
	background: #6394C3;
	border-radius:50px;
	content: '';
	display: block;
	height: 4px;
	margin: 0.5em auto 0;
	width: 44px;
}

.work_listTtl{
	margin-top: 50px;
}

.work_listWrap>div>.work_listTtl:first-of-type{
	margin-top: 0;
}

.related_post .column_item_title{
	font-size:17px;
}

.works_listIn{
	margin-bottom: 40px;	
}

@media screen and (max-width:768px){
	.related_post .column_item_title{
		font-size:16px;
	}
}
.related_post .column_item_time{
	font-size:11px;
}
@media screen and (max-width:768px){
	.related_post .column_item_time{
		font-size:13px;
	}
}
.related_post .works_item_cat{
	font-size:11px;
}
@media screen and (max-width:768px){
	.related_post .works_item_cat{
		font-size:13px;
	}
}
/*sidebar_archive*/
.sidebar_item_select_wrap{
	margin-top:20px;
	position:relative;
}
.sidebar_item_select_wrap i{
	font-size:10px;
	position:absolute;
	right:10px;
	top:50%;
	transform:translatey(-50%);
}
.sidebar_item select{
	border:none;
	font-size:16px;
	padding:10px;
	text-align:center;
	width:100%;
}
.sidebar_item select {
  -webkit-appearance: none;
  appearance: none; /* デフォルトのスタイルを無効 */
}
.sidebar_item select::-ms-expand {
  display: none; /* デフォルトのスタイルを無効(IE用) */
}

/* 2409 front-page 動画制作・映像制作の料金 */

.top_priceText01{
	text-align: center;
}

.top_downloadImg{
	display: flex;
	background-color: #fff;
	padding: 10px;
	align-items: center;
}

.top_downloadImg>div:first-of-type{
	margin-right: 24px;
}

.top_downloadRecommend{
	background-color: #fff;
	padding: 15px;
}

.top_priceIn{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.top_priceIn>div{
	width: 49%;
}

.top_downloadRecommend .single_downloads_cnt_osusumetitle{
	margin-top: 0;
	font-size: 16px;
	padding: 10px 15px 10px 34px;
}

.top_downloadRecommend .single_downloads_cnt_osusumetitle:before{
	top: 13px;
}

.top_downloadRecommend .single_downloads_cnt_osusume_list{
	margin-top: 15px;
}

.top_downloadRecommend .single_downloads_cnt_osusume_list li{
	font-size: 14px;
    line-height: 1.5;
}

.top_downloadRecommend .single_downloads_cnt_osusume_list p{
	font-size: 11px;
}

.btn_top_subLink{
	margin-top: 20px;
}

.btn_top_subLink a{
	text-decoration: underline;
	font-size: 15px;
}

.btn_top_subLink a:hover{
	text-decoration: none;
}

@media screen and (max-width:768px){
	
	.top_priceIn{
		flex-direction: column;
	}
	
	.top_priceIn>div{
		width: 100%;
		flex-direction: column;
	}
	
	.top_downloadImg{
		margin-bottom: 25px;
	}
	
	.top_downloadImg>div:first-of-type{
		margin-right: 0;
    	margin-bottom: 15px;
	}
	
	.top_price .top_btn_catch{
		font-size: 13px;
	}
	
}

/****************************************
サービスページ共通
*****************************************/
@media screen and (max-width:768px){
	.page_title_service{
		font-size:18px;
	}
}
.service_nayami{
	padding:50px 0 90px
}
@media screen and (max-width:768px){
	.service_nayami{
		padding:10px 0 50px
	}
}
.service_nayami_item{
	margin-right:6.8%;
	width:28.8%;
}
@media screen and (max-width:768px){
	.service_nayami_item{
		width:100%;
	}
}
.service_nayami_item:last-child{
	margin-right:0;
}
.service_nayami_item_img{
	text-align:center;
}
@media screen and (max-width:768px){
	.service_nayami_item_img{
		width:20%;
	}
}
.service_nayami_item_img img{
	height:80px;
}
@media screen and (max-width:768px){
	.service_nayami_item_img img{
		display:block;
		height:auto;
		width:100%;
	}
}
.service_nayami_item_title{
	font-size:16.43px;
	line-height:1.4;
	text-align:center;
}
@media screen and (max-width:768px){
	.service_nayami_item_title{
		font-size:15px;
		padding-top:10px;
		text-align:left;
		width:75%;
	}
	.service_nayami_item_text{
		font-size:13px;
	}
}
/*merit*/
@media screen and (min-width:769px){
	.service_merit_item{
		width:30%;
	}
	.service_merit_item_mr{
		margin-right:5%;
	}
}

.service_merit_item_title{
	font-size:18px;
	line-height:1.4;
	text-align:center;
}
@media screen and (max-width:768px){
	.service_merit_item_title{
		font-size:16px;
	}
}
/*price*/
.sec_price{
	padding:100px 0;
}
@media screen and (max-width:768px){
	.sec_price{
		padding:60px 0;
	}
}
.price_title{
	text-align:center;
	width:24%;
}
@media screen and (max-width:768px){
	.price_title{
		width:100%;
	}
}
.price_title > div{
	width:100%;
}
.price_title_icon{
	height:80px;
}
@media screen and (min-width:769px){
	.price_title_icon_60{
		height:60px;
	}
}
.price_title_title{
	font-size:23px;
	line-height:1.6;
}
@media screen and (max-width:768px){
	.price_title_title{
		font-size:20px;
	}
}
.price_cnt{
	width:66%;
}
@media screen and (max-width:768px){
	.price_cnt{
		width:100%;
	}
}
.price_cnt_table_col{
	width:50%;
}
@media screen and (max-width:768px){
	.price_cnt_table_col{
		width:100%;
	}
}
.price_cnt_table{
	border-left:1px solid #D3D8DB;
	border-top:1px solid #D3D8DB;
}
.price_cnt_table_col_header,
.price_cnt_table_col_cnt{
	border-bottom:1px solid #D3D8DB;
	border-right:1px solid #D3D8DB;
}
.price_cnt_table_col_header{
	background:#4D7AAE;
	color:#fff;
	font-size:18px;
	font-weight:700;
	padding:20px 0;
	text-align:center;
}
@media screen and (max-width:768px){
	.price_cnt_table_col_header{
		padding:18px 0;
	}
}
.price_cnt_table_col_cnt{
	background:#fff;
	padding:20px;
}
.price_cnt_table_col_cnt_web{
	padding:40px 20px;
}
@media screen and (max-width:768px){
	.price_cnt_table_col_cnt_web{
		padding:20px;
	}
}
.price_cnt_table_col_cnt > div{
	width:100%;
}
.price_cnt_table_col_cnt li:nth-child(n+2){
	margin-top:10px;
}
.price_cnt_table_col_cnt li:before{
	color:#7AAFDA;
	content:"\f00c";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	margin-right:8px;
}
.price_cnt_table_col_cnt_price{
	color:#4D7AAE;
	font-size:16px;
	font-weight:700;
}
.price_cnt_table_col_cnt_price .mont{
	font-size:42px;
	line-height:1;
}
@media screen and (max-width:768px){
	.price_cnt_table_col_cnt_price .mont{
		font-size:40px;
	}
}
.price_cnt_table_col_cnt_label{
	background:#F4F5F7;
	border-radius:100px;
	font-size:11px;
	font-weight:700;
	padding:5px 20px;
}
@media screen and (max-width:768px){
	.price_cnt_table_col_cnt_label{
		display:inline-block;
	}
}
.price_cnt_table_col_cnt_label_inline{
	display:inline-block;
}
.price_cnt_table_col_cnt_subtitle{
	color:#4D7AAE;
	font-weight:700;
}

.price_cnt_btnCatch{
	font-size: 12px;
    font-weight: 700;
}

@media screen and (max-width:768px){
	.price_cnt_btnCatch{
		font-size: 11px;
	}
}

/*service_result*/
.movie_list .interview_item{
	background:#fff;
}

/*movie_menu*/
.movie_menu_item{
	width:22.5%;
}
@media screen and (min-width:769px){
	.movie_menu_item{
		margin-right:3.333%;
	}
	.movie_menu_item:nth-child(4n){
		margin-right:0;
	}
	.movie_menu_item:nth-child(n+5){
		margin-top:60px;
	}
}
@media screen and (max-width:768px){
	.movie_menu_item{
		width:100%;
	}
	.movie_menu_item:nth-child(n+2){
		margin-top:40px;
	}
	.movie_menu_item:nth-child(n+4){
		display:none;
	}
}
.movie_menu_yoto .movie_menu_item:last-child{
	margin-right:0;
}
.movie_menu_item_img{
	border-radius:6px;
	overflow:hidden;
    height: 11.5vw;
    max-height: 166px;
}
.movie_menu_item_img img{
	display:block;
	transition:.3s;
	height: 100%;
    object-fit: cover;
}
.movie_menu_item:hover .movie_menu_item_img img{
	transform: scale(1.05);
}

@media screen and (max-width:768px){
	.movie_menu_item_img{
		height: auto;
    	max-height: unset;
	}
	
	.movie_menu_item_img img{
		height: auto;
	}
}

.movie_menu_item_title{
	font-size:20px;
}
@media screen and (max-width:768px){
	.movie_menu_item_title{
		font-size:18px;
	}
}
/*creator*/
.creators_strengths{
	padding:80px 0 100px;
}
@media screen and (max-width:768px){
	.creators_strengths{
		padding:50px 0 60px;
	}
}
.creators_strengths_img{
	border-radius:4.7px;
	overflow:hidden;
}
@media screen and (min-width:769px){
	.creators_strengths_img{
		width:45%;
	}
}
.creators_strengths_img img{
	display:block;
}
@media screen and (min-width:769px){
	.creators_strengths_cnt{
		width:47.8%;
	}
}
@media screen and (min-width:769px){
	.creators_strengths_cnt_text{
		font-size:16.55px;
	}
}
/*flow*/
.service_flow_item{
	background:#F4F5F7;
	border-radius:2px;
	padding:23px 25px;
}
.service_flow_item:nth-child(n+2){
	margin-top:15px;
}
@media screen and (max-width:768px){
	.service_flow_item:nth-child(n+5){
		display:none;
	}
}
.service_flow_item_img{
	xbackground:#fff;
	border-radius:5px;
	margin-right:30px;
	xpadding:19px;
}
@media screen and (max-width:768px){
	.service_flow_item_img{
		float:left;
		width:23.5%;
	}
}
.service_flow_item_img img{
	display:block;
	height:88px;
}
@media screen and (max-width:768px){
	.service_flow_item_img img{
		height:auto;
		width:100%;
	}
}
@media screen and (min-width:769px){
	.service_flow_item_cnt{
		width:857px;
	}
}
@media screen and (max-width:768px){
	.service_flow_item_cnt{
		float:right;
		width:65%;
	}
}
.service_flow_item_cnt_label{
	background:#7AAFDA;
	border-radius:200px;
	color:#fff;
	font-weight:700;
	font-size:15px;
	margin-right:10px;
	padding:0 13px;
}
@media screen and (max-width:768px){
	.service_flow_item_cnt_label{
		display:inline-block;
		font-size:12px;
	}
}
.service_flow_item_cnt_title{
	font-size:20px;
	line-height:27.75px;
}
@media screen and (max-width:768px){
	.service_flow_item_cnt_title{
		font-size:16px;
		margin-top:5px;
	}
}
.service_flow_item_cnt_text{
	font-size:13px;
	margin-top:12px;
}
.service_flow_item .flex-pc:after {
	content: "";
	display: block;
	clear: both;
}
/*other_service*/
.other_service{
	padding:40px 0 90px;
}
@media screen and (max-width:768px){
	.other_service{
		padding:40px 0 0;
	}
}
@media screen and (min-width:769px){
	.other_service_wrap{
		margin: 60px auto 0;
		width: 960px;
	}
}
@media screen and (min-width:769px){
	.other_service_item{
		margin-right: 3.333%;
		width:30%;
	}
	.other_service_item:nth-child(3n){
		margin-right: 0;
	}
	.other_service_item:nth-child(n+4){
		margin-top: 60px;
	}
}
@media screen and (max-width:768px){
	.other_service_item{
		position:relative;
	}
	.other_service_item:after{
		content:"\f067";
		font-family:"Font Awesome 5 Free";
		font-weight:700;
		position:absolute;
		right:8%;
		top:32px;
	}
	.other_service_item.on:after{
		content:"\f068";
	}
}
@media screen and (max-width:768px){
	.other_service_item_img{
		width:30%;
	}
}
.other_service_item_img img{
	height:50px;
}
@media screen and (max-width:768px){
	.other_service_item_img img{
		height:40px;
	}
	.tateto .other_service_item_img img{
		height: auto;
		width: 80%;
	}
}
.other_service_item_title{
	font-size:18px;
	transition:.3s;
}
@media screen and (max-width:768px){
	.other_service_item_title{
		font-size:16px;
		width:60%;
	}
}
.other_service_item_text{
	transition:.3s;
}
@media screen and (min-width:769px){
	.other_service_item:hover .other_service_item_title,
	.other_service_item:hover .other_service_item_text{
		color:#4D7AAE;
	}
}
/*sp*/
.other_service_item_sp{
	padding:20px 8%;
}
.other_service_item_sp:nth-child(even){
	background:#fff;
}
.other_service_item_text_sp a{
	color:#4D7AAD;
	font-weight:bold;
	text-decoration:underline;
}
/****************************************
用途別・演出別共通
*****************************************/
.btn_kv_page_cnt_movie_menu{
	line-height:1;
	padding:10px 24px!important;
}
@media screen and (min-width:769px){
	.movie_menu_read{
		font-size:16.55px;
	}
}
@media screen and (min-width:769px){
	.related_post_title_24{
		font-size:24px;
	}
}
.movie_list{
	padding:50px 0 70px;
}
@media screen and (max-width:768px){
	.movie_list{
		border-radius:8px;
		padding:50px 0 60px;
	}
	.movie_list .works_item:nth-child(n+4){
		display:none;
	}
}
.btn_movie_list{
	font-size:16px;
}
@media screen and (min-width:769px){
	.btn_movie_list{
		width:420px;
	}
}
.column_list .column_item{
	background:#F4F5F7;
	border-radius:0 0 10px 10px;
}
.column_list .column_item_img{
	border-radius:10px 10px 0 0;
}

.column_list .top_column .column_item_img{
	height: 100%;
}

.column_list .top_column .column_item_img>a{
	height: 100%;
}

.column_list .column_item_cnt{
	padding:20px 30px 30px;
}
.column_list .column_item_title{
	font-size:14px;
}

.column_list .column_item_title.top_column_title{
	font-size: 16px;
}

.column_list .column_item_time{
	font-size:11.36px;
}
.movie_menu_wrap{
	padding:90px 0 125px;
}
@media screen and (max-width:768px){
	.movie_menu_wrap{
		padding:50px 0 60px;
	}
}
.footer_top_text_btn_white{
	background:#fff;
}
/****************************************
広告運用サービス
*****************************************/
.kv_page_icon_marketing{
	height:59px;
}
@media screen and (max-width:768px){
	.kv_page_icon_marketing{
		height:43px;
	}
}
/****************************************
youtubeコンサル・運用代行サービス
*****************************************/
.btn_youtube_price{
	width:270px;
}
/****************************************
実績一覧
*****************************************/
@media screen and (max-width:768px){
	.btn_works_kv{
		padding:15px;
	}
}
.works_item_cat_works{
	font-size:15px;
}
@media screen and (max-width:768px){
	.works_item_cat_works{
		font-size:13px;
	}
}
.works_list{
	padding:80px 0;
	position:relative;
}
.contact_box_tel_workslist{
	width:100%;
}
/****************************************
実績詳細
*****************************************/
.works_item_img_single{
	border-radius:0;
}
.single-work .interview_header .col{
	width: 100%;
}
@media screen and (min-width:769px){
	.interview_header_cnt_table_works tr:first-child th,
	.interview_header_cnt_table_works tr:first-child td{
		padding-top:0;
	}
	.interview_header_cnt_table_works th{
		width:142px;
	}
}

@media screen and (max-width:768px){
	.interview_header_cnt_table_works th,
	.interview_header_cnt_table_works td{
		display:block;
		text-align:center;
	}
}
.interview_header_cnt_table_works .label{
	padding:10px 0;
}
@media screen and (max-width:768px){
	.interview_header_cnt_table_works .label{
		width:100%!important;
	}
}
.interview_header .col .btn{
	width:90%;
}
@media screen and (max-width:768px){
	.interview_header .col .btn{
		display:inline-block;
		width:85%;
	}
}
@media screen and (max-width:768px){
	.interview_header_cnt_table_works td{
		padding-top:20px!important;
	}
}

.single_work_content{
	padding:80px 0;
}
@media screen and (max-width:768px){
	.single_work_content{
		padding:40px 0;
	}
}
.single_work_content_inner{
	margin:0 auto;
	width:880px;
}
@media screen and (max-width:768px){
	.single_work_content_inner{
		width:84%;
	}
}
.single_work_content_logoarea{
	background:#fff;
	padding:40px;
	text-align:center;
}
.single_work_content_logoarea_client{
	font-size:18px;
	font-weight:700;
}
.single_work_content_item{
	xpadding-bottom:60px;
}
@media screen and (max-width:768px){
	.single_work_content_item{
		xpadding-bottom:40px;
	}
}
.single_work_content_item.first{
	xborder-bottom:1px solid #D4D8DB;
}
.single_work_content_subtitle{
	font-size:18px;
	text-align:center;
}
.single_work_content_subtitle:after {
    background: #6394C3;
    border-radius: 50px;
    content: '';
    display: block;
    height: 4px;
    margin: 0.5em auto 0;
    width: 44px;
}
.single_work_content_title{
	font-size:24px;
	text-align:center;
}
@media screen and (max-width:768px){
	.single_work_content_title{
		font-size:18px;
	}
}
.single_work_content_text{
	font-size:16.55px;
}
@media screen and (max-width:768px){
	.single_work_content_text{
		font-size:14px;
	}
}
.single_work_content_text a{
	color:#4d7aae;
	text-decoration:underline;
}
.single_work_content_btn{
	width:420px;
}
@media screen and (max-width:768px){
	.single_work_content_btn{
		width:100%;
	}
}
.single-work .post_link{
	border-top:none;
	padding-top:0;
}
@media screen and (min-width:769px){
	.single-work .post_link .order1-pc{
		order:1
	}
	.single-work .post_link .order2-pc{
		order:2
	}
	.single-work .post_link .order3-pc{
		order:3
	}
}
@media screen and (max-width:768px){
	.single-work .post_link .order1-pc{
		width:50%;
	}
	.single-work .post_link .order2-pc{
		width:100%;
	}
	.single-work .post_link .order3-pc{
		width:50%;
	}
}
.single-work .post_link_back{
	background:#fff;
}
@media screen and (max-width:768px){
	.single-work .post_link_back{
		margin-bottom:40px;
		padding:20px;
		width:100%;
	}
}
/****************************************
価格
*****************************************/
.price_related_box{
	padding:50px 0 60px;
}
@media screen and (max-width:768px){
	.price_related_box{
		background:none;
	}
	.price_side_scroll_sp{
		overflow:scroll;
	}
	.price_side_scroll_sp_inner{
		justify-content:flex-start;
		margin-left:8%;
		width:960px;
	}
	.price_side_scroll_sp .works_item{
		margin:0 3.333% 0 0;
		padding-bottom:20px;
		width: 30%;
	}
	.price_side_scroll_sp .works_item:last-child{
		margin-right:0;
	}
}

/****************************************
お客様の声一覧
*****************************************/
.post-type-archive-interview .works_item_cats{
	margin-top:30px;
}
.post-type-archive-interview .interview_item_client{
	margin-top:20px;
}
.post-type-archive-interview .interview_item_title{
	margin-top:30px;
}
/****************************************
お客様の声個別
*****************************************/
.single-interview .kv_page_cnt_title{
	margin-top:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
}
.single-interview .kv_page_cnt_title br{
	display:none;
}
.single-interview .interview_item{
	background:#fff;
}
.single-interview .related_posts .works_item_cat{
	background:#F4F5F7;
}
.interview_header{
	margin-top:80px;
}
@media screen and (max-width:768px){
	.interview_header{
		margin-top:0;
	}
}
@media screen and (min-width:769px){
	.interview_header .col{
		width:47%;
	}
}
.interview_header_cnt{
	background:#f4f5f7;
	padding:20px;
}
@media screen and (max-width:768px){
	.interview_header_cnt{
		margin:20px auto 0;
		width:92%;
	}
}
.interview_header_cnt_logo{
	background:#fff;
	padding:20px;
	text-align:center;
}
.interview_header_cnt_logo_img{
	height:30px;
}
.interview_header_cnt_logo_title{
	font-size:15px;
}
.interview_header_cnt_table{
	width:100%;
}
@media screen and (min-width:769px){
	.interview_header_cnt_table_interview th,
	.interview_header_cnt_table_interview td{
		width:25%;
	}
}
.interview_header_cnt_table th{
	padding-top:10px;
}
.interview_header_cnt_table td{
	padding:10px;
}
.interview_header_cnt_table .label{
	background:#2A3B4C;
	border-radius:2px;
	color:#fff;
	font-weight:700;
	padding:5px 0;
	text-align:center;
}
.interview_header_cnt_table .works_item_cat{
	font-weight:400;
	margin:0 10px 10px 0;
}
/*interview_header_cnt_table sp*/
@media screen and (max-width:768px){
	.interview_header_cnt_table .flex{
		margin-top:10px;
	}
	.interview_header_cnt_table .left{
		width:30%;
	}
	.interview_header_cnt_table .right{
		padding-left:10px;
		width:70%;
	}
}
/*interview_read*/
@media screen and (min-width:769px){
	.interview_read{
		font-size:16.55px;
	}
}
/*interview_result*/
@media screen and (min-width:769px){
	.interview_result_item{
		width:47%;
	}
}
.interview_result_item_title{
	color:#4D7AAE;
	font-size:15px;
	padding-left:14px;
	position:relative;
}
.interview_result_item_title:before{
	background:#4D7AAE;
	border-radius:4px;
	content:'';
	display:inline-block;
	height:20px;
	left:0;
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	width:4px;
}
.interview_result_item_text{
	color:#2A3B4C
	font-size:15px;
	font-weight:700;
}
.interview_result_item_text li{
	padding-left:30px;
	position:relative;
}
.interview_result_item_text li:before{
	content:'\f00c';
	color:#4D7AAE;
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	left:0;
	position:absolute;
	top:5px;
}
.interview_content{
	padding:80px 0 250px;
}
@media screen and (max-width:768px){
	.interview_content{
		padding:50px 0 120px;
	}
}
.entry-content_interview{
	counter-reset:h2;
}
.entry-content_interview h2{
	margin-bottom:30px;
	padding:0;
	text-align:center;
}
.entry-content_interview h2:before{
	background:none;
	border-radius:0;
	counter-increment: h2;
	content: "POINT " counter(h2);
	font-family: 'Montserrat', sans-serif;
	font-size:18px;
	height:auto;
	left:auto;
	margin-bottom:40px;
	position:inherit;
	top:auto;
	width:auto;
}
.entry-content_interview h2:after{
	background:#6394C3;
	border-radius:2px;
	content:"";
	display:inline-block;
	height:4px;
	left:50%;
	margin:0;
	position:absolute;
	top:35px;
	transform:translatex(-50%);
	width:44px;
}
.interview_formwrap{
	margin-top:-180px;
	position:relative;
}
.entry-content_interview p{
	margin-bottom:25px;
}

@media screen and (max-width:768px){
	.interview_formwrap{
		margin-top:-70px;
	}
}
.interview_formwrap .single_form{
	margin-top:0;
}
@media screen and (max-width:768px){
	.interview_formwrap .single_form{
		padding:40px 0 60px;
	}
}
/****************************************
faq
*****************************************/
@media screen and (max-width:768px){
	.btn_faq_kv{
		margin:0 auto;
		padding:16px 0;
		width:73.6%;
	}
}
.faq_btn{
	background:#4D7AAE;
	border-radius:4px;
	color:#fff;
	display:inline-block;
	font-feature-settings: "palt";
	font-size:16px;
	font-weight:700;
	line-height:1.4;
	letter-spacing:0.1px;
	padding:20px;
	position:relative;
	text-align:center;
	width:31.5%;
}
@media screen and (min-width:769px){
	.faq_btn{
		margin-right: 2.75%;
	}
	.faq_btn:nth-child(3n){
		margin-right: 0;
	}
	.faq_btn:nth-child(n+4){
		margin-top: 20px;
	}
}
@media screen and (max-width:768px){
	.faq_btn{
		font-size:15px;
	}
	.faq_btn:nth-child(n+2){
		margin-top: 20px;
	}
}
.faq_btn:hover{
	background:#34629A
}
@media screen and (max-width:768px){
	.faq_btn{
		width:100%;
	}
}
.faq_btn .mont{
	font-weight:700;
}
.faq_btn .icon-arrow_circle_white{
	font-size:30px;	
	position:absolute;
	right:10px;
	top:50%;
	transform:translatey(-50%);
}
/*faq_item*/
.faq_box{
	padding:70px 0;
}
@media screen and (max-width:768px){
	.faq_box{
		padding:40px 0 20px;
	}
}
.faq_box_inner{
	margin:0 auto;
	width:86.66%;
}
@media screen and (max-width:768px){
	.faq_box_inner{
		width:84%;
	}
}
.faq_box_title{
	font-size:24px;
	text-align:center;
}
@media screen and (max-width:768px){
	.faq_box_title{
		font-size:18px;
	}
}
/*faq_item*/
/*Q*/
.faq_item_q{
	cursor:pointer
}
.faq_item_q_icon{
	background:#4D7AAE;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-size:28px;
	font-weight:700;
	width:7.1%;
}
@media screen and (max-width:768px){
	.faq_item_q_icon{
		font-size:16px;
	}
}
.faq_item_q_cnt{
	background:#fff;
	font-size:18px;
	font-weight:700;
	padding:20px 60px 20px 20px;
	position:relative;
	width:92.9%;
}
@media screen and (max-width:768px){
	.faq_item_q_cnt{
		padding:20px 40px 20px 20px;
	}
}
@media screen and (max-width:768px){
	.faq_item_q_cnt{
		font-size:14px;
	}
}
.faq_item_q_cnt:after{
	color:#4D7AAE;
	content:'\f067';
	display:block;
	font-family:'Font Awesome 5 Free';
	position:absolute;
	right:20px;
	top:50%;
	transform:translatey(-50%);
}
.on .faq_item_q_cnt:after{
	content:'\f068';
}
.faq_item_q_cnt .mont{
	font-weight:700;
}
/*a*/
.faq_item_a_wrap{
	display:none;
	margin-top:2px;
}
.faq_item_a_icon{
	background:#2A3B4C;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-size:28px;
	font-weight:700;
	width:7.1%;
}
@media screen and (max-width:768px){
	.faq_item_a_icon{
		font-size:16px;
	}
}
.faq_item_a_cnt{
	background:#fff;
	font-size:15px;
	padding:20px 60px 20px 20px;
	position:relative;
	width:92.9%;
}
@media screen and (max-width:768px){
	.faq_item_a_cnt{
		font-size:13px;
		padding:20px 40px 20px 20px;
	}
}
/****************************************
コラム一覧
*****************************************/
.kv_page_icon_column{
	height:66px;
}
@media screen and (max-width:768px){
	.kv_page_icon_column{
		height:41px;
	}
}
.archive_list{
	padding:80px 0;
}
@media screen and (max-width:768px){
	.archive_list{
		padding:60px 0;
	}
}
@media screen and (min-width:769px){
	.column_item{
		margin-right:2.5%;
		width:31.6%;
	}
	.column_item:nth-child(3n){
		margin-right:0;
	}
	.column_item:nth-child(n+4){
		margin-top:60px
	}
}
@media screen and (max-width:768px){
	.column_item:nth-child(n+2){
		margin-top:40px;
	}
}
.column_item_img{
	border-radius:10px;
	overflow:hidden;
}
.column_item_img a{
	display:block;
}
.column_item_img img{
	display:block;
	transition:.3s;
    aspect-ratio: 336 / 223;
    object-fit: cover;
}
.column_item_img a:hover img{
	transform:scale(1.05)!important;
}

.column_item_title + .column_item_img{
	opacity:.1;
}
.column_item_title{
	font-size:20px;
	line-height:1.4;
}
@media screen and (max-width:768px){
	.column_item_title{
		font-size:18px;
	}
}
.column_item_title a:hover{
	color:#34629B;
}
@media screen and (max-width:768px){
	.column_item_time{
		font-size:13px;
	}
}
.search_box_title{
	background:#f4f5f7;
	cursor:pointer;
	font-size:18px;
	padding:30px 0;
	position:relative;
}
@media screen and (max-width:768px){
	.search_box_title{
		padding:20px 0;
	}
}
.search_box_title:after{
	color:#4d7aae;
	content: '\f067';
	font-family: 'Font Awesome 5 Free';
	font-size:80%;
	font-weight: 900;
	position: absolute;
	right: 60px;
	top: 50%;
	transform: translatey(-50%);
}
@media screen and (max-width:768px){
	.search_box_title:after{
		right: 20px;
	}
}
.search_box_title.on:after{
	content: '\f068';
}
.search_box_title .line{
	background:#6394c3;
	border-radius:99em;
	bottom:10px;
	display:none;
	height:4px;
	position:absolute;
	left:50%;
	transform:translatex(-50%);
	width:44px;
}
@media screen and (max-width:768px){
	.search_box_title .line{
		bottom:0;
	}
}
.search_box{
	background:#f4f5f7;
	display:none;
	padding:20px 40px 40px;
}
@media screen and (max-width:768px){
	.search_box{
		padding:20px 30px 50px;
	}
}
.search_box_cat_item_title{
	width:13%;
}
@media screen and (max-width:768px){
	.search_box_cat_item_title{
		width:100%;
	}
}
.search_box_cat_item_title div{
	background:#2a3b4c;
	color:#fff;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
}
.search_box_cat_item_cnt{
	padding-top:5px;
	width:83%;
}
@media screen and (max-width:768px){
	.search_box_cat_item_cnt{
		margin-top:10px;
		padding-top:0;
		text-align:center;
		width:100%;
	}
}
.search_box .works_item_cat{
	cursor:pointer;
	font-size:15px;
	margin-bottom:10px;
	transition:.3s;
}
@media screen and (max-width:768px){
	.search_box .works_item_cat{
		font-size:12px;
	}
}
/*.search_box .works_item_cat:hover,*/
.search_box .works_item_cat:hover{
	background:#5e85b9;
}
.search_box .works_item_cat.on{
	background:#34629A;
	color:#fff;
}
.search_box .works_item_cat input{
	height:0;
	margin:0;
	padding:0;
	width:0;
}
.search_box_btn .clear{
	background:none;
	border:1px solid #2a3b4c;
	box-shadow:none;
	color:#2a3b4c;
}
.search_box_btn input[type="submit"]{
	font-size:14px;
	height:67.89px;
}

/*カテゴリーリンク一覧*/
.search_box_title.no_after{
	cursor:auto;
}
.search_box_title.no_after:after{
	content:none;
}
.search_box_cat.linklist{
	background:#fff;
	padding:40px;
}
@media screen and (max-width:768px){
	.search_box_cat.linklist{
		padding:20px;
	}
}
.search_box_cat.linklist .works_item_cat{
	background:#f3f4f6
}
.search_box_cat.linklist .works_item_cat:hover{
	background: #34629A;
}
/****************************************
コラム詳細
*****************************************/
/*2column main*/
@media screen and (min-width:769px){
	.main_col2{
		width:64%;
	}
}
.column_article_header{
	background:#F4F5F7;
	border-radius:10px;
	padding:20px 20px 40px;
}
@media screen and (max-width:768px){
	.column_article_header{
		border-radius:0;
		padding:0;
	}
}
.column_article_header_img{
	border-radius:10px;
	overflow:hidden;
}
@media screen and (max-width:768px){
	.column_article_header_img{
		border-radius:0;
	}
}
.column_article_header_img img{
	display:block;
}
.column_article_header_cnt{
	padding:0 20px;
}
@media screen and (max-width:768px){
	.column_article_header_cnt{
		margin:0 auto;
		padding:0 0 40px;
		width:84%;
	}
}
.column_article_header_title{
	font-size:24px;
}
@media screen and (max-width:768px){
	.column_article_header_title{
		font-size:16px;
		padding:0 20px;
	}
}
/*toc*/
#toc_container{
	border:3px solid rgba(42,59,76,0.1);
	border-radius:8px;
	counter-reset:li;
	margin-top:50px;
	padding:40px 60px;
}
@media screen and (max-width:768px){
	#toc_container{
		padding:30px 20px;
	}
}
.toc_title{
	font-family: 'Montserrat', sans-serif;
	font-size:18px;
	font-weight:700;
	margin-bottom:20px!important;
	text-align:center;
}
#toc_container a{
	color:#2A3B4C;
	text-decoration:none;
}
#toc_container li:before {
	background:#4D7AAE;
	height:6px;
	width:6px;
}
#toc_container li{
	margin:0;
	padding-left:15px;
}
#toc_container li:nth-child(n+2){
	margin-top:10px;
}
/* 親の目次(左側の連番) */
#toc_container > ul > li{
	padding-left:30px;
}
#toc_container ul li{
	font-size:18px;
	font-weight:700;
}
@media screen and (max-width:768px){
	#toc_container ul li{
		font-size:16px;
	}
}
#toc_container ul li li{
	font-size:15px;
	font-weight:normal;
}
@media screen and (max-width:768px){
	#toc_container ul li li{
		font-size:14px;
	}
}
#toc_container > ul > li:before{
	content:none;
}
/* 連番 */
#toc_container > ul> li::after{
	counter-increment:li;
	content:counter(li, decimal-leading-zero);
	color:#4D7AAE;
	font-family:'Montserrat', sans-serif;
	font-size:18px;
	font-weight:700;
	left:0;
	position:absolute;
	top:2px;
}
/*h2に連番を振る*/
.single-column .entry-content{
	counter-reset:h2;
}
.single-column .entry-content h2{
	padding-left:80px;
}
.single-column .entry-content h2:before{
	left:62px;
}
.single-column .entry-content h2:after{
	counter-increment:h2;
	content:counter(h2, decimal-leading-zero);
	color:#4D7AAE;
	font-family:'Montserrat', sans-serif;
	font-size:24px;
	left:20px;
	position:absolute;
	top:22px;
}
/*sidebar*/
@media screen and (max-width:768px){
	.single-column .main_col2_wrap .sidebar{
		display:none;
	}
}
@media screen and (min-width:769px){
.single-column .contact_box_tel{
	width:460px;
	}
}
/*監修者*/
.supervisor{
	background:#f4f5f7;
	border-radius:10px;
	padding:50px 40px;
}
@media screen and (max-width:768px){
	.supervisor{
		padding:30px 20px;
	}
}
.supervisor_title{
	font-size:18px;
}
.supervisor_title:after{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#36649b+0,79aed9+100 */
	background: linear-gradient(to bottom,  #36649b 0%,#79aed9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	content:"";
	display:block;
	height:4px;
	margin-top:20px;
}
.supervisor_img{
	width:22%;
}
@media screen and (max-width:768px){
	.supervisor_img{
		margin:0 auto;
		width:72%;
	}
}
.supervisor_img img{
	display:block;
}
.supervisor_cnt{
	width:74%;
}
@media screen and (max-width:768px){
	.supervisor_cnt{
		width:100%;
	}
}
.supervisor_cnt_name{
	color:#4d7aae;
	font-size:20px;
	font-weight:bold;
}
.supervisor_cnt_name small{
	font-size:60%;
}
/****************************************
セミナー一覧
*****************************************/
.seminar_item{
	background:#F4F5F7;
	border-radius:8px;
	padding:40px;
	overflow:hidden;
}
@media screen and (max-width:768px){
	.seminar_item{
		padding:0;
	}
}
.seminar_item:nth-child(n+2){
	margin-top:30px;
}
@media screen and (max-width:768px){
	.seminar_item:nth-child(n+2){
		margin-top:40px;
	}
}
@media screen and (min-width:769px){
	.seminar_item_img{
		width:36%;
	}
}
.seminar_item_img img{
	display:block;
}
@media screen and (min-width:769px){
	.seminar_item_cnt{
		width:60%;
	}
}
@media screen and (max-width:768px){
	.seminar_item_cnt{
		padding:30px 30px 40px;
	}
}
.seminar_item_cnt_title{
	font-size:20px;
}
@media screen and (max-width:768px){
	.seminar_item_cnt_title{
		font-size:16px;
	}
}
.seminar_item_cnt_meta_label{
	background:#4D7AAE;
	border-radius:4px;
	color:#fff;
	font-size:15px;
	font-weight:500;
	line-height:1;
	margin-right:20px;
	padding:10px 20px;
}
@media screen and (max-width:768px){
	.seminar_item_cnt_meta_label{
		font-size:12px;
		margin-right:10px;
		padding:5px 10px;
	}
}
.seminar_item_cnt_meta_label_end{
	background:#2A3B4C;
}
.seminar_item_cnt_meta_time{
	font-size:15px;
	font-weight:500;
}
@media screen and (max-width:768px){
	.seminar_item_cnt_meta_time{
		font-size:12px;
	}
}
.seminar_item_cnt_meta_time img{
	height:20px;
	margin-right:10px;
	vertical-align:middle;
}
@media screen and (max-width:768px){
	.seminar_item_cnt_meta_time img{
		height:15px;
		margin-right:5px;
	}
}
.seminar_item_cnt_text{
	font-size:15px;
}
@media screen and (max-width:768px){
	.seminar_item_cnt_text{
		font-size:13px;
	}
}
.seminar_item_btn{
    color: #4d7aae;
    font-weight: 700;
}
.seminar_item_btn .icon_circle_arrow {
    height: 26px;
    width: 26px;
}
/****************************************
無料資料ダウンロード一覧
*****************************************/
.single-downloads .gnav_wrap_center{
	visibility:hidden;
}
.seminar_title1{
	color:#4D7AAE;
	font-size:15px;
	padding-left:15px;
	position:relative;
}
@media screen and (min-width:769px){
	.seminar_title1{
		font-size:16px;
	}
}
.seminar_title1:before{
	background:#4D7AAE;
	border-radius:4px;
	content:'';
	display:inline-block;
	height:15px;
	left:0;
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	width:4px;
}
.seminar_text1{
	font-size:16.55px;
}
@media screen and (max-width:768px){
	.seminar_text1{
		font-size:13px;
	}
}
.seminar_table{
	font-size:15px!important;
}
@media screen and (max-width:768px){
	.seminar_table{
		font-size:13px!important;
	}
}
.seminar_table th,
.seminar_table td{
	padding:15px;
}
.seminar_table th{
	font-weight:500;
	text-align:center;
	width:31.3%!important;
}
@media screen and (max-width:768px){
	.seminar_table th,
	.seminar_table td{
		display:block;
		width:100%!important;
	}
}
.seminar_title2 {
    font-size: 18px;
    text-align: center;
}
.seminar_title2:after {
    background: #6394C3;
    border-radius: 50px;
    content: '';
    display: block;
    height: 4px;
    margin: 10px auto 0;
    width: 44px;
}
.seminar_sec{
	padding:80px 0 280px;
}
@media screen and (max-width:768px){
	.seminar_sec{
		padding:50px 0 190px;
	}
}
.seminar_sec_item{
	border-bottom:1px solid #D4D8DB;
	padding-bottom:56px;
}
@media screen and (max-width:768px){
	.seminar_sec_item{
		padding-bottom:40px;
	}
}
.seminar_osusume ul li{
	padding-left:30px;
}
@media screen and (min-width:769px){
	.seminar_osusume ul li{
		font-size:16.55px;
	}
}
.seminar_osusume ul li:before {
	background: none;
	border-radius: 0;
	content: '\f00c';
	color:#7AAFDA;
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	height: auto;
	top: 0;
	width: auto;
}
.seminar_movie{
	font-size:16.55px!important;
}
@media screen and (max-width:768px){
	.seminar_movie{
		font-size:13px!important;
	}
}
@media screen and (min-width:769px){
	.seminar_speaker_img{
		width:38.6%;
	}
}
@media screen and (min-width:769px){
	.seminar_speaker_cnt{
		width:56.1%;
	}
}
.seminar_form{
	background:#fff;
	border-radius:8px;
	box-shadow: 10px 20px 40px 0px rgba(52,98,154,0.1);
	margin-top:-190px;
	overflow:hidden;
	padding:60px 0 90px;
	position:relative;
}
@media screen and (max-width:768px){
	.seminar_form{
		margin-top:-140px;
		padding:40px 0 50px;
	}
}
.seminar_form:before{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#34629a+0,7aafda+100 */
	background: #34629a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #34629a 0%, #7aafda 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #34629a 0%,#7aafda 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #34629a 0%,#7aafda 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34629a', endColorstr='#7aafda',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	border-radius:10px 10px 0 0;
	content:'';
	display:block;
	left:0;
	height:9px;
	position:absolute;
	top:0;
	width:100%;
}
.seminar_form_title{
	font-size:36px;
}
@media screen and (max-width:768px){
	.seminar_form_title{
		font-size:20px;
	}
}
.seminar_form_item_label{
	font-weight:bold;
}
/****************************************
無料資料ダウンロード一覧
*****************************************/
.downloadlist_item{
	background:#F4F5F7;
	border-radius:8px;
	padding:40px;
	
}

.downloadlist_item_wrap .downloadlist_item{
	background: none;
	border-radius: none;
	padding: 0;
	flex-direction: column;
	width: 30.83%;
	justify-content: space-between;
	margin-right: 3.75%!important;
}

.downloadlist_item_wrap a:nth-of-type(3n){
	margin-right: 0!important;
}

@media screen and (min-width:769px){
	
	.downloadlist_item:nth-child(n+3){
		margin-top:46px;
	}
	
	.downloadlist_item_wrap .downloadlist_item:nth-child(n+3){
		margin-top: 0;
	}
	
	.downloadlist_item_wrap .downloadlist_item:nth-child(n+4){
		margin-top: 100px;
	}
}
@media screen and (max-width:768px){
	.downloadlist_item_wrap{
		flex-direction: column;
	}
	
	.downloadlist_item{
		display:block;
		padding:30px;
	}
	
	.downloadlist_item_wrap .downloadlist_item{
		width: 100%;
		margin-right: 0;
		justify-content: space-between;
	}
	.downloadlist_item:nth-child(n+2){
		margin-top:30px;
	}
	
	.downloadlist_item_wrap .downloadlist_item:nth-child(n+2){
		margin-top: 70px;
	}
}
@media screen and (min-width:769px){
	.downloadlist_item_img{
		width:26.1%;
	}
	
	.downloadlist_item_wrap .downloadlist_item_img{
		width: 100%;
		padding-bottom: 56.25%; /* 16:9の縦横比 */
		position: relative;
	}
	
	.downloadlist_item_img img{
		height:auto;
		width:100%;
	}
	
	.downloadlist_item_wrap .downloadlist_item_img img{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
		border-radius: 10px;
    }
	
}

@media screen and (max-width:768px){
	.downloadlist_item_img{
		background:#fff;
		padding:15px;
	}
	.downloadlist_item_img img{
		display:block;
		height:150px;
		object-fit:contain;
		width:100%;
	}
	
	.downloadlist_item_wrap .downloadlist_item_img{
		width: 100%;
		padding-bottom: 51.5%; /* 16:9の縦横比 */
		position: relative;
	}
	
	.downloadlist_item_wrap .downloadlist_item_img img{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
		border-radius: 10px;
    }
}
@media screen and (min-width:769px){
	.downloadlist_item_cnt{
		padding-bottom:60px;
		position:relative;
		width:65.3%;
	}
	
	.downloadlist_item_wrap .downloadlist_item_cnt{
		width: 100%;
		padding-bottom: 0;
		display: flex;
		flex-direction: column;;
	}
}
.downloadlist_item_title{
	font-size:20px;
}

.downloadlist_item_wrap .downloadlist_item_title{
	margin-top: 40px;
	font-size: clamp(10px, 1.4vw, 20px);
	height: 5.2vw;
	max-height: 75px;
	overflow: hidden;
}

.downloadlist_item_wrap .downloadlist_item_text{
	font-size: clamp(10px, 1vw, 14px);
}

@media screen and (max-width:768px){
	.downloadlist_item_title{
		font-size:16px;
	}
	
	.downloadlist_item_wrap .downloadlist_item_title{
		font-size: 18px;
		height: auto;
		max-height: unset;
		margin-top: 20px;
	}
	
	.downloadlist_item_wrap .downloadlist_item_text{
		font-size: 14px;
		height: auto;
    	max-height: unset;
	}
}
.downloadlist_item_btn{
	color:#4D7AAE;
	font-size:15px;
	font-weight:bold;
}
@media screen and (min-width:769px){
	.downloadlist_item_btn{
		bottom:0;
		position:absolute;
	}
	
	.downloadlist_item_wrap .downloadlist_item_btn{
		position: static;
	}
}
.downloadlist_item_btn .icon_circle_arrow{
	height:26px;
	width:26px;
}

.downloadlist_item_wrap .downloadlist_item_btn>div{
	background: #5e85b9;
    border-radius: 99em;
    box-shadow: 0px 8px 16px 0px rgba(77, 122, 174, 0.4);
    color: #fff;
    font-weight: 700;
    padding: 20px 0;
    position: relative;
    text-align: center;
	width: 22vw;
    max-width: 317px;
	font-size: clamp(10px, 1.11vw, 16px);
	position: relative;
	margin: 40px auto 0;
	display: flex;
    justify-content: center;
}


.downloadlist_item_wrap .downloadlist_item_btn img{
	position: absolute;
	right: 8.5%;
}

.downloadlist_item_wrap .downloadlist_item:hover .downloadlist_item_btn>div{
	background: #34629A;
    opacity: 1;
}

@media screen and (max-width:768px){
	
	.downloadlist_item_wrap .downloadlist_item_btn>div{
		width: 315px;
		font-size: 16px;
		margin: 20px auto 0;
	}
}


/****************************************
無料資料ダウンロード個別
*****************************************/
/*不要な項目非表示*/
.single-seminar .gnav_wrap{
	visibility:hidden;
}
.single-seminar .top_client,
.single-seminar .contact_box,
.single-seminar .footer,
.single-seminar .float_btn,
.single-seminar .icon-hamburger{
	display:none;
}

.kv_page_cnt_title_downloads{
	margin-top:15px;
}
@media screen and (min-width:769px){
	.downloads_default .single_downloads_cnt{
		width:55%;
	}
}

@media screen and (min-width:1340px){
	.downloads_slide .single_downloads_cnt{
		width:55%;
	}
	
	.downloads_slide .single_downloads_form{
		width:38.8%;
	}
}

@media screen and (max-width:1340px){
	.downloads_slide .single_downloads_form{
		margin-top: 50px;
	}
}

.single_downloads_cnt_title{
	font-size:28px;
}
@media screen and (max-width:768px){
	.single_downloads_cnt_title{
		font-size:20px;
	}
}
.single_downloads_cnt_text{
	font-size:15px;
}
@media screen and (max-width:768px){
	.single_downloads_cnt_text{
		font-size:13px;
	}
}
.single_downloads_cnt_osusumetitle {
	background: #F4F5F7;
	border-radius: 10px;
	font-size: 18px;
	margin-top: 2em;
	padding: 15px 15px 15px 34px;
	position: relative;
}
.single_downloads_cnt_osusumetitle:before {
	background: #6394C3;
	border-radius: 50px;
	content: '';
	display: block;
	height: 24px;
	left: 20px;
	margin-right: 10px;
	position: absolute;
	top: 19px;
	width: 4px;
}
.single_downloads_cnt_osusume_list{
	font-size:15px;
}
@media screen and (max-width:768px){
	.single_downloads_cnt_osusume_list{
		font-size:13px;
	}
}
.single_downloads_cnt_osusume_list li{
	font-weight:500;
	padding-left:20px;
	position:relative;
}
.single_downloads_cnt_osusume_list li:nth-child(n+2){
	margin-top:10px;
}
.single_downloads_cnt_osusume_list li:before {
    background: #6394C3;
    border-radius: 50px;
    content: '';
    height: 8px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 8px;
}
.single_downloads_cnt_osusume_list p{
	margin-top:10px;
}
@media screen and (min-width:769px){
	.toc_container_downloads li:nth-child(n+2){
		margin-top:20px!important;
	}
}
@media screen and (min-width:769px){
	.toc_container_downloads > ul > li {
		padding-left: 40px!important;
	}
}
@media screen and (max-width:768px){
	.toc_container_downloads .toc_title{
		margin-bottom:10px!important;
	}
	.toc_container_downloads > ul > li {
		font-size:14px!important;
	}
	.toc_container_downloads > ul > li:after {
		font-size:16px!important;
		top:0!important;
	}
}

/*form*/
@media screen and (min-width:769px){
	.downloads_default .single_downloads_form{
		width:38.8%;
	}
}
.single_form_title_downloads{
	font-size:24px;
}
@media screen and (max-width:768px){
	.single_form_title_downloads{
		font-size:20px;
	}
}
/****************************************
会社情報
*****************************************/
.company_table{
	border-left:1px solid #D3D8DB;
	border-top:1px solid #D3D8DB;
	margin:0 auto;
}
@media screen and (min-width:769px){
	.company_table{
		width:61%;
	}
}
@media screen and (max-width:768px){
	.company_table{
		width:84%;
	}
}
.company_table th,
.company_table td{
	border-bottom:1px solid #D3D8DB;
	border-right:1px solid #D3D8DB;
	padding:15px 30px;
}
@media screen and (max-width:768px){
	.company_table > tbody > tr > th,
	.company_table > tbody > tr > td{
		display:block;
	}
}
.company_table th{
	background:#F4F5F7;
}
@media screen and (min-width:769px){
	.company_table th{
		font-weight:500;
		width:32%;
	}
}
@media screen and (max-width:768px){
	.company_table td{
		text-align:center;
	}
}
.company_table table,
.company_table table td{
	border:none;
	padding:0;
}
.company_table table td{
	padding:0 20px 0 0;
}
@media screen and (max-width:768px){
	.company_table table td{
		text-align:left;
	}
}
/*access*/
.company_access{
	padding:50px 0;
}
@media screen and (max-width:768px){
	.company_access{
		padding:40px 0 60px;
		width:100%;
	}
}
.company_access_inner{
	margin:0 auto;
	width:880px;
}
@media screen and (max-width:768px){
	.company_access_inner{
		width:84%;
	}
}
.company_access_inner .gmap{
	margin-top:50px;
	padding-bottom:36.818%;
}
@media screen and (max-width:768px){
	.company_access_inner .gmap{
		padding-bottom:63%;
	}
}
@media screen and (min-width:769px){
	.company_access_cnt{
		width:55%;
	}
}
.company_access_cnt_title{
	font-size:18px;
}
@media screen and (max-width:768px){
	.company_access_cnt_btn{
		margin-top:40px;
	}
}
/*company_cnt*/
@media screen and (min-width:769px){
	.company_cnt{
		width:70%;
	}
}
.company_cnt{
	margin:0 auto;
	width:880px;
}
@media screen and (max-width:768px){
	.company_cnt{
		width:84%;
	}
}
.company_cnt:nth-child(2){
	border-top:1px solid #D4D8DB;
	margin-top:70px;
	padding-top:70px;
}
@media screen and (max-width:768px){
	.company_cnt:nth-child(2){
		margin-top:50px;
	padding-top:50px;
	}
}
.company_cnt_title{
	color:#407AB3;
}
@media screen and (min-width:769px){
	.company_cnt_title{
		width:30%;
	}
}
@media screen and (max-width:768px){
	.company_cnt_title{
		text-align:center;
	}
}
.company_cnt_title_main{
	font-size:28px;
	line-height:1.2;
}
.company_cnt_title_sub{
	font-size:16px;
	font-weight:bold;
}
@media screen and (min-width:769px){
	.company_cnt_text{
		width:70%;
	}
}
@media screen and (max-width:768px){
	.company_cnt_text{
		margin-top:20px;
	}
}
.company_cnt_text strong{
	font-size:36px;
	line-height:1.2;
}
@media screen and (max-width:768px){
	.company_cnt_text strong{
		font-size:28px;
	}
}
/****************************************
クリエイター
*****************************************/
.kv_page_inner_partner{
	position:relative;
}
.kv_page_inner_partner .kv_page_cnt{
	z-index:2;
}
.kv_page_inner_bg{
	bottom:0;
	height:100%;
	left:50%;
	position:absolute;
	transform:translatex(-50%);
	width:auto;
}
@media screen and (max-width:768px){
	.kv_page_inner_bg{
		height:85%;
	}
}
.btn_kv_page_cnt{
	background:#34629A;
	font-size:15px;
	padding:10px 40px;
	width:auto;
}
@media screen and (max-width:768px){
	.btn_kv_page_cnt{
		display:inline-block;
		font-size:11px;
		padding:8px 25px;
		width:auto;
	}
}
.btn_kv_page_cnt img{
	height:20px;
	margin-right:10px;
	vertical-align:middle;
	transform:translatey(-2px);
}
.kv_page_cnt_title_partner{
	margin-top:30px;
}
/**/
.job_type{
	padding:40px 80px 60px;
}
@media screen and (max-width:768px){
	.job_type{
		padding:40px 30px 50px;
	}
}
.job_type_item{
	background:#fff;
	border-radius:4px;
	font-size:16px;
	font-weight:700;
	padding:10px 0;
	text-align:center;
	width:23.8%;
}
@media screen and (max-width:768px){
	.job_type_item{
		font-size:14px;
		width:100%;
	}
}
.job_type_item .mont{
	font-weight:700;
}
.job_type_item:nth-child(n+5){
	margin-top:16px;
}
@media screen and (max-width:768px){
	.job_type_item:nth-child(n+2){
		margin-top:10px;
	}
	.job_type_item:nth-child(n+5){
		display:none;
	}
}
.job_type_more{
	font-weight:bold;
}
.job_type_more .text{
	display:inline-block;
	text-decoration:underline;
}
.job_type_more:after{
	content:'+';
	font-size:150%;
	display:inline-block;
	margin-left:5px;
	transform:translatey(3px);
}
.job_type_more.on:after{
	content:'-';
}
.job_type .btn{
	font-size:16px;
}
@media screen and (max-width:768px){
	.job_type .btn{
		font-size:15px;
		padding:18px 0;
	}
}
.partner_cta{
	background:#4D7AAE;
	border-radius:8px;
	box-shadow: 0px 8px 16px 0px rgba(77,122,174,0.3);
	color:#fff;
	padding:60px 80px;
}
@media screen and (max-width:768px){
	.partner_cta{
		padding:40px 30px;
	}
}
.partner_cta_icon{
	margin-right:30px;
	width:82px;
}
@media screen and (max-width:768px){
	.partner_cta_icon{
		margin-right:10px;
		width:60px;
	}
}
.partner_cta_title{
	font-size:24px;
}
@media screen and (max-width:768px){
	.partner_cta_title{
		font-size:17px;
	}
}
.partner_cta .btn{
	box-shadow: 0px 6px 12px 0px rgba(52,98,154,0.25);
	font-size:16px;
}
/*partner_works*/
.partner_works{
	overflow:hidden;
	padding:90px 0;
}
@media screen and (max-width:768px){
	.partner_works{
		padding:40px 0 60px;
	}
}
/*partner_voice*/
.partner_voice_box_item{
	background:#f4f5f7;
	border-radius:8px;
	padding:40px;
	width:31%;
}
@media screen and (max-width:768px){
	.partner_voice_box_item{
		padding:20px;
		width:100%;
	}
}
.partner_voice_box_item_fukidashi{
	background:#fff;
	border-radius:8px;
	height:380px;
	padding:23px 23px 75px;
	position:relative;
}
@media screen and (max-width:768px){
	.partner_voice_box_item_fukidashi{
		height:auto;
		padding:20px 20px 30px;
	}
}
.partner_voice_box_item_fukidashi:after{
	border:16px solid transparent;
	border-top:22px solid #fff;
	bottom:0;
	content:'';
	display:block;
	height:0;
	left:25px;
	position:absolute;
	transform:translatey(100%);
	width:0;
}
.partner_voice_box_item_cnt_title{
	font-size:16px;
}
.partner_voice_box_item_cnt_text{
	margin-top:5px;
}
/*partner_flow*/
.partner_flow_item{
	position:relative;
	width:21.6%;
}
@media screen and (max-width:768px){
	.partner_flow_item{
		text-align:center;
		width:100%;
	}
	.partner_flow_item:nth-child(n+2){
		margin-top:-10px;
	}
}
.partner_flow_item:after{
	content:'';
	display:block;
	height:0;
	width:0;
}
@media screen and (min-width:769px){
	.partner_flow_item:after{
		border:16px solid transparent;
		border-left:17px solid #4D7AAE;
		position:absolute;
		right:0;
		top:70px;
		transform:translatex(162%);
	}
}
@media screen and (max-width:768px){
	.partner_flow_item:after{
		border:12px solid transparent;
		border-top:15px solid #4D7AAE;
		display:inline-block;
		margin-top:15px;
	}
}
.partner_flow_item:last-child:after{
	content:none;
}
.partner_flow_item_img{
	background:#F4F5F7;
	border-radius:8px;
	padding:30px 0;
	text-align:center;
}
@media screen and (max-width:768px){
	.partner_flow_item_img{
		padding:10px;
		width:60px;
	}
}
.partner_flow_item_img img{
	display:block;
	height:90px;
	margin:0 auto;
}
@media screen and (max-width:768px){
	.partner_flow_item_img img{
		height:auto;
		width:100%;
	}
}
.partner_flow_item_num{
	color:#7AAFDA;
	font-weight:700;
	text-align:center;
}
@media screen and (max-width:768px){
	.partner_flow_item_num{
		font-size:12px;
		text-align:left;
	}
}
.partner_flow_item_title{
	font-size:16px;
	text-align:center;
}
@media screen and (max-width:768px){
	.partner_flow_item_title{
		text-align:left;
	}
}
.partner_flow_item_text{
	font-size:13px;
}
@media screen and (max-width:768px){
	.partner_flow_item_text{
		text-align:left;
	}
}
.faq_box_partner{
	padding-bottom:110px;
}
@media screen and (max-width:768px){
	.faq_box_partner{
		padding-bottom:56px;
	}
}
.partner_cta_100{
	border-radius:0;
	padding:90px 0;
}
@media screen and (max-width:768px){
	.partner_cta_100{
		padding:50px 0;
	}
	.partner_cta_100 .inner-880{
		width:77.6%;
	}
	.partner_cta_100 .partner_cta_title{
		font-size:18px;
	}
}
/****************************************
クリエイター募集
*****************************************/
@media screen and (max-width:768px){
	.partner_check:after{
		content: "";
		display: block;
		clear: both;
	}
	.partner_check .mwform-checkbox-field{
		display:block;
		float:left;
		margin:0;
		width:48%;
	}
	.partner_check .mwform-checkbox-field:nth-child(odd){
		margin-right:4%;
	}
	.partner_check .mwform-checkbox-field:nth-child(n+3){
		margin-top:20px;
	}
}

/****************************************
クリエイター募集登録完了
*****************************************/
@media screen and (max-width:768px){
	.page_title_creator_comp{
		font-size:15px;
	}
}
.page_read_creator_comp{
	font-weight:500;
	margin-bottom:5px;
}
/****************************************
お問い合わせ
*****************************************/
.page-id-12146 .gnav_wrap_center,
.page-id-12146 .gnav_wrap_btn{
	visibility:hidden;
}

.page-id-17955 .gnav_wrap_center,
.page-id-17955 .gnav_wrap_btn{
	visibility:hidden;
}

.page-id-15370 .gnav_wrap_center,
.page-id-15370 .gnav_wrap_btn{
	visibility:hidden;
}
.kv_page_icon_contact{
	height:38px;
}
.contact_item_left{
	font-size:16px;
	font-weight:700;
}

.contact_subtext{
	margin: 20px 0 50px;	
}

@media screen and (min-width:769px){
	.contact_item_left{
		font-size:15px;
		xpadding-top:10px;
		width:17%;
	}
	.contact_item:first-child .contact_item_left{
		padding-top:0;
	}
}
.nini{
	color:#999;
}
.hissu{
	color:#D8176D;
	display:inline-block;
}
@media screen and (min-width:769px){
	.contact_item_right{
		width:75%;
	}
}
.contact_item_right_kind label{
	padding-left:30px;
	position:relative;
}
@media screen and (max-width:768px){
	.contact_item_right_kind label{
		margin-top:10px;
	}
}
.contact_item_right_kind .mwform-radio-field-text:before{
	left:0;
	position:absolute;
	top:2px;
}
.contact_privacy_title{
	font-size:15px;
	text-align:center;
}
@media screen and (max-width:768px){
	.contact_privacy_title{
		font-size:13px;
	}
}
.contact_privacy_box{
	border:1px solid #D4D8DB;
	font-size:13px;
	max-height:264px;
	overflow-x:scroll;
	padding:20px;
	text-align:left!important;
}
@media screen and (max-width:768px){
	.contact_privacy_box{
		font-size:11px;
		max-height:116px;
	}
}
.btn.submit:disabled{
	opacity:.2;
}
@media screen and (max-width:768px){
	.btn.submit{
		font-size:14px;
		margin:0 auto;
		padding: 22px 0;
	}
}
/****************************************
お問い合わせデザイン変更
*****************************************/
.contact_left_title{
	font-size:36px;
}
@media screen and (max-width: 768px){
	.contact_left_title{
		font-size:24px;
		text-align:center;
	}
}
.contact_left_text{
	color:#4d7aae;
	font-size:18px;
	font-weight:bold;
}
@media screen and (max-width: 768px){
	.contact_left_text{
		font-size:16px;
	}
}
@media screen and (min-width: 769px){
	#mw_wp_form_mw-wp-form-15372 .contact_item_left{
		width:20%;
	}
}
.contact_item_right_kind{
	position:relative;
}
#mw_wp_form_mw-wp-form-15372 .contact_item_right_kind:after,
#mw_wp_form_mw-wp-form-12148 .contact_item_right_kind:after,
#mw_wp_form_mw-wp-form-15383 .contact_item_right_kind:after,
.contact_item_right_kind:after{
	content:"\f078";
	display:block;
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	position:absolute;
	right:20px;
	top:7px;
}
/*役職*/
.mw_wp_form .position{
	appearance: none;
	background:#F4F5F7;
	border:none;
	xfont-size:16px;
	padding:10px;
	width:100%;
}
.#mw_wp_form_mw-wp-form-12148 .contact_item_right_kind:after{}
/*種別*/
.mw_wp_form .kind{
	appearance: none;
	border-radius:99em;
	padding:10px 20px;
	position:relative;
	width:100%;
}
/****************************************
お問い合わせデザイン変更 2カラム(2025/08/20)
*****************************************/
/*header*/
.header_contact{
	padding:20px;
}
@media screen and (max-width:768px){
	.header_contact{
		padding:20px 0;
	}
}
.header_contact .logo{
	height:60px;
}
@media screen and (max-width:768px){
	.header_contact .logo{
		height:40px;
	}
}
/**/
.contact_title{
	font-size: 30px;
}
@media screen and (max-width:768px){
	.contact_title{
		font-size: 24px;
	}
}
/*left*/
.contact_read{
	color: #4d7aae;
	font-weight: 700;
	text-align: center;
}
.single_downloads_cnt_osusume_list2{
	background: #eee;
	border-radius: 5px;
	padding: 20px;
}
.single_downloads_cnt_osusume_list2 li{
	font-weight: 700;
}
.contact_img img{
	height: 197px;
}
@media screen and (max-width:768px){
	.contact_img img{
		height: 150px;
	}
}
/*right*/
.contact_form_wrap{
	background: #e0ecf9;
	border-radius: 5px;
	padding: 20px;
	
}
/*form*/
.contact_item_label{
	font-weight: 700;
}
.contact_item_label .hissu,
.contact_item_label .nini{
	background: #d8176d;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	margin-left: 10px;
	padding: 0 3px;
}
.contact_item_label .hissu{
	background: #d8176d;
}
.contact_item_label .nini{
	background: #999;
}
.contact_form_wrap input[type="text"],
.contact_form_wrap input[type="email"],
.contact_form_wrap input[type="tel"],
.contact_form_wrap textarea{
	background: #fff;
}
/****************************************
お問い合わせ完了
*****************************************/
.icon_thanks_check{
	color:#407AB3;
	font-size:38px;
	line-height:1;
	text-align:center;
}
@media screen and (max-width:768px){
	.icon_thanks_check{
		font-size:32px;
	}
}
/****************************************
お知らせ一覧
*****************************************/
@media screen and (max-width:768px){
	.search_box_cat_topic{
		height:auto;
	}
}
.archive_news{
	padding-top:80px;
}
@media screen and (max-width:768px){
	.archive_news{
		padding-top:40px;
	}
}
.archive_news_item{
	border-bottom:1px solid #D4D8DB;
	padding-bottom:50px;
}
@media screen and (max-width:768px){
	.archive_news_item{
		padding-bottom:40px;
	}
}
.archive_news_item:nth-child(n+2){
	margin-top:30px;
}
@media screen and (min-width:769px){
	.archive_news_item_meta{
		width:20%;
	}
}
@media screen and (max-width:768px){
	.archive_news_item_meta{
		display:flex;
	}
}
.archive_news_item_meta_time{
	font-weight:500;
}
@media screen and (max-width:768px){
	.archive_news_item_meta_time{
		margin-right:10px;
	}
}

.archive_news_item_meta_cat_item{
	color:#4D7AAE
}
@media screen and (min-width:769px){
	.archive_news_item_cnt{
		width:76%;
	}
}
@media screen and (max-width:768px){
	.archive_news_item_cnt{
		margin-top:20px;
	}
}
.archive_news_item_cnt_title{
	font-size:20px;
	line-height:1.2;
}
.archive_news_item_cnt_text{
	margin-top:20px;
}
/****************************************
お知らせ個別
*****************************************/
.column_article_header_topic{
	padding:40px;
}
@media screen and (max-width:768px){
	.column_article_header_topic{
		padding:0 8% 40px;
	}
}
.column_article_header_meta{
	display:flex;
	flex-direction:column;
	margin-top:30px;
}
@media screen and (max-width:768px){
	.column_article_header_meta{
		flex-direction:row;
	}
}
@media screen and (min-width:769px){
	.column_article_header_meta .works_item_cats{
		margin-top:20px;
		order:2;
	}
}
.post_link{
	border-top:1px solid #d4d8db;
	margin-top:60px;
	padding-top:60px;
}
.post_link a{
	color:#4d7aae;
	font-size:16px;
	font-weight:700;
}
.post_link_back{
	background:#f4f5f7;
	border-radius:5px;
	padding:0 30px;
	text-align:center;
}
@media screen and (min-width:769px){
	.post_link_back{
		line-height:60px;
	}
}
@media screen and (max-width:768px){
	.post_link_back{
		padding:10px;
	}
}
.post_link_back:hover{
	background:#34629A;
	color:#fff;
}
.post_link_next .top_creator_cnt_arrow{
	margin:0 0 0 20px;
}
/****************************************
privacy
*****************************************/
.privacy_box{
	border-bottom:1px dashed #ccc;
	padding-bottom:40px;
}
@media screen and (max-width:768px){
	.privacy_box{
		padding-bottom:20px;
	}
}
.privacy_box_title{
	font-size:24px;
}
@media screen and (max-width:768px){
	.privacy_box_title{
		font-size:18px;
	}
}
.privacy_box a{
	color:#6394C3;
	text-decoration:underline;
}
.privacy_contact{
	background:#eee;
	border-radius:5px;
	padding:40px;
}

/****************************************
24.05 utility
*****************************************/

.more_btn{
	margin: 50px auto 100px;
}

.more_btn02{
	margin: 30px auto;
}

.more_btn02 .btn{
	background: #5e85b9;
}

.more_btn02 .btn:hover{
  background: #34629A;
  opacity: 1;
}

.more_btn03{
	margin: 50px auto 20px;
	width: 100%;
}

#player::-webkit-media-controls-panel {
	display: none !important;
}

#player::-webkit-media-controls-overlay-enclosure {
	display: none !important;
}

.icon_wrap{
	display: flex;
    justify-content: center;
    align-items: center;
}

.icon{
	background-color: #f90;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}

@media screen and (max-width:768px){
	.icon_wrap>span:first-of-type{
		width: 80%;
	}
}

/****************************************
24.06　資料ダウンロード　スライダー
*****************************************/

.slider_wrap .fit-img img, .slider .fit-img{
	width: 300px;
}

.slider_wrap.slick-slider{
	height: 170px;
}

.slider_wrap .slick-list{
	width: 646px;
}

 
.slider_wrap .slick-current{
	width: 346px!important;
}

.slick-prev:before, .slick-next:before{
	color: #000;
}

.slider_bl{
	height: 225px;
}

.slider_bl .slick-dots{
	bottom: -74px;
}

.slider_bl.single_downloads_cnt_img{
	justify-content: center;
}

.slider_bl .slick-list{
	height: 225px;
}

@media screen and (max-width:768px){
	
	.slider_wrap .slick-list{
		width: 315px;
		height: 195px;
	}
	
	.slider_wrap.slick-slider{
		height: 195px;
	}
	
	.slider_wrap.slick-slider .slick-track{
		height: 195px;
	}
	
	.slider_wrap .fit-img img, .slider .fit-img{
		width: 100%;
		height: 195px;
		object-fit: cover;
	}
	
	.slider_bl .slick-dots{
		bottom: -37px;
	}
	
}

/****************************************
24.06　動画埋め込み（ホバー時再生）
*****************************************/

.youtube_wrap{
	overflow: hidden;
	position: relative;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.youtube_wrap iframe{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

/****************************************
24.06　フローティングバナー
*****************************************/

.close_btn{
	cursor: pointer;
	text-align: right;
}

.close_btn img{
	width: 33px;
}

#floatingBanner{
	display: none;
}

.floating_banner{
	position: fixed;
	bottom: 10px;
	right: 65px;
}

.floating_banner_link{
	border: 2px solid #34629c;
	background-color: #fff;
	display: block;
	width: 320px;
	height: 340px;
	border-radius: 10px;
}

.floating_banner_img{
	margin-bottom: 5px;
}

.floating_banner_img img{
	max-width: 100%;
}

.floating_banner_txt{
	background-color: #34629c;
	color: #fff;
	font-size: 18.5px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.08em;
	height: 66.5px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
}

.floating_banner_in{
	padding: 20px 12px;
}

.floating_banner_in .btn_top_dl{
	width: 286px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	letter-spacing: 0.06em;
}

.floating_banner_in .btn{
	box-shadow: 0px 5px 14px 0px rgba(77, 122, 174, 0.4);
}

.floating_banner_in .btn{
	position: relative;
}

.floating_banner_in .btn_top_dl{
	border: 2px solid #f90;
	transition: all .3s linear;
}

.floating_banner_in .btn::after{
	content: ""!important;
	position: absolute;
	right: 18px;
	content: "";
	background-image: url(./images/common/icon_arrow.png);
	width: 13px;
	height: 13px;
	display: block;
	background-size: contain;
  	background-repeat: no-repeat;
	transition: all .3s linear;
}

.floating_banner_in .btn_top_dl:hover{
	background: #f90;
}

.floating_banner_link:hover .floating_banner_in .btn_top_dl{
	background: #fff;
	color: #f90;
}

.floating_banner_link:hover .floating_banner_in .btn_top_dl::after{
	background-image: url(./images/common/icon_arrow_or.png);
}

.footer_banner{
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: rgba(52,98,156,0.95);
	height: 90px;
	z-index: 10;
}

.footer_banner_in{
	display: flex;
	align-items: center;
	height: 90px;
	justify-content: space-between;
	margin-right: 6%;
}

.footer_banner_txt{
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	line-height: 1.35;
	margin-left: 4%;
}

.footer_banner_btnWrap{
	display: flex;
}

.footer_banner_btn01 a, .footer_banner_btn02 a{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 53px;
	width: 303px;
	font-size: 19px;
	font-weight: 700;
	border-radius: 53px;
}

.footer_banner_btn01{
	margin-right: 5%;
}

.footer_banner_btn01 a{
	color: #fff;
	background-color: #ff9900;
	border: 2px solid #ff9900;
}

.footer_banner_btn02 a{
	background-color: #fff;
	color: #34629c;
	border: 2px solid #fff;
}

.footer_banner_btn01 a::after{
	content: "";
	display: block;
	background-image: url(./images/common/icon_arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 14px;
	height: 14px;
	position: absolute;
	right: 5%;
}

.footer_banner_btn02 a::after{
	content: "";
	display: block;
	background-image: url(./images/common/icon_arrow_darkblue.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 14px;
	height: 14px;
	position: absolute;
	right: 5%;
}

.footer_banner_btn01 a:hover::after{
	background-image: url(./images/common/icon_arrow_or.png);
}

.footer_banner_btn02 a:hover::after{
	background-image: url(./images/common/icon_arrow.png);
}

.footer_banner_btn01 a:hover{
	background-color: #fff;
	color: #ff9900;
}

.footer_banner_btn02 a:hover{
	background-color: #5e85b9;
	color: #fff;
}

@media screen and (max-width:1440px){
	.footer_banner_txt{
		font-size: 1.2vw;
	}
	
	.footer_banner_btn01 a, .footer_banner_btn02 a{
		width: 21vw;
		font-size: 1.3vw;
	}
	
}

/****************************************
24.06　ヘッダーボタン追加
*****************************************/

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

.nav_menu li.downloads{
	margin-left: 10px;
}

/****************************************
24.07　用途別/業界別/演出別メニューページ
プルークスの強み
*****************************************/

.strengths_bl{
	margin-top: 70px;
	margin-bottom: 100px;
}

.strengths_bl h2{
	font-size: 28px;
	text-align: center;
}

.strengths_wrap{
	display: flex;
	margin-top: 50px;
}

.strengths_wrap li{
	margin-right: 6.8%;
    width: 28.8%;
}

.strengths_wrap li:last-of-type{
	margin-right: 0;
}

.strengths_text h3{
	text-align: center;
	font-size: 18px;
}

.strengths_icon{
	height: 180px;
	display: flex;
    justify-content: center;
	margin-bottom: 20px;
}

.strengths_icon img{
	max-height: 100%;
}

.strengths_text p{
	margin-top: 20px;
}

@media screen and (max-width:768px){
	
	.strengths_bl{
		margin-top: 30px;
		margin-bottom: 50px;
	}
	
	.strengths_bl h2{
		font-size: 20px;
	}
	
	.strengths_wrap{
		flex-direction: column;
		margin-top: 30px;
	}
	
	.strengths_wrap li{
		margin-right: 0;
		width: 100%;
		margin-bottom: 30px;
	}
	
	.strengths_wrap li:last-of-type{
		margin-bottom: 0;
	}

	
	.strengths_text h3{
		font-size: 16px;
	}
}

/****************************************
24.07　コラムページ　CTAショートコード
*****************************************/

.shortcode_cts_wrap01{
	border: 2px solid #34629c;
	border-radius: 10px;
	width: fit-content;
}

.shortcode_cts01_ttl{
	background-color: #34629c;
	color: #fff;
	font-size: 19px;
	font-weight: 700;
	text-align: center;
	padding: 7px;
	border-radius: 8px 8px 0 0;
}

.shortcode_cts01In{
	display: flex;
	padding: 5px 10px 8px;
	justify-content: space-between;
	align-items: center;
}

.shortcode_cts01_leftCts{
	margin-right: 10px;
}

.shortcode_cts01_leftCts img{
	width: 275px;
	position: relative;
    bottom: -6px;
}

.shortcode_cts01_txtTtl{
	font-size: 17px;
	font-weight: 700;
	color: #34629c;
	text-align: center;
	margin-bottom: 0 !important;
}

.shortcode_cts01_txtList{
	margin-bottom: 15px!important;
}

.shortcode_cts01_txtList li{
	font-size: 14px;
	font-weight: 600;
	color: #34629c;
	margin: 0;
	padding-left: 0!important;
}

.shortcode_cts01_btn{
	font-size: 12px;
	font-weight: 600;
	color: #ff9900;
}

.shortcode_cts01_btnItem{
	background-color: #ff9900;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	width: 255px;
	height: 50px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	position: relative;
	border: 2px solid #ff9900;
	transition: all .3s linear;
}

.shortcode_cts01_btnItem::after{
	content: "";
    display: block;
    background-image: url(./images/common/icon_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 4%;
	transition: all .3s linear;
}

.shortcode_cts01_btnCopy{
	text-align: center;
}

a.short_code_link{
	width: fit-content;
    display: block;
	text-decoration: none;
	margin: 0 auto;
}

.short_code_link:hover{
	text-decoration: none;
}

.entry-content ul.shortcode_cts01_txtList li:before{
	content: none;
}

.short_code_link:hover .shortcode_cts01_btnItem{
	background-color: #fff;
    color: #ff9900;
}

.short_code_link:hover .shortcode_cts01_btnItem::after{
	background-image: url(./images/common/icon_arrow_or.png);
}

@media screen and (max-width:768px){
	.shortcode_cts01In{
		flex-direction: column;
	}
	
	.shortcode_cts01_leftCts{
		margin-right: 0;
		margin-bottom: 10px;
		margin: 0 auto 5px!important;
		width: fit-content;
	}
	
	.shortcode_cts01In{
		padding: 5px 10px 18px;
	}
	
	.shortcode_cts01_ttl{
		font-size: 17px;
		line-height: 1.5;
	}
}

/****************************************
24.09　works 訴求・企業ロゴ
*****************************************/

.works_client_page{
    position: relative;
}

.works_client{
	overflow: hidden;
}

.works_client section{
    position: relative;
    height: 260px;
}

.works_client h2{
	display: none;
}

.works_client .works_client_bl {
    overflow: hidden;
    animation: loop-slide 30s infinite linear 1s both;
    width: fit-content;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 0;
    position: absolute;
    left: 0%;
    bottom: 0;
    height: 200px;
}

@keyframes loop-slide {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-45%);
    }
}
  
.works_client .works_client_bl .top_client_item{
	width: 222px;
}

.works_client .top_client{
	padding: 0;
}

.works_client_animeIn{
    display: flex;
    flex-flow: column wrap;
    height: 200px;
    justify-content: center;
    width: auto;
}

.works_client .works_client_bl.works_client_animeIn .top_client_item{
    width: 10vw;
}

.works_client_animeIn .top_client_item img{
    height: 89px;
    width: auto;
}

.works_client_animeIn .top_client_item:nth-child(n+10){
    margin-top: 0;
}

.works_appeal{
	display: flex;
	padding: 30px 0 10px;
	justify-content: center;
	align-items: center;
}

.works_appeal_el02{
	display: flex;
}

.works_appeal_el02 li{
	display: flex;
	align-items: center;
}

.works_appeal_el02 li:first-of-type{
	margin-right: 20px;
}

.works_appeal_el01{
	font-size: min(1.452vw, 23px);
    font-weight: 800;
    line-height: 1.6;
	margin-right: 50px;
	white-space: nowrap;
}

.works_appeal_txt01{
	font-size: min(1.774vw, 24px);
    font-weight: 800;
    line-height: 1.1;
	margin-right: 10px;
	white-space: nowrap;
}

.works_appeal_txt02{
	display: flex;
	align-items: center;
}

.works_appeal_txt02 span:first-of-type{
	font-size: min(4.194vw, 62px);
    font-family: Oswald;
    font-weight: 800;
    line-height: 1;
    color: #f90;
	margin-right: 5px;
	margin-bottom: 7px;
}

.works_appeal_txt02 span:nth-of-type(2){
	color: #f90;
	font-size: min(1.774vw, 22px);
    font-weight: 800;
    line-height: 1.1;
}

.works_appeal_el02 li::before{
	content: '';
	display: inline-block;
	width: 40px;
	height: 70px;
	background-image: url(./images/works/leaf_frame01.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.works_appeal_el02 li::after{
	content: '';
	display: inline-block;
	width: 40px;
	height: 70px;
	background-image: url(./images/works/leaf_frame02.png);
	background-size: contain;
	background-repeat: no-repeat;
}



@media screen and (max-width:768px){
    
    .works_client section{
        height: auto;
    }
    
    .works_client_animeIn .top_client_item img{
        height: 70px;
    }
    
    .works_client .works_client_bl{
        position: relative;
        left: -120%;
        height: auto;
    }

	.works_appeal{
		flex-direction: column;
	}

	.works_appeal_el01{
		font-size: 18px;
		margin-bottom: 15px;
		margin-right: 0;
	}

	.works_appeal_el02 li::before{
		width: 20px;
        height: 46px;
		margin-right: -7px;
	}

	.works_appeal_el02 li::after{
		width: 20px;
        height: 46px;
		margin-left: -7px;
	}

	.works_appeal_txt01{
		font-size: 13px;
		margin-right: 5px;
		white-space: nowrap;
	}

	.works_appeal_txt02 span:first-of-type{
		font-size: 37px;
		margin-right: 2px;
	}

	.works_appeal_txt02 span:nth-of-type(2){
		font-size: 13px;
		white-space: nowrap;
	}

	.works_appeal_el02 li:first-of-type{
		margin-right: 8px;
	}

	.works_client .works_client_bl .top_client_item{
		width: 130px;
	}
    
    .works_client_animeIn .top_client_item:nth-child(n+4){
        margin-top: 0;
    }
}

/****************************************
24.10　トップページ追加コンテンツ
*****************************************/

.top-hyogen{
	justify-content: center;
	padding-bottom: 100px;
}

.top-hyogen>div:last-of-type{
	margin-right: 0;
}

@media screen and (max-width:768px){
	.top-hyogen{
		padding-bottom: 50px;
	}
}

.top_works_itemTtl, .top_news_list{
	font-weight: bold;
}

/****************************************
24.11　トップページ 会社概要
*****************************************/

.top_company_profile{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.top_company_profile li{
	width: 16.66%;
}

.top_company_profile li img{
	width: 100%;
}

@media screen and (max-width:768px){
	.top_company_profile li{
		width: 48%;
	}
	
	.top_company_profile li:nth-of-type(n+3){
		margin-top: 10px;
	}
	
}

/****************************************
25.02　トップページ MV フォーム設置
*****************************************/

.form_inTop .kv_top_inner{
    display: flex;
}

.mv_form{
    background-color: #fff;
    color: #2a3b4c;
    width: 40%;
    margin-top: -7%;
    padding: 30px;
    height: fit-content;
}

.mv_form .contact_intro_text, .mv_form .contact_subtext, .mv_form_sp .contact_intro_text, .mv_form_sp .contact_subtext{
    display: none;
}

.top_mv_in{
    display: flex;
    justify-content: space-between;
    width: 92%;
}

.mv_text{
    width: 60%;
}

.mv_form .mt60-pc{
    margin-top: 0;
}

.mv_form .contact_item{
    align-items: center;
}

.mv_form .contact_item_left{
    font-size: max(0.9vw, 11px);
}

.mv_form #mw_wp_form_mw-wp-form-15372 .contact_item_left{
    width: 23%;
}

.mv_form .contact_privacy_title{
    margin-top: 5px;
}

.mv_form .btn{
    width: 48%;
    min-width: 200px;
    max-width: 350px;
    padding: 13px 0;
}

.mv_form input[type="text"], .mv_form input[type="email"], .mv_form textarea{
    padding: 7px;;
}

.mv_form input[type="text"], .mv_form input[type="email"]{
    height: 2vw;
}

.mv_form_spWrap{
    display: none;
}

.mv_form .contact_privacy_title, .mv_form .mw_wp_form .horizontal-item{
    font-size: max(0.7vw, 11px);
}

.mv_form input[type="submit"]{
    font-size: max(1vw, 11px);
}


@media screen and (max-width:1350px){
    
    /* .top_mv_video{
        min-height: 757px;
    } */
    
    .top_mv_video video{
        /* height: 100%; */
        object-fit: cover;
    }
    
    .mv_form{
        margin-top: -12%;
    }
}

@media screen and (max-width:927px){
    .mv_form{
        padding: 20px;
        margin-top: -20%;
    }
}

@media screen and (max-width:768px){
    
    .top_mv_in{
        flex-direction: column;
        width: 84%;
    }
    
    .mv_text{
        width: 100%;
    }
    
    .mv_form{
        display: none;
    }
    
    .mv_form_spWrap{
        display: block;
        padding-top: 40px;
    }
    
    .mv_form_sp input[type="text"], .mv_form_sp input[type="email"], .mv_form_sp textarea{
        padding: 10px;
    }
    
    .mv_form_sp .contact_item_left{
        font-size: 13px;
    }
    
    .mv_form_sp .contact_privacy_title, .mv_form_sp .mw_wp_form .horizontal-item{
        font-size: 11px;
    }
    
    .mv_form_sp .contact_privacy_title, .mv_form_sp .mw_wp_form .horizontal-item{
        margin-top: 5px;
    }
    
    .mv_form_sp .btn{
        width: 280px;
        padding: 13px 0;
    }
    
    .top_mv_video{
        min-height: unset;
    }
}


/****************************************
25.02　ヘッダー　
動画制作・映像制作サービス　下層に
用途別動画制作サービスを追加
*****************************************/

.service_sub_menu li:first-of-type{
    position: relative;
}

.works_sub_menu{
    position: absolute;
    right: -285px;
    top: -37px;
    background-color: #fff;
    padding: 20px;
    opacity: 0;
    transition: .3s;
    transform: translatey(-10px);
    visibility: hidden;
    border-radius: 10px;
    box-shadow: 0 0 32px rgb(0 0 0 / 10%);
}

.video_production_menu:hover .works_sub_menu{
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transform: translatey(15px);
}

.video_production_menu::after{
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #2A3B4F;
    border-right: 2px solid #2A3B4F;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    position: absolute;
    right: 22px;
    top: 3px;
}


.works_sub_menu li a{
    font-size: 13px;
}

.works_sub_menu li:nth-of-type(n+2){
    margin-top: 10px;
}

@media screen and (max-width:1100px){
    
    .nav_menu .sub-menu .works_sub_menuSp{
        display: none;
    }
    
    .nav_menu .sub-menu .works_sub_menuSp li{
        margin-top: 15px;
    }
    
    .nav_menu .sub-menu .works_sub_menuSp li a{
        font-size: 13px;
    }
}