@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------------------------------------------------reset-*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, form,
dl, dt, dd, ol, ul, li,
fieldset, legend,
table, caption, tbody, tfoot, thead, tr, th,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
em{ font-style:normal;}
article, aside, dialog, figure, footer, header,
hgroup, nav, section,main {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote{
	padding-left: 1em;
}
table{border-collapse:collapse;}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a{
	text-decoration: none;
	color: rgba(60,154,223,1);
}
a:hover{
	color: rgba(0,128,189,1);
}
p{
	padding-bottom: 1em;
}
input{-webkit-appearance: none;}
h3{
	padding-bottom: .8em;
}

/* ------------------------------------------------------------------------------- common */
body{
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
	/* [disabled]background-color: rgba(204,51,0,1); */
}
.contents {
}

main{
	width: 100%;
}
.unit{
	width: 100%;
}
.unit.unit01{
	background-color: rgba(204,204,204,1);
	padding: 5px 0;
	margin-top: 2em;
}
.unit.unit02{
	padding: 50px 0;
}
.unit.unit03{}
.unit.unit04{}
.unit.unit05{}
.inner{
	/* [disabled]width: 96%; */
	padding: 0 2%;
}
h2{
	font-weight: normal;
	text-align: center;
}
h2.wideh2{
	padding: 50px 0 40px;
}
h2.nallowh2{
	padding: 100px 0 50px;
}
a.btn-a{
	border: rgba(60,154,223,1) 1px solid;
	padding: 3px 10px;
	border-radius: 5px;
	font-size: 14px;
	transition:ease 0.4s;
}
a.btn-a:hover{
	border: rgba(60,154,223,1) 1px solid;
	background-color:rgba(60,154,223,1);
	color:rgba(255,255,255,1);
}
a.btn-a[target="_blank"]:after{
	content:'\ea7e';
	font-family:'icomoon';
	padding-left:0.5em;
}
/*---------------------------------------------------------------------------------------*/
.header{
	position: fixed;
	width: 100%;
	height: 50px;
	top: 0px;
	transition: all .3s;
	z-index: 1000;
	background-color: rgba(255,255,255,1);
	border-bottom: 1px solid rgba(216,216,216,1);
}
.header-inner{
	margin: 0 auto;
	display: block;
	position: relative;
}
.header-logo{
	width: 90px;
	padding: 5px 10px 4px;
	background-color: rgba(0,0,0,1);
	position: absolute;
	border-bottom: #C30 2px solid;
}
/*.header-logo.fixed{
	width: 100px;
	padding: 10px 8px 8px;
	background-color: rgba(0,0,0,1);
	position: absolute;
	border-bottom: #C30 1px solid;
}*/

#ssfflogo{fill:#FFF;}
/*.header-box{
	height: 600px;
}*/
.video {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
	width: 100%;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#logo{stroke:#eee; stroke-width:0.5px; fill:transparent; stroke-dasharray:980px; stroke-dashoffset:980px; animation:anim 4s ease-in 1s forwards;}
@keyframes anim{
0%{stroke-dashoffset:980px;}
30%{fill:transparent;}
60%{stroke-dashoffset:0;}
100%{stroke-dashoffset:0; fill:#eee;}
}
.frame-logo{
	width: 70%;
	height: 50px;
	position: absolute;
	left: 15%;
	top: 18%;
	z-index: 100;
}
.lang{
	font-size: 14px;
	float: right;
	width: 110px;
}
.lang1,.lang2{
	padding:6px;
}
.lang1 a,.lang2 a{
	border: 1px solid #fff;
	width: 15px;
	height: 15px;
	text-align: left;
	display: inline-block;
	padding: 8px 10px 8px 6px;
	border-radius: 50%;
	line-height: 1.1em;
	color: #FFF;
}
.lang1.av a,.lang2.av a{
	border: 1px solid #ccc;
	background-color: #E3E3E3;
	color: #CC3300;
}
.lang1 a:hover,.lang2 a:hover{
	border: 1px solid #E3E3E3;
	background-color: #FFFFFF;
	color: #C30;
}
.lang1{border-right:1px solid #ccc;}


/*---------------------------------------------------------------------------------- slider-*/


#top-ja .main-image{
	width: 100%;
	height: 400px;
	background-image: url(../images/toppage/top-images01-sp.jpg);
	background-size: cover;
}


#top-ja .main-image2,#top-en .main-image2{
	width: 100%;
	height: 400px;
	background-size: cover;
}


#top-en .main-image{
	width: 100%;
	height: 400px;
	background-image: url(../images/toppage/top-images02-sp.jpg);
	background-size:cover;
}
.set665{
	height: 400px;
	width: 100%;
	background-image: url(../images/common/each_head.png);
	background-size:26px;
	pointer-events: none;
}
.messe{	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
h1.toplogo-copy{
	opacity: 0;
	margin: 0px -20% 12px;
	color: rgba(255,255,255,1);
	font-size: 20px;
	text-align: center;
	padding: 13px 0 10px;
}
#top-en .toplogo-copy{
	opacity: 0;
	margin: 0px -20px 12px;
	color: rgba(255,255,255,1);
	font-size: 16px;
	text-align: center;
	padding: 20px 0 10px;
}
p.toplogo-p{
	font-size: 16px;
	text-align: left;
	width: 96%;
	margin: 60px auto 0px;
}
/*-------------------scrool-down*/
.scroll a{
	position: absolute;
	top: 290px;
	left: 46%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	font-size: 11px;
	opacity: 0.7;
	color: #fff;
}
#top-en .scroll a{
	top: 230px;
}
.scroll a span {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2.5s infinite;
	animation: sdb 2.5s infinite;
	box-sizing: border-box;
	cursor: pointer;
}
/*.scroll a:hover{ opacity:1;}*/
@-webkit-keyframes sdb {
 0% { -webkit-transform: rotate(-45deg) translate(0, 0); opacity: 0;}
 50% { opacity: 1;}
 100% { -webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0;}
}
@keyframes sdb {
 0% { transform: rotate(-45deg) translate(0, 0); opacity: 0;}
 50% {opacity: 1;}
 100% { transform: rotate(-45deg) translate(-20px, 20px); opacity: 0;}
}
/*#head{
	width: 100%;
	height:100%;
	margin: 0 auto -50px;
	overflow: hidden;
	position: relative;
	display: block;
	padding:100px 0 0;
}
.wrapper_head iframe{width: 100%;}
.wrapper_head iframe{	width: 100%;}*/


.bxslider {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-bottom: -10px;
}
.bxslider li{
	width: 640px;
}
.bxslider li img{
	margin-bottom: 10px;
	float: left;
	display: block;
	width: 100%;
	height: auto;
}
.slideinner{
	width: 100%;
	padding-bottom:
}
.bx-wrapper {
 margin:0 auto;
 position:relative;
}
.bx-wrapper .bx-pager {
 margin:0 auto;
 width:100%;
 background:#fff;
}
/*.bx-wrapper .bx-prev {
 left:655px;
}
.bx-wrapper .bx-next {
 right:655px;
}
.bx-wrapper .bx-prev:before {
	content:'\f137';
	font-family:'icomoon';
	font-size:36px;
}
.bx-wrapper .bx-next:before {
	content:'\f138';
	font-family:'icomoon';
	font-size:36px;
}*/
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover {
	color:rgba(255,255,255,1);
	text-decoration:none;
}
.bx-wrapper .bx-controls-direction a {
 position:absolute;
 top:170px;
 outline:0;
 width:32px;
 height:32px;
 z-index:500;
	color:rgba(255,255,255,.7);
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
 background:#000;
}
.bxslider ul li{opacity:1;}
/*.bxslider ul li.active{ opacity:1 !important;}*/
/*-----------------------------------------------bxnews*/
.swiper-wrapper{
	height: 600px;
	margin: 0 auto;
}
.swiper-slide{
	height: 400px;
	width: 100% !important;
	float: left;
}
.swiper-slide-inner{
	padding: 20px 30px 20px 30px;
	margin-left:-10px;
}
.swiper-slide-img{
	width: 100%;
	height: 200px;
	display: block;
	border: rgba(216,216,216,1) 1px solid;
	overflow: hidden;
	margin-bottom: 10px;
	background-color: rgba(242,242,242,1);
}
.news_new{
	position: absolute;
}
.swiper-slide a{ color:rgba(153,153,153,1);}
.swiper-slide a:hover{opacity:.7;}
.swiper-slide-img img{ width:100%; height:100%; object-fit: cover;}
.swiper-slide-date{padding:5px 0;}
.swiper-slide-cate{}
.swiper-slide-txt{}

.swiper-custom-button{
	background-image: none !important;
	background: none;
	color: rgba(171,171,171,.5);
	font-size: 36px;
	text-align: center;
	width: 24px !important;
	height: 64px !important;
	line-height: 64px;
	position: absolute; 
}
.swiper-button-prev{
	left: 35px;
	top: -260px;
}
.swiper-button-next{
	right: -30px;
	top: -260px;
}
.slide-con{
	height: 40px;
	width: 100%;
	margin: 0 -40px;
	position: relative;
}
.swiper-container{
	margin: 0 0 30px;
	padding: 0;
	height: 350px;
	overflow: hidden;
}
.swiper-custom-parent{
	margin: 0 100px;
}

/*------------------------------------------------------ Project*/
.project-top{
	padding: 20px 0 50px;
}
.project-topbox{
	width: 46%;
	float: left;
	margin: 0 4% 30px 0;
}
.project-topbox:nth-child(even){
	margin-right: 0px;
}

a .project-topbox{
	color:rgba(102,102,102,1);
	transition:ease .3s;
}
a .project-topbox:hover{
	opacity:.6;
}

.project-topbox-img{
	width: 100%;
	height: 110px;
	display: block;
	overflow: hidden;
	margin: 0 0 5px 0;
	border: rgba(216,216,216,1) 1px solid;

}
.project-topbox-img img{width:100%; height:100%;	object-fit: cover;}
/*--------------------------------------------------------Footer*/
.footer{
	background-image: url(../images/common/footer.png);
	background-repeat:repeat-x;
	background-position:center bottom;
}
.foot-logo{
	width: 100px;
	height: 50px;
	display: block;
	margin: 0 auto;
}
.copy{
	text-align: center;
	color: rgba(217,217,217,1);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 5px;
	padding: 5px 0 20px;
}
.pagetop a {
	position: absolute;
	display: block;
	width: 40px;
	height: 30px;
	padding: 5px 0 5px;
	right: 0px;
	top: -40px;
	background-color: rgba(153,153,153,.5);
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	transition: ease-in 0.1s;
}
.pagetop a:hover{
	background-color: rgba(181,17,17,1);
	padding: 3px 0 7px;
	top: -5px;
}
.pagetop a span{color:rgba(255,255,255,1); font-size:32px;}

.foot-nav{
	/* [disabled]display: flex; */
	height: 240px;
	padding: 15px 0 0 0;
}
.foot-nav ul{
	width: 30%;
	display: block;
	float: left;
	list-style-type:none;
}
.foot-nav ul:last-child{
	width: 30%;
}
.foot-nav ul:first-child{
	width: 40%;
}

.foot-nav ul li{
	color: rgba(204,204,204,1);
	font-size: 13px;
	display: block;
	padding-top: 5px;
}
.foot-nav ul li a{
	color: rgba(191,191,191,1);
}
.foot-nav ul li ul{
	width:100% !important;
}
.foot-nav ul li ul.socialul li{
	padding:0;
}
.foot-nav ul li ul li{
	padding: 0px;
	display: block;

}
.foot-nav ul li ul li:before{
/*	content:'\f105';
	font-family:'icomoon';*/
}
.foot-nav ul li ul li.social:before{	content:none;}
.foot-nav ul li a:hover{
	color: rgba(0,153,204,1);
}

.readmore{
	font-size: 21px;
	display: block;
	width: 160px;
	margin: 0 auto;
	text-align: center;
}
.readmore a{
	text-align: center;
	color: rgba(51,51,51,1);
	border-bottom: 1px solid rgba(51,51,51,1);
	transition:ease 0.4s;
}
.readmore a:hover{
	padding: 5px 10px;
	background-color: rgba(170,17,17,1);
	color: rgba(255,255,255,1);
	border-bottom-color: rgba(170,17,17,1);
}
/*----------footlogo*/
.footlogo{
	background-image: url(../images/common/footlogo.png);
	padding: 10px 0;
}
.footlogo .inner{
	padding:0 5%;
	width:90%
}
.foot_log a{
	float: left;
	height: 35px;
	margin: 0px 10px 5px 0;
}
.foot_log a img{
	opacity: 0;
	transition: ease 0.4s;
	width: 100%;
	height: auto;
}
.foot01 a{
	width: 70px;
	background-image: url(../images/common/logos_01.png);
	background-repeat:no-repeat;
	background-size:100%;
}
.foot02 a{
	width: 45px;
	background-image: url(../images/common/logos_02.png);
	background-repeat:no-repeat;
	background-size:100%;
}
.foot03 a{
	width: 47px;
	background-image: url(../images/common/logos_03.png);
	background-repeat:no-repeat;
	background-size:100%;
}
.foot04 a{
	width: 48px;
	background-image: url(../images/common/logos_04.png);
	background-repeat:no-repeat;
	background-size:100%;
}
.foot05 a{
	width: 74px;
	background-image: url(../images/common/logos_05.png);
	background-repeat:no-repeat;
	background-size:100%;
}
.foot06 a{
	width: 58px;
	background-image: url(../images/common/logos_06.png);
	background-repeat:no-repeat;
	background-size:100%;
}
.foot07 a{
	width: 62px;
	background-image: url(../images/common/logos_07.png);
	background-repeat:no-repeat;
	background-size:100%;
}
.foot08 a{
	width: 46px;
	background-image: url(../images/common/logos_08.png);
	background-repeat:no-repeat;
	background-size:100%;
	margin-right:0;
}
.foot_log a:hover img{ opacity:1;}

/* ------------------------------------------------ drawer menu */
.drawer-menu {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	padding: 80px 0;
	background-color: #C30;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: perspective(500px) rotateY(-90deg);
	transform: perspective(500px) rotateY(-90deg);
	opacity: 0;
}
.drawer-menu li {
}
.drawer-menu li a {
	display: block;
	font-size: 16px;
	color: #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
	padding: 6px 10px 6px 25px;
}

.drawer-menu li a:hover {
	color: #1a1e24;
	background: #fff;
}
.drawer-menu li.sub a:before{
	content:'\f107';
	font-family:'icomoon';
	position:relative;
}
.drawer-menu ul.submenu li a:before{
	content:none;
}
.drawer-menu li ul li a{
	padding:2px 0 2px 35px;
}

nav.menu ul li a{width:100%; display:block; outline: none;}
nav.menu ul li.sub a{ color:rgba(255,204,51,1); width:100%; display:block;}
ul.submenu{display:none;}
ul.submenu li a{padding:3px 3px 3px 15px; font-size:16px;}
ul.social li a{
	display:inline-block;
	float:left;
	font-size:28px !important;
}

/* --------------------------------------------------- checkbox */
.check {
	display: none;
}

/* ------------------------------------------------ menu button */
.menu-btn {
	position: fixed;
	display: block;
	top: 15px;
	right: 30px;
	display: block;
	width: 30px;
	height: 30px;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	z-index: 1003;
}

.bar {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 2px;
	background: #333;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}

.bar.middle {
	top: 10px;
	opacity: 1;
}

.bar.bottom {
	top: 20px;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}

.menu-btn:hover .bar {
	background: #333;
}
.menu-btn:hover .menu-btn__text {
	color: #333;
}
.close-menu {
	position: fixed;
	top: 0;
	right: 300px;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0);
	cursor: url(../images/cross.svg),auto;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	visibility: hidden;
	opacity: 0;
}

/* ------------------------------------------------ checked */
.check:checked ~ .drawer-menu {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
}

.check:checked ~ .contents {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);
}
.check:checked ~ .menu-btn .menu-btn__text {
	visibility: hidden;
	opacity: 0;
}

.check:checked ~ .menu-btn .bar.top {
	width: 56px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.check:checked ~ .menu-btn .bar.middle {
	opacity: 0;
}

.check:checked ~ .menu-btn .bar.bottom {
	width: 56px;
	top: 40px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.check:checked ~ .close-menu {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	background: rgba(0,0,0,.5);
	visibility: visible;
	opacity: 1;
	z-index: 3;
}

/* --------------------------------------------------- PC menu */

/*.check,.menu-btn,.close-menu{ display:none;}
.drawer-menu{
	position: absolute;
	right: 0px;
	top: 10px;
	width: 800px;
	z-index: 1001;
	display: block;
}
.drawer-menu ul{
	display: block;
	width: 690px;
	float: left;
}
.drawer-menu ul li a{
	padding:5px 0 0;
	margin-right:15px;
	display: inline-block;
	float: left;
	font-size:14px;
	color:rgba(51,51,51,1);
}
.drawer-menu ul li a:hover{
	color: rgba(0,153,204,1);
	border-bottom: 1px dotted rgba(0,153,204,1);
}
.drawer-menu ul.submenu{
	position: absolute;
	top: 40px;
	display:none;
}
.drawer-menu ul li.sub a:before{
	content:'\f107';
	font-family:'icomoon';
	position:relative;
}

.drawer-menu ul.submenu li a:before{
	content:none;
}
.drawer-menu ul.social{
	position: absolute;
	top: 38px;
	left: 678px;
}
.drawer-menu ul.social li a{
	color: rgba(153,153,153,1);
	font-size: 24px;
	padding: 0 5px 0 0;
	margin:0;
	text-shadow: 0px 0px 3px rgba(255,255,255,1),0px 0px 1px rgba(255,255,255,1);
}
.drawer-menu ul.social li a:hover{ color:rgba(255,255,255,1);
text-shadow: 0px 0px 2px rgba(0,0,0,.8);
border:none;}*/
/*---------------------------------------------------□□□1-*/
.must_upper{
	padding: 2px 0 0 1%;
	width: 99%;
	margin: 0 auto;
}

.must_box{
	width: 46.5%;
	float: left;
	margin-right: 4%;
	transition: ease 0.4s;
	text-align: center;
	font-size: 11px;
}
.must_box:nth-child(even){	margin-right:0;}

.must_btn05,.must_btn06,.must_btn07,.must_btn08{
	width: 100%;
	float: left;
	margin: 0 2px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border: #fff 3px solid;
	box-sizing: border-box;
	height: 95px;
	transition: ease 0.4s;
}
.must_btn05{
	background: url(../images/toppage/top-link02.jpg) no-repeat center #fff;
	background-size: contain;
}
.must_btn06{
	background: url(../images/toppage/top-link01-1.png) no-repeat center;
	background-size: cover;
}
.must_btn07{
	background: url(../images/toppage/top-link03.jpg) no-repeat center;
	background-size: cover;
	margin-right:0;
}
.must_btn08{
	background: url(../images/toppage/top-link04.jpg) no-repeat center;
	background-size: cover;
	margin-right:0;
}
.must_btn05:hover,.must_btn06:hover,.must_btn07:hover,.must_btn08:hover{
	opacity: 0.7;

}
.must_btn05 img,.must_btn06 img,.must_btn07 img{}



/*---------------------------------------------------□□□2-*/
.must{}
.must_btn01,.must_btn02,.must_btn03,.must_btn04{
	width: 50%;
	float: left;
	color: rgba(255,255,255,1);
	text-align: center;
	padding: 20px 0 25px;
	font-size: 10px;
	line-height: 2.4em;
	transition: ease 0.2s;
}
.must_btn01 span,.must_btn02 span,.must_btn03 span,.must_btn04 span{
	font-size: 48px;
}
.must_btn01 strong,.must_btn02 strong,.must_btn03 strong,.must_btn04 strong{
	font-size: 14px;
	display: block;
	font-weight: normal;
	padding: 0;
	line-height: 1em;
}
.must_btn01{
	background-color: #848484;
}
.must_btn01:hover{
	background-color: rgba(0,153,153,1);
}
.must_btn02{
	background-color: #6c6c6c;
}
.must_btn02:hover{
	background-color: rgba(204,51,51,1);
}
.must_btn03{
	background-color: #7b7b7b;
}
.must_btn03:hover{
	background-color: rgba(153,204,0,1);
}
.must_btn04{
	background-color: #919191;
}
.must_btn04:hover{
	background-color: rgba(51,204,153,1);
}

/*------------------------------------------------------------------------TRACE PASS*/
.trace{
	padding: 5px 5% 5px 2%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 40px 0 10px 0;
	font-size: 12px;
	color: rgba(134,134,134,1);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 93%;
}
.trace:after{content:'...';}
.trace a{
	color: rgba(108,163,183,1);
}
.trace a:hover{
	color: rgba(0,102,204,1);
}
.trace a:after{
	content:' / ';
}

/*--------------------------------------------------------------------------------------------------------------
                                                       ARCIVES
--------------------------------------------------------------------------------------------------------------*/

.archive-era{
	font-size: 62px;
	display: block;
	color: rgba(255,255,255,1);
	text-shadow: 0px 0px 4px rgba(51,51,51,0.7);
	text-align: center;
	margin: 50px auto 20px;
	clear: both;
	line-height: 1em;
	font-family: Quicksand, sans-serif;
}
.tube{
	float: right;
	padding: 15px;
}

.archlist{
	padding-bottom: 25px;
	color:#666666;
	font-size:10px;
	margin-top: 5px;
	border-bottom: 1px dotted #e9e9e9;
}
.archlist p{ }

.archlist a img{ border: #e9e9e9 1px solid; }
.archlist a:hover img{ border: #666 1px solid; 
}
.arch-photo{
	/* [disabled]min-width: 360px; */
	/* [disabled]background-image: url(../images_2015/archives/arch-photo.png); */
	/* [disabled]background-repeat: no-repeat; */
	background-position: 0px 0px;
	border: 1px solid #CECECE;
	display: block;
	padding: 10px;
	/* [disabled]font-size: 12px; */
}
.arch-photo:hover{
	box-shadow: 1px 2px 3px 0px rgba(153,153,153,.5)
}
.arch-photo.ap1{
	margin: 0 auto 15px;
	border-radius: 5px;
}
.arch-photo.ap1 a{
	color: rgba(51,51,51,1);
}
.arch-photo.ap2{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 310px;
}
.arch-photo.ap3{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 310px;
}
.arch-photo.ap4{
	position: absolute;
	right: 179px;
	top: 196px;
	width: 380px;
}
.arch-photo img{
	width: 180px;
	margin: 5px auto;
	height: auto;
	display: block;
}
.arch-photo-end{
	width: 160px;
	float: left;
	background-position: center 22px;
	background-repeat: no-repeat;
}
.arch-photo-end img{
	width: 120px;
	margin: 10px 0 15px 19px;
}
.gallery-date{
	padding: 5px 0 10px 0px;
	font-size: 18px;
	display: block;
	font-family: Quicksand, sans-serif;
	text-align: center;
}
.archive-unit{
	/* [disabled]position: relative; */
	/* [disabled]min-height: 180px; */
}
.archive-unit.height300{
	min-height: 360px;
}

.effect{
	opacity:1;
/*	transform: translate(0,110px);
	-webkit-transform: translate(0,110px);
	transition: 1s;*/
}
.effect.postover{
/*		opacity:1;*/
}
.award-box{
	padding: 0 1em 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: #CECECE 1px solid;
	background-color: rgba(255,255,255,1);
}
.award-box-b{}
.cont-east{
	color: rgba(102,102,102,1);
	padding-bottom: 80px;
}
.img-left{}
.year-icon{}
.ano{}
.cont-east h2{}
.archive-cont h4{
	padding: 0 0 20px 0;
	font-size: 20px;
	font-weight: normal;
	color: rgba(72,158,187,1);
	line-height: 1.3em;
}
.menu-purp{
	background-color: rgba(125,186,206,1);
	color: #fff;
	padding: 5px;
	margin-bottom: 1em;
	font-weight: bold;
}
.archive-cont strong{
	color: rgba(99,172,197,1);
	padding: 3px 10px;
	font-weight: normal;
	border-radius: 18px;
	margin-top: 2em;
	display: inline-block;
	margin-right: 10px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}
.archive-tube{
	display: block;
	width: 100%;
	margin: 20px 0;
}
.archive-tube iframe{ width:100%;}
.double-tube{
	width: 500px;
	float: left;
	margin-bottom: 20px;
}
.award-fig{
	/* [disabled]width: 310px; */
	/* [disabled]padding-left: 30px; */
	margin: 1em 0;
}
.award-fig img{width:100%; height:auto;}
.award-fig-text{
	/* [disabled]width: 410px; */
}
.cinema-icon{
	width: 100%;
	padding: 30px 0;
}
.youtube{
 position: relative;
 padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
 height: 0;
 overflow: hidden;
}
 
.youtube iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.award-box-b{
	padding: 1em;
}
.award-box{
	padding: 1em;
	border: 1px solid #ccc;
	border-radius: 18px;
	margin-bottom: 2em;
}
.award-box h3{
	font-size: 22px;
	color: rgba(168,130,15,1);
	font-weight: normal;
	text-align: left;
}
.award-box h3 span.ro{
	display: block;
	font-weight: bold;
	font-size: 12px;
	color: rgba(255,255,255,1);
	width: 70px;
	height: 30px;
	padding: 30px 5px 20px;
	background-color: rgba(168,130,15,1);
	border-radius: 50%;
	float: left;
	text-align: center;
	margin: 0 5px 0 0;
}
.award-box h3 span.roro{
	display: block;
	font-weight: bold;
	font-size: 11px;
	color: rgba(255,255,255,1);
	width: 74px;
	height: 50px;
	padding: 10px 3px 20px;
	background-color: rgba(168,130,15,1);
	border-radius: 5px;
	float: left;
	text-align: center;
	margin: 0 5px 0 0;
	line-height: 1.3em;
}
.award-box h3 span.sc{
	display: block;
	font-size: 12px;
	/* [disabled]width: 200px; */
	padding: 5px;
	border: rgba(168,130,15,1) 1px solid;
	margin: 5px 0 0 90px;
	text-align: center;
}
.award-box em{
	font-style: normal;
	font-size: 85%;
}
.ssff-box{
	padding: 1em;
	border: 1px solid #ccc;
	border-radius: 18px;
}
span.note{
	font-size: 85%;
}
.archive-cont{
	padding-bottom: 90px;
}
.archive-cont a{
word-break: break-all;
}
.archive-cont ul{
	padding: 0 0 3em 2em;
}
.img-left.year-icon img{
	width: 200px;
	height: auto;
	margin: 0 auto 20px;
}

.img-left{
	/* [disabled]margin: 5px auto 20px; */
}
.img-left img{
	display: block;
	vertical-align: text-bottom;
}
.ano{
	padding: 15px;
	border: 1px solid #ccc;
	margin-bottom: 3em;
	border-radius: 10px;
}
.each_head h1{
	display: block;
	width: 96%;
	margin: 0 auto;
	color: rgba(255,255,255,1);
	padding-top: 130px;
	text-shadow: 1px 1px 3px rgba(0,0,0,1), -1px -1px 3px rgba(0,0,0,1), 0px 0px 2px rgba(0,0,0,1);
	font-weight: normal;
	font-size: 18px;
	padding: 100px 2% 0;
}
select.archive-select{
	padding: 4px 10px;
	border: #ccc 1px solid;
	border-radius: 15px;
	font-size:16px;
}

img.wideimg{width:100%; height:auto; margin:30px 0;}

/*-----------------------------------------------------*/
.each_head.call4_red{
	height: 350px;
	border-bottom: #c30 10px solid;
}
.each_head.call4_green{
	height: 350px;
	border-bottom: #2ab100 10px solid;
}
.each_head.call4_blue{
	height: 350px;
	border-bottom: #32a0fe 10px solid;
}
.each_head.call4_yellow{
	height: 350px;
	border-bottom: #fdf164 10px solid;
}
.each_head.call4_y-green{
	height: 350px;
	border-bottom: #DFEB50 10px solid;
}
.each_head.call4_orange{
	height: 350px;
	border-bottom: #F9CB42 10px solid;
}
.each_head.call4_yellow2021{
	height: 350px;
	border-bottom: #ffe148 10px solid;
}
.each_head.call4_pink{
	height: 350px;
	border-bottom: #F3A0D9 10px solid;
}
.each_head.call4_gray{
	height: 350px;
	border-bottom: #8b8b8b 10px solid;
}
.each_head.call4_vio{
	height: 350px;
	border-bottom: #974ac8 10px solid;
}
.head_call4{
	background-image:url(../images/common/each_head.png), url(../images/top-call4.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_call4_am{
	background-image:url(../images/common/each_head.png), url(../images/top-call4_am.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.each_head.call4_red h1,
.each_head.call4_vio h1,
.each_head.call4_gray h1,
.each_head.call4_yellow h1,
.each_head.call4_yellow2021 h1,
.each_head.call4_pink h1,
.each_head.call4_y-green h1,
.each_head.call4_orange h1,
.each_head.call4_blue h1,
.each_head.call4_green h1{
	display: block;
	margin: 0 auto;
	color: rgba(255,255,255,1);
	padding-top: 230px;
	background: url(../images/call4/call_for_logo21.png) no-repeat center bottom;
	background-size: 120px;
	text-indent: -120%;
	overflow: hidden;
	white-space: nowrap;
}
img.right-float{
	/* [disabled]float: right; */
	display: block;
	margin: 0 auto 20px;
	width: 80%;
	height: auto;
}

/*-----------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------
                                                       headdesign
--------------------------------------------------------------------------------------------------------------*/

.head_about{
	background-image:url(../images/common/each_head.png), url(../images/top-images_about.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_streaming{
	background-image:url(../images/common/each_head.png), url(../images/top-streaming.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_creators{
	background-image:url(../images/common/each_head.png), url(../images/top-creators.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_press{
	background-image:url(../images/common/each_head.png), url(../images/top-images_press.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_event{
	background-image:url(../images/common/each_head.png), url(../images/top-images_event.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_project{
	background-image:url(../images/common/each_head.png), url(../images/top-images_project.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_biz{
	background-image:url(../images/common/each_head.png), url(../images/top-biz.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_other{
	background-image:url(../images/common/each_head.png), url(../images/top-images_intern.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_news{
	background-image:url(../images/common/each_head.png), url(../images/top-images_news_sp.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}

.head_rec{
	background-image:url(../images/common/each_head.png), url(../images/top-rec.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}


.each_head{
	height: 210px;
	border-bottom: #c30 3px solid;
}

.swipe-cat{
	float:right;
	display: block;
	text-align: center;
	border-radius: 15px;
	font-size: 12px;
	color:#fff;
}

/*------------------------------------------------------------------------------------------------
                                                Badge COLOR
-------------------------------------------------------------------------------------------------*/

.side-cat{
	float: right;
	display: block;
	text-align: center;
	border-radius: 13px;
	font-size: 10px;
	color: #fff;
	width: 90px;
	padding:2px 5px;
}
.news-cat{
	display: block;
	text-align: center;
	font-size: 12px;
	color: #fff;
	padding: 3px 0;
}
.swipe-cat{
	float:right;
	display: block;
	text-align: center;
	border-radius: 15px;
	font-size: 12px;
	color:#fff;
	padding:1px 5px;
}
.press-cat{
	float: right;
	display: block;
	text-align: center;
	border-radius: 15px;
	font-size: 12px;
	color: #fff;
}


.catcreators{
	background-color: rgba(148,210,111,1);
}

.catevent{
	background-color: rgba(198,98,98,1);
}
.catstreaming{
	background-color: rgba(67,151,169,1);
}
.catproject{
	background-color: rgba(186,165,114,1);
}



/*--------------------------------------------------------------------------------------------------
                                               Each News
---------------------------------------------------------------------------------------------------*/
.category-info{
	margin: 0 0 0 0;
	width: 100%;
	overflow: hidden;
}
.info{
	height: 250px;
	width: 47%;
	float: left;
	margin-right: 5%;
}
.info:nth-child(even){
	margin-right:0;
}
.info a{ color:rgba(153,153,153,1);}
.info a:hover{opacity:.7;}
.info-inner{
	position: relative;
}
.info-img{
	width: 100%;
	height: 100px;
	display: block;
	border: rgba(216,216,216,1) 1px solid;
	overflow: hidden;
	margin-bottom: 5px;
	background-color: rgba(242,242,242,1);
}
.info_new{
	position: absolute;
}
.info-img img{ width:100%; height:100%; object-fit: cover;}
a .info-txt{
	color: rgba(102,102,102,1);
	font-size:90%;
}
.info-date a{}

/*--------------------------------------------------------------------------------------------------
                                                INQ
---------------------------------------------------------------------------------------------------*/
.inq-box{
	margin: 0 0 60px;
-webkit-appearance: none;
}

.inq-dl{
	margin: 20px 0;
}
.inq-dl dt{
	width: 100%;
	padding: 20px 0 10px;
	border-top: 1px solid #ccc;
}
.inq-dl dd{
	width: 100%;
	padding: 10px 0 20px;
	border-top: 1px dotted #ccc;
}
.inq-dl dd.short-dd{}
.inq-dl dd.text-dd{}

.inq-dl dd input{
	padding: 10px 10px;
	width: 90%;
	border: 1px solid rgba(153,153,153,.5);
	border-radius: 5px;
}
.inq-dl dd input[type="radio"]{
	text-align:left;
	width:inherit;
	display:inline-block;
}
.inq-dl dd label{
	padding-right:2em;
}
.inq-dl dd.short-dd input{ width:100px;}
.inq-dl dd.text-dd textarea{
	padding: 6px 10px;
	width: 90%;
	border: 1px solid rgba(153,153,153,.5);
	border-radius: 5px;
	height: 15em;
}
.need{
	text-align: center;
	display: block;
	width: 30px;
	padding: 0 3px;
	vertical-align: middle;
	float: right;
	margin: 5px 10px 0 0;
	background-color: rgba(207,66,50,1);
	color: #fff;
	font-size: 12px;
}
ul.phpform-error {
	border: rgba(204,51,0,1) 1px solid;
	list-style-type: none;
	padding: 15px;
	border-radius:10px;
}
ul.phpform-error li{ color:rgba(204,51,0,1);}
.submit-but{}
.buttonArea{ clear:both;}
.buttonArea.submitStep{ text-align:center;}

.confirmStep input,.submitStep input{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:16px;
	cursor:pointer;
}
.confirmStep input{
	width: 45%;
	border: 1px solid rgba(153,153,153,.5);
	border-radius: 5px;
	padding: 10px 0;
	display: block;
	margin: 10px auto;
	float:none;
	background-color: rgba(235,242,245,.5);
}
.confirmStep input:hover,.submitStep input.edit:hover, .submitStep input.submit:hover{
	background-color: rgba(235,242,245,1);
}
.submitStep input.edit{
	width: 25%;
	border: 1px solid rgba(153,153,153,.3);
	border-radius: 5px;
	padding: 11px 0;
	display: inline-block;
	margin: 10px 40px 10px 240px;

	background-color: rgba(245,248,250,0.3);
	float: left;
}
.submitStep input.submit{
	width: 25%;
	border: 2px solid rgba(153,153,153,.8);
	border-radius: 5px;
	padding: 10px 0;
	display: block;
	margin: 10px auto;
	background-color: rgba(245,248,250,0.8);
	float: left;
	text-align: center;
}
.submitStep input.check{
	width: 50%;
	border: 2px solid rgba(153,153,153,.8);
	border-radius: 5px;
	padding: 10px 0;
	display: block;
	margin: 10px auto;
	background-color: rgba(245,248,250,0.8);
	float: none;
	text-align: center;
}
.checked{ display:none;}
.inq-box-finish{
	margin: 180px 0 60px;
}
select.inq-select{padding:5px 10px;	border: 1px solid rgba(153,153,153,.5);
	border-radius: 5px;}
.error em{ font-style:normal; font-size:80%; color:rgba(204,51,0,1);}
.errorul{ list-style-type:none; padding-left:1em;}
.errorul li{ font-size:80%; color:rgba(204,51,0,1);}


/*--------------------------------------------------------------------------------------------------
                                             WORD PRESS
---------------------------------------------------------------------------------------------------*/

.social-single{}
.social-single .fb{ width:100px; display:inline-block; float:left;}
.social-single .tw{
	width: 90px;
	display: inline-block;
	float: left;
	padding: 5px 0 0 10px;
}
.post,.news_en{
	padding-bottom: 100px;
	border-bottom: 1px solid #ccc;
}
#sidebar{
	width: 96%;
	float: left;
	padding: 20px 2% 0;
	background-color: rgba(255,255,255,1);
	margin-bottom: 60px;

}
#sidebar ul{
	list-style-type:none;
}
#sidebar ul li{
}
#sidebar ul li a{
	font-size: 14px;
	color: rgba(102,102,102,1);
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid rgba(204,204,204,1);
}
#sidebar ul li a:hover{
	color: rgba(60,154,223,1);
}
input.submit_btn{
	font-family: 'icomoon';
	font-size: 18px;
	padding: 5px 5px;
	border: 0;
	border-radius: 15px;
	background-color: rgba(190,190,190,1);
	color: #fff;
	cursor: pointer;
	height: 32px;
	width: 32px;
	position: relative;
	top: 2px;
}
input.submit_btn:hover{
	background-color: rgba(51,153,204,1);
}
input.search_input{
	border: 1px solid #ccc;
	padding: 5px;
	height: 20px;
	width: 80%;
	line-height: 1;
	border-radius: 5px;
}
.unit2c{
	width: 100%;
	margin: 0 auto;
}
.inner2c{
	width: 96%;
	padding: 0 2%;
}
.inner2c img,img.size-large,img.size-full{
	max-width: 100% !important;
	height: auto;
}
.wp-caption, .alignnone {
	max-width: 100% !important;
}
h2.sidebarh2{
	font-size: 18px;
	padding: 30px 0;
}
#sidebar select{
	padding: 2%;
	border: 1px solid #ccc;
	width: 96%;
}


.news-box{
	width: 47%;
	float: left;
	margin: 30px 5% 0 0;
	height: 450px;
}
.news-box:nth-child(odd){
	margin-right: 0px;
}

.news-box a{
	color: rgba(122,122,122,1);
	transition: ease 0.4s;
}
.news-box a:hover{ opacity:0.7;}
.news-txt{
	font-size: 12px;
	border-top: 1px solid #ccc;
	padding-top: 8px;
}
.news-txt span{
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	color: rgba(102,102,102,1);
}
.news-tmb{
	width: 100%;
	height: 100px;
	display: block;
	overflow: hidden;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.news-tmb img{ width:100%; height:100%; object-fit: cover;}
.navigation{
	clear: both;
	/* [disabled]padding: 60px 0; */
	margin: 60px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
}
.navigation .alignleft a{
	width: 48%;
	float: left;
	display: block;
	padding: 1%;
	transition:ease .4s;
}
.navigation .alignright a{
	display: block;
	width: 47.5%;
	float: right;
	text-align: right;
	border-left: 1px solid #ccc;
	padding: 1%;
	transition:ease .4s;
}
.navigation .alignleft a:hover{
	background-color: rgba(232,243,244,0.5);
	padding-left: 0;
}
.navigation .alignright a:hover{
	background-color: rgba(232,243,244,0.5);
	padding-right:0;
}
.tags:before{
	content:'TAGS';
	display:block;
	padding:0 0 5px;
}
.tags a{
	padding: 5px;
	border: 1px solid #ccc;
	color: rgba(102,102,102,1);
	border-radius: 5px;
	margin: 0 10px 10px 0;
	display: inline-block;
	float: left;
	transition: ease .4s;
	font-size: 14px;
	}
.tags a:hover{
	background-color: rgba(232,243,244,0.5);
	}
/*--------------inq*/

.inq-a{
	font-size: 14px;
	display: block;
	padding: 10px 10px 0 0;
	background-color: rgba(253,253,251,1);
	text-align: center;
}
.inq-c{
	display: block;
	width: 80%;
	padding: 3px 10px;
	text-align: center;
	background-color: rgba(253,253,251,1);
	border: 1px solid rgba(75,189,214,1);
	-webkit-border-radius: 25px;
	border-radius: 25px;
	margin: 20px auto 0;
}
.inq-boc{
	background: url(../images/dotted-line-smp.gif) repeat-y center;
	margin-right: 0px;
	margin: 0 0 20px 0;
}
span.mailat:after,em.mailat:after{
	content:'@';
}
.inner.padding-inner{
	padding-bottom: 90px;
}
/*---------------------------------------------------------------------------------------------PRESS */

.press-box{
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #ccc;
	color:rgba(102,102,102,1);
}
.press-tmb{
	width: 8%;
	float: left;
	margin: 0 2% 0 0;
}
.press-tmb img{ width:100%; height:auto;}
.press-date{}
.press-txt{
	float: left;
	width: 1000px;
	font-size: 14px;
}
.press-tmb~.press-txt{
	float: left;
	width: 90%;
	font-size: 14px;
}
.press-txt span{
	font-size:18px;
}
.press-title{}
.press-dl{
	padding-top: 20px;
}

/*-------------------------------------------------------------------------------------------project-*/
.category-guide{
	padding-bottom: 20px;
	border-bottom: 1px solid #CECECE;
	margin-top: 20px;
}
.category-img{
	width: 250px;
	height: 150px;
	overflow: hidden;
	border: 1px solid #ccc;
	margin: 0 auto;
}
.category-img img{
	width: 100%;
	height:100%;
	object-fit: cover;
}
.category-text{
	padding: 20px 20px 0;
	font-size: 90%;
	/* [disabled]line-height: 0.8em; */
}
.category-text p strong{
	line-height:0.8em;
	font-size: 18px;
	margin: 0 0 0 0;
	padding:0;
	font-weight: normal;
}
.wide-tube{
	margin: 3em 0;
	padding: 1em 0;
}
.wide-tube iframe{ width:100%;}
.fig-about{
	margin: 1em 0;
	background: url(../images/about/about-ssff-sp.jpg) no-repeat center;
	height: 750px;
	background-size: contain;
	padding: 10px;
}
.fig-about-e{
	margin: 1em 0;
	background: url(../images/about/about-ssff-sp-e.jpg) no-repeat center;
	height: 750px;
	background-size: contain;
	padding: 10px;
}
/*-------------------------------------------------------------------------------------------------BIZ-*/

.biz_fikudashi_a{
	width: 80%;
}
.biz_fikudashi_b{
	width: 90%;
	float: right;
}
.fukidashi-a{
	padding: 20px;
	border: 1px solid #aaa;
	margin: 20px 0 10px;
	border-radius: 20px;
	position: relative;
	font-size: 14px;
}
.fukidashi-a:before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 90px;
  bottom: -25px;
  border-top: 25px solid #aaa;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
.fukidashi-a:after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 90px;
  bottom: -23px;
  border-top: 25px solid #fff;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
.fukidashi-b{
	padding: 10px 20px;
	border: 1px solid #aaa;
	margin: 10px 0 10px 0;
	border-radius: 20px;
	position: relative;
	font-size: 14px;
}
.fukidashi-b:before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right:50%;
  bottom: -25px;
  border-top: 25px solid #aaa;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
.fukidashi-b:after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: 50%;
  bottom: -23px;
  border-top: 25px solid #fff;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}

img.biz-img{
	width: 80px;
	height: auto;
	margin: 0 0 0 10px;
}
img.biz-img-r{
	width: 90px;
	height: auto;
	float: right;
	margin: 0 5% 0 0;
}

/*--------------------------------------------------------------------------------------------RECRUIT-*/
/*-□□□-*/
.rec_box{
	width: 96%;
	margin: 5px auto 0;

}
.rec_btn a{
	width: 100%;
	display: block;
	padding: 10px 0;
	border: 1px solid #ccc;
	font-size: 18px;
	color: rgba(102,102,102,1);
	text-align: center;
}
.rec_btn:nth-child(2) a{
	border-top: none;
	border-bottom: none;
}
.rec_btn:nth-child(1) a{
	border-radius: 8px 8px 0px 0px;
}
.rec_btn:nth-child(3) a{
	border-radius: 0px 0px 8px 8px;
}
.rec_btn a:hover{
	background-color: rgba(191,227,234,1);
	color: #fff;
}
.rec_btn a.disable{
	background-color: rgba(204,204,204,.5);
	cursor: default;
	color: rgba(153,153,153,1);
}
h3.rech3{
	font-size: 20px;
	padding: 2em 0 1em;
	color: rgba(72,60,134,1);
	text-align: center;
}
h4.rech4{
	font-weight: normal;
	font-size: 18px;
	padding: 1em 0 0.8em 0.5em;
}
/*-------------------------------------------------------------------------------------------EVENT-*/
.sch{
    max-width: 800px;
    min-width: 300px; 
    margin: 2.0833% auto;
}
.small-container {
  padding-bottom: 50px;
}
.big-container {
  display: none;
}

.iframe-container {
  position: relative;
  overflow: hidden;
		height:560px;
}
.iframe-container iframe,   
.iframe-container object,  
.iframe-container embed {
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
		hight:300px;
}

/*--------------------------------------------------------------------------------------Cpmingsoon-*/
.comingsoon{
	padding: 150px 0;
	font-size: 30px;
	text-align: center;
	margin-bottom: 100px;
	border: 1px solid #ccc;
	border-radius: 20px;
}

/*---------------------------------------------------------------------------------------------------
                                                   RAYOUT
																																																			------
																																																			DESIGN
----------------------------------------------------------------------------------------------------*/
.wide-tube iframe{
	display: block;
	margin: 0 auto;
}

.half-box{
	width: 50%;
	float: left;
}

.one_third{
	width: 100%;
}
.two-third{
	width: 70%;
}
.one_third img,
.two-third img{
	width: 90%;
	height: auto;
	margin: 0.5em auto 50px;
	display: block;
}
ul.about{
	margin: 0 0 0 30px;
}
ul.about li{
	list-style-type: circle;
	padding: 0 0 5px 0;
}
.staff-box{
	width: 100%;
}
.staff{
	width: 100%;
	font-size: 13px;
	color: rgba(102,102,102,1);
	margin-bottom: 60px;
}
.staff:nth-child(3n){
	margin-right: 0;
}
.staff-box p{
	padding:0 1em;
}
.staff-name{
	font-size: 18px;
	padding-bottom: 10px;
	color: rgba(51,51,51,1);
	text-align: center;
}
.staff-img{
	width: 150px;
	height: 150px;
	margin: 0 auto 15px;
	overflow: hidden;
	border-radius: 50%;
}
.staff strong{
	display: block;
	padding-bottom: 0.5em;
	text-align: center;
}

.staff-img img{width:100%; height:100%; object-fit: cover;}



/*--------------------------------------------------------------------------------------------------
                                             (a) LINK BTN
---------------------------------------------------------------------------------------------------*/

a.bluelink{
	text-decoration: underline;
	color:rgba(51,153,204,.7);
}
a.bluelink:hover{
	text-decoration: none;
	color:rgba(51,153,204,1);
}
a.btn-a,a.btn-a2,a.btn-a3,a.btn-a5{
	display: inline-block;
	padding: 1px 14px 0px 10px;
	margin: 5px 0;
	color: #39C;
	border: 1px solid rgba(51,153,204,.5);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	transition: 0.2s ease;
	-webkit-animation: 0.2s ease;
	font-size: 14px;
}
a.btn-a4{
	display: block;
	padding: 8px 14px 6px 10px;
	margin: 10px 0;
	color: #39C;
	border: 1px solid rgba(51,153,204,.5);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	transition: 0.2s ease;
	-webkit-animation: 0.2s ease;
	font-size: 18px;
	text-align: center;
	background-color: rgba(231,242,245,.6);
}

a.btn-a:after{
	content:'\f105';
	font-family:'icomoon';
	position:relative;
	right:-8px;
	top:2px;
	font-size:16px;
}
a.btn-a5:after{
	content:'\f019';
	font-family:'icomoon';
	position:relative;
	right:-8px;
	top:2px;
	font-size:16px;
}
a.btn-a2:after{
	content:'\ea7e';
	font-family:'icomoon';
	position:relative;
	right:-8px;
	top:2px;
	font-size:14px;
}
a.btn-a3:after{
	content:'\f1c1';
	font-family:'icomoon';
	position:relative;
	right:-8px;
	top:2px;
	font-size:14px;
}
a.btn-a6{
	display: block;
	padding: 3px 0 5px 0;
	margin: 5px auto;
	color: rgba(255,255,255,1);
	border: 1px solid rgba(255,255,255,1);
	background-color: rgba(51,153,204,.8);
	-webkit-border-radius: 4px;
	border-radius: 10px;
	transition: 0.2s ease;
	-webkit-animation: 0.2s ease;
	font-size: 18px;
	width: 250px;
	text-align: center;
}
a.btn-a6.a6-blank:after{
	content:'\ea7e';
	font-family:'icomoon';
	position:relative;
	top:2px;
	padding-left:5px;
}
a.btn-a:hover,a.btn-a2:hover,a.btn-a3:hover,a.btn-a4:hover,a.btn-a5:hover{
	background-color: rgba(51,153,204,.8);
	color:rgba(255,255,255,1);
}
a.btn-a6:hover{
	background-color:rgba(255,255,255,1);
	color: rgba(51,153,204,.8);
	border: 1px solid rgba(51,153,204,.8);
}
.blue-strong{
	clear: both;
	text-align: center;
	padding: 10px 0;
	color: rgba(92,173,214,1) !important;
	font-weight: bold;
}

/*--------------------------------------------------------------------------------------------------
                                            MAIL MAGAZINE
---------------------------------------------------------------------------------------------------*/

.mail_form2{
	font-size: 18px;
	padding: 30px 15px;
}
.mail_form1{}
.mail_form1 input{
	padding: 15px;
	width: 90%;
	border: 1px solid #ccc;
	border-radius: 25px;
}
.mail_form2 input{
	padding: 15px 0 16px 15px;
	width: 90%;
	border: 1px solid #ccc;
	border-radius: 25px;
}
input.btn_kaizyo{
	border-radius: 25px;
	margin-left: 5px;
	cursor: pointer;
	padding: 13px 13px 13px 0;
	box-sizing: border-box;
	width: 80%;
}
input.btn_touroku{
	cursor: pointer;
	border-radius: 5px;
	margin-left: 1.5%;
}
input.btn_kaizyo:hover,
input.btn_touroku:hover{
	background-color: rgba(158,223,248,1);
}

.mail_f01{
	width: 100%;
}
.mail_f02{}
.mail_f03{}
.mail_f04{}

table.mailmag{
	display: table-cell;
}
table.mailmag td{
	display: block;
	width: 100%;
	text-align: center;
}

/*--------------------------------------------------------------------------------------------------
                                          MODAL
---------------------------------------------------------------------------------------------------*/
#modal-close{
	float: right;
	margin-bottom: -50px;
}
#modal-content {
	width: 96%;
	margin: 0;
	padding: 120px 0 0 0;
	position: fixed;
	z-index: 9998;
	border-radius: 10px;
	height: 100%;
}

#modal-content .datamodal a{
	display: block;
	margin: 10px auto;
	width: 84%;
	height: 60%;
	padding: 8%;
/*	background-color: rgba(249,244,230,0.9);*/
	background-image:url(../images/top/2020.bg.jpg);
	background-size:cover;
	border-radius: 20px;
	color: rgba(51,51,51,1) !important;
	font-size: 16px;
}
.datamodal img{
	width: 100%;
	height: auto;
}
/*--------------------------------------------------------------------------------------------------
                                             Call 4 2020 (ヘッダのみ上で処理)
---------------------------------------------------------------------------------------------------*/
h1.call4h1{
	font-family: 'Quicksand', sans-serif;
	font-weight: 500;
	font-size: 28px;
	text-align: center;
	padding: 0.5em 0 2em;
  color: #009999;
  background: -webkit-linear-gradient(0deg, #CC3300,#CC3300, #0099CC, #009999, #009999);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h1.call4redh1{
	font-family: 'Quicksand', sans-serif;
	font-weight: 500;
	font-size: 30px;
	text-align: left;
	padding: 0em 0 0.8em;
	line-height: 1.2em;
}
.call4_redhead{
	border-left: #c30 15px solid;
	padding: 0 0 0 10px;
	margin: 30px 0 50px 0;
}
.call4_greenhead{
	border-left: #2ab100 15px solid;
	padding: 0 0 0 10px;
	margin: 30px 0 50px 0;
}
.call4y-greenhead{
	border-left: #DFEB50  15px solid;
	padding: 0 0 0 10px;
	margin: 30px 0 50px 0;
}
.call4bluehead{
	border-left: #32a0fe 15px solid;
	padding: 0 0 0 10px;
	margin: 30px 0 50px 0;
}
.call4yellowhead{
	border-left: #fdf164 15px solid;
	padding: 0 0 0 10px;
	margin: 30px 0 50px 0;
}
.call4yellow2021head{
	border-left: #ffe148 15px solid;
	padding: 0 0 0 10px;
	margin: 30px 0 50px 0;
}
.call4pinkhead{
	border-left: #F3A0D9 15px solid;
	padding: 0 0 0 10px;
	margin: 30px 0 50px 0;
}
.call4orangehead{
	border-left: #F9CB42 15px solid;
	padding: 0 0 0 10px;
	margin: 30px 0 50px 0;
}
.call4grayhead{
	border-left: #8b8b8b 15px solid;
	padding: 0 0 0 10px;
	margin: 30px 0 50px 0;
}

.call4viohead{
	border-left: #974ac8 15px solid;
	padding: 0 0 0 10px;
	margin: 30px 0 50px 0;
}

.call4_redhead p{	line-height: 1.5em !important;}
table.call4{
	margin: 20px 0 0 0;
}
table.call4 th{
	font-weight: normal;
	padding: 10px 0;
	font-size: 14px;
	width: 100%;
	display: none;
}
table.call4 td{
	border: 1px solid #fff;
	vertical-align: middle;
	width: 100%;
	display: block;
}
td.first4{
	font-weight: bold;
	font-size: 18px;
}
td.first4 em{
	font-weight: normal;
	font-style: normal;
	display: block;
	margin: 10px 0 0 0;
	font-size: 14px;
}
td.first4 a{
	font-weight: normal;
	display: block;
	color: rgba(255,255,255,1);
	font-size: 14px;
	padding: 10px;
}
td.second4{
	font-size: 14px;
	text-align: center;
	padding:5px 0;
}
td.third4{
	text-align: center;
	font-size: 14px;
	padding:5px 0;
}
td.four4{
	font-size: 14px;
	text-align: center;
	padding:5px 0;
}
td.fifth4{
	font-size: 14px;
	padding:5px 0;
}
td.fifth4 a{
	color: rgba(51,51,51,1);
	display: block;
	padding: 20px 0;
	text-align: center;
}

.first4 a:hover,
.fifth4 a:hover{
	opacity:.7;
}
a.big-btn {
	font-size: 24px;
	padding: 15px 0;
	display: block;
	text-align: center;
	background-color: #2674C1;
	color: #fff;
	width: 100%;
	margin: 20px 0;
	transition: background-color 0.4s;
}
a.big-btn:hover{
	background-color: rgba(120,164,245,0.7);
}
a.big-btn-back {
	font-size: 24px;
	padding: 15px 0;
	display: block;
	text-align: center;
	background-color: #0AC0E0;
	color: #fff;
	width: 100%;
	margin: 20px auto;
	transition: background-color 0.4s;
}
a.big-btn-other {
	font-size: 20px;
	padding: 10px 0;
	display: block;
	text-align: center;
	background-color: #0AC0E0;
	color: #fff;
	margin: 20px auto;
	transition: background-color 0.4s;
}
a.big-btn-sony {
	font-size: 20px;
	padding: 10px 0;
	display: block;
	text-align: center;
	background-color: #C5D665;
	color: #fff;
	margin: 20px auto;
	transition: background-color 0.4s;
}
a.big-btn-sony:hover{
	background-color: rgba(207,223,142,0.7);
}
a.big-btn-back:hover{
	background-color: rgba(74,213,232,0.7);
}
a.big-btn-other:hover{
	background-color: rgba(74,213,232,0.7);
}
a.big-btn-shortfilm {
	font-size: 14px;
	padding: 5px 0 55px;
	display: block;
	text-align: center;
	color: #fff;
	width: 100%;
	margin: 10px auto 20px;
	background: url(../images/call4/sfd_logo_2019.png) no-repeat center 30px #9ED127;
	background-size: 200px;
	background-color: #63C016;
	transition: background-color 0.4s;
}
a.big-btn-freeway {
	font-size: 14px;
	padding: 5px 0 55px;
	display: block;
	text-align: center;
	color: #fff;
	width: 100%;
	margin: 20px auto 10px;
	background: url(../images/call4/filmfreeway-logo.png) no-repeat center 26px #9ED127;
	background-size: 180px;
	background-color: #0C8AC0;
	transition: background-color 0.4s;
}
a.big-btn-shortfilm:hover {
	background-color: #9BEC59;
}
a.big-btn-freeway:hover  {
	background-color: #3DBCF3;
}
img.basic_img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}


/*-------------------flow----------------------*/
.flow4{
	/* [disabled]border-top: 1px solid #ccc; */
}
.flow4-no{
	border-bottom: 1px solid #ccc;
	width: 100%;
}

.flow4-no-f{
	position: relative;
	font-size: 18px;
	padding: 1.5em 0 0.5em 1em;
	text-align: center;
}
.flow4-no-a{
	clear: both;
	height: 10px;
	text-align:center;
}
.flow4-no-a span{
	font-size: 24px;
	color: rgba(0,153,204,.5);
}
.flow4-no-f span{
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 40px;
	font-style: italic;
	vertical-align: middle;
	padding-right: 10px;
	color: rgba(51,51,51,.8);
}
.flow4-no-b{
	padding: 0.5em 0 2em 0;
	text-align: center;
	font-size: 14px;
}
.qa4{
	padding: 10px;
}
h3.qa4h3{}
.qa4_q{
	padding: 1em 0 0.5em 0;
	position: relative;
	border-bottom: 1px dotted #ccc;
}
.qa4_a{
	padding: 0.5em 0 0.5em 1.2em;
	/* [disabled]position: relative; */
	border-bottom: 1px solid #ccc;
	margin-bottom: 3em;
	font-size: 14px;
}
.qa4_q span{
	font-size: 38px;
	font-family: "Times New Roman", Times, serif;
	color: #d62a2a;
	/* [disabled]position: absolute; */
	/* [disabled]left: 0px; */
	/* [disabled]width: 40px; */
	display: block;
	/* [disabled]top: -5px; */
	/* [disabled]text-align: center; */
}
.qa4_a span{
	font-size: 38px;
	font-family: "Times New Roman", Times, serif;
	color: #0066CC;
	/* [disabled]position: absolute; */
	/* [disabled]left: 0px; */
	/* [disabled]width: 40px; */
	display: block;
	/* [disabled]top: 25px; */
	/* [disabled]text-align: center; */
}
.qa4 ul{}
.qa4 ol{
	margin-top: 1.5em;
}
.qa4 ul li{}
.qa4 ol li{
	padding: 0 0 0.3em 0;
	margin-left: 2em;
}
.call4_inner{
	padding: 0;
}
h3.call4h3_red{
	background: url(../images/call4/h24_red.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_blue{
	background: url(../images/call4/h24_blue.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_yellow{
	background: url(../images/call4/h24_yellow.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_y-green{
	background: url(../images/call4/h24_y-green.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_orange{
	background: url(../images/call4/h24_orange.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_yellow2021{
	background: url(../images/call4/h24_yellow2021.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_pink{
	background: url(../images/call4/h24_pink.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_gray,h3.call4h3_gray_border{
	background: url(../images/call4/h24_brand.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 18px;
	font-weight: bold;
}
h3.call4h3_vio{}
h3.call4h3_green{
	background: url(../images/call4/h24_green.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
ol.call4ol,ul.call4ul {
	margin-left: 20px;
}
ul.call4ul { list-style-type:none;}
.call4ul li{
	padding: 0.5em;
	text-indent:-1em;
}
.call4ul li:before{
	content:'・'
}
.call4ol li{
	padding: 0.5em;
	color: rgba(51,51,51,1);
	margin-left: 1em;
}
.call4_note{
	padding: 20px 10px;
	background-color: #ecf8fd;
	border: 1px solid #ccc;
	border-radius: 15px;
	margin: 0.5em 0 1em;
}
.call4_data{
	padding: 10px;
	border: 1px solid #ccc;
	margin: 0.5em 0;
	border-radius: 15px;
}
.call4note{
	background-color: rgba(255,255,51,1);
}
.call4_border{
	border: 1px solid #666;
	border-radius: 8px;
	padding: 0 10px;
}
.call4_note_am{
	padding: 100px 10px 0px 10px;
	border: 1px solid #ccc;
	border-radius: 15px;
	margin: 0.5em 0 1em;
	background: url(../images/call4/amuse.jpg) #FFFBE5 no-repeat center 5px;
	background-size: 80px;
}
.call4_note_am p{
	line-height:1.4em;
	font-size:14px;
}
/*-*/

.musical_lang{
	margin: 10px 0;
}
.musical_lang:before{
	content: 'language';
	float: left;
	background-color: #F4BE31;
	color: rgba(255,255,255,1);
	padding: 5px;
	font-weight:bold;
	border-radius: 6px 0px 0px 6px;
	border: 1px solid #ccc;
	border-right: 0;
	width: 26%;
}
.musical_lang a{
	width: 34%;
	display: block;
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	padding: 5px 0;
	color: rgba(102,102,102,1);
	transition: ease 0.3s;
}
.musical_lang a:hover{
	background-color: rgba(249,242,210,1);
}
.musical_lang a:last-child{
	border-left:0;
	border-radius: 0px 6px 6px 0px;
}
/*--------------------------------------------------------------------------------------------------
                                             Clear FIX / Utility
---------------------------------------------------------------------------------------------------*/
.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.cf {
	display: inline-block;
	min-height: 1%;
	overflow: hidden;
}
/* Hides from IE-mac \*/

* html .cf {
	zoom: 1;
}
.cf {
	clear: both;
	display: block;
}
*:first-child+html .cf{ zoom: 1; } 
.clear{clear:both;}
.smp-show{}
.pc-show{ display:none;}
.all-center{ text-align:center;}
.all-right{ text-align:right;}
hr{
	border: none;
	border-bottom: 1px solid #ccc;
	height: 1px;
	margin: 30px 0 50px;
	padding: 30px 0 50px;
	display: block;
}
hr.whitehr{}
img.smp{ width:100%; height:auto;}

/*--------------------------------------------------FONT*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?uluvr9');
  src:  url('../fonts/icomoon.eot?uluvr9#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?uluvr9') format('truetype'),
    url('../fonts/icomoon.woff?uluvr9') format('woff'),
    url('../fonts/icomoon.svg?uluvr9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-font-org04:before {
  content: "\e901";
}
.icon-font-org03:before {
  content: "\e903";
}
.icon-font-org02:before {
  content: "\e904";
}
.icon-font-org01:before {
  content: "\e905";
}
.icon-line:before {
  content: "\e900";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope-o:before {
  content: "\f003";
}
.icon-download:before {
  content: "\f019";
}
.icon-print:before {
  content: "\f02f";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-bar-chart-o:before {
  content: "\f080";
}
.icon-twitter-square:before {
  content: "\f081";
}
.icon-facebook-square:before {
  content: "\f082";
}
.icon-sign-out:before {
  content: "\f08b";
}
.icon-phone-square:before {
  content: "\f098";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-bars:before {
  content: "\f0c9";
}
.icon-navicon:before {
  content: "\f0c9";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-chevron-circle-left:before {
  content: "\f137";
}
.icon-chevron-circle-right:before {
  content: "\f138";
}
.icon-chevron-circle-up:before {
  content: "\f139";
}
.icon-chevron-circle-down:before {
  content: "\f13a";
}
.icon-youtube-square:before {
  content: "\f166";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-file-pdf-o:before {
  content: "\f1c1";
}
.icon-area-chart:before {
  content: "\f1fe";
}
.icon-pie-chart:before {
  content: "\f200";
}
.icon-line-chart:before {
  content: "\f201";
}
.icon-home3:before {
  content: "\e902";
}
.icon-tab:before {
  content: "\ea45";
}
.icon-new-tab:before {
  content: "\ea7e";
}