@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700');*/
@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');
/*@import url('https://fonts.googleapis.com/css?family=Codystar|Zilla+Slab+Highlight:400,700');*/
@import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do|Satisfy');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

html {
    scroll-behavior: smooth;
}
body {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
footer{
	clear: both;
}

/* すべてのデバイス/画面サイズに共通かつiPhone7/6Plus縦*/
/*header logo*/
#infas-logo img{
	width: 33%;
}
#infas-logo {
	text-align: right;
	top: 30px;
	right: 43px;
	position: relative;	
	z-index: 100;
}
#infas-logo{
	border-bottom: none;	
}
#form-color {
    background-color: #eee;
}
.color-no{
	color: #000;
}
#workers-pro-color{
    background-color: #000;
}
.news-box{
  width: 100%;
  height: 200px;
  background-color: #eee;
}
h1.index-title-news{
	position: absolute;
	left: 20px;
	top: -1em;
	text-align: left;
	line-height: 0.8em;
	color: #000;
	font-size: 100px;
	font-weight: 500;
	z-index: 3;
}
/*.mp-category-l{
	display: block;
}
.mp-category-s{
	display: none;
}*/
table>tbody>tr>td.pp-works-table-padding, .table>tbody>tr>td.pp-works-table-padding {
	padding: 8px;
}
.company-bg{
    background-image: url(../img/company/company01.png);
    background-position: right top;
    background-repeat: no-repeat;
	background-size: 30%;
}
.company-pro td.company-mb img {
	/*visibility: hidden;*/
	display: none;
	}
.workers-comment, .workers-comment2, .workers-comment3{
	max-width: 150px;
	max-height: 150px;
	text-align: left;
	padding-right: 10px;
	float: left;
}
.workers-comment{
	width: 13%;
	height: 13%;
}
.workers-comment2{
	width: 19%;
	height: 19%;
}
.workers-comment3{
	
	width: 25%;
	height: 25%;
	/*padding-top: 5px;*/
}
.workers-comment4{
	width: 34.5%;
	height: 34.5%;
	/*padding-top: 5px;*/
}
/*#fh5co-footer{
	position: relative;
	height: 490px;
	bottom: -490px;
}*/
.access-height, .archives-height, .content-height, .privacy-height, .company-height, .faq-height, .studio-height, .recruit-height{
	padding-bottom: 30px;
	position: relative;	
}
.access-height{
	height: 1860px;
}
.archives-height{
	height: 2400px;
}
.contact-height{
	height: 1380px;
}
.privacy-height{
	height: 650px;
}
.pp-info-height{
	height: 990px;
}
.company-height{
	height: 1150px;
}
.news-height {
    height: 1250px;
}
.faq-height{
	height: 4400px;
}
.workers-pro-height{
	height: 1400px;
}
.studio-height{
	height: 1700px;
}
.recruit-height{
	height: 1700px;
}
.mp-ourbusiness-height{
	height: 1450px;
}
.pp-ourbusiness-height{
	height: 1050px;
}
.mp-movie-height{
	height: 900px;	
	}
#pablo01, #pablo02, #L1, #L2, #L3, #reseption, #workroom, #room-a, #room-b, #yellow, #black, #red, #s1, #s2, #s3{
	padding-bottom: 80px;
}
p.mp-border-fashion{
	background: #000;
	color: #fff;
}
p.mp-border-fashion img{
	width: 100%;
}

.video-description{
    font-size: 0.9em;
	line-height: 1.8em;
    max-width: 720px;
    width: 90%;
    margin: 0 auto;
	margin-bottom: 50px;
    position: relative;
    text-align: center;
}
h5.video-title{
	margin-top: 10px;
	margin-bottom: 10px;
}
.movie-size{
	height:90%;
	width: 90%;
}
.movie-size2{
	height:65%;
	width: 65%;
}
.movie-size3{
	height:30%;
	width: 30%;
}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	 margin-bottom: 20px;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
#new-graduates{
	/*background-color: #fff;*/
	position: relative;
	top: 70px;
}
#mid-career{
	top: 0;
	position: relative;
}

.faq-sub{
	left: 100px;
}
.mouse-position { 
	top: 100px !important;
}
#fh5co-hero .overlay, #fh5co-hero .studio-4f-overlay, #fh5co-hero .studio-3f-overlay, #fh5co-hero .studio-2f-overlay, #fh5co-hero .studio-1f-overlay, #fh5co-hero .studio-bf-overlay, #fh5co-hero .studio-ss-overlay{
	background-repeat: no-repeat;
	opacity: 0.2, 1.0;	
}


#fh5co-hero .overlay{
	background-image: url(../img/overlays/02.png), url(../img/recruit/bg01.png);
}
#fh5co-hero .studio-4f-overlay{
	background-image: url(../img/overlays/02.png), url(../img/studio/4f-bg01.png);
}
#fh5co-hero .studio-3f-overlay{
	background-image: url(../img/overlays/02.png), url(../img/studio/3f-bg02.png);
}
#fh5co-hero .studio-2f-overlay{
	background-image: url(../img/overlays/02.png), url(../img/studio/2f-bg03.png); /*url(../img/studio/2f-bg02.png)*/
}
#fh5co-hero .studio-1f-overlay{
	background-image: url(../img/overlays/02.png), url(../img/studio/1f-bg02.png);
}
#fh5co-hero .studio-bf-overlay{
	background-image: url(../img/overlays/02.png), url(../img/studio/bf-bg01.png);
}
#fh5co-hero .studio-ss-overlay{
	background-image: url(../img/overlays/02.png), url(../img/studio/ss-bg04.png);
}

/*トップに戻るボタン*/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #7a7875/*#e9e6e3*/;
  opacity: 0.9;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f106';
  font-size: 27px;
  color: #fff;
  position: absolute;
  width: 30px;
  height: 30px;
  top: -13px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*下に移動ボタン*/
.arrow-down{
position: relative;
margin: 0 auto;
width: 70px;
height: 70px;
border: 1px solid;
border-color:  transparent transparent #fff #fff;
transform: rotate(-45deg);
}



/*footer conetnt list*/
.tsushin-logo-w img {
	width: 40%;
}
.eitsu-logo-w img {
	width: 45%;
	border: 1px solid #fff;
}

#fh5co-footer {
  text-align: center;
}

/*drawer menu*/
.pure-drawer ul {
    top: 43px;/*16px*/
    left: 23px;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 1.4em;
    list-style: none;
    margin-top: 20px;
}
.pure-drawer-indent {
    text-indent: 1.2em;
	font-size: 18px;
	font-weight: 400;	
}
.pure-drawer a {
    color: #fff;
}
.pure-drawer a:hover {
    color: #decc6b;
}
.pure-drawer-padding-bottom {
    padding-bottom: 20px;
}
.content-padding-bottom {
    padding-bottom: 20px;
}

/*our business*/
.category-small {
position: relative;
top: -12px;
}
.category-icon, .category-icon2 {
    /*padding-top: 13px;
    text-indent: 10px;*/
    position: relative;
    top: 10px;
}

.category-underline{
	border-bottom: 1px solid #000;
}

h1 {
	font-size: 50px;
	font-weight: 700;
	font-family: Lato, "Noto Sans JP",sans-serif;
}
h2 {
	font-weight: 700;
	font-family: Lato, "Noto Sans JP",sans-serif;	
}
#fh5co-features {
  padding: 6em 0 0 0;/*6em 0 0 0*/
}
#studio-details {
  padding: 6em 0 0 0;
}
.heading-large {
  font-size: 65px;
  line-height: 55px;
  padding-bottom: 50px;
  top: 20px;
  position: relative;
}
.btn-sm, .btn-group-sm > .btn {
    font-size: 13px;
    font-weight: 700;
	border-color: #000;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    /*color: #fff;
    background-color: #000;*/
	color: #000;
	background-color: #decc6b; 
    border-color: #000;
}
.btn-position {
	position: relative;
	z-index: 10000;
	top: -60px;
	right: -5px;
}
.btn-premium{
	background-color: #70b7ce;     
}
.article {
    font-size: 0.8em;
	padding: 20px 90px/*40px*/ 50px 90px/*40px*/;
    position: relative;
	min-height: 650px!important;
}
.article img{
	width: 100%;
    float: right;
	margin: 1.4em 0 1em 0;
}
.article a:hover {
	color: #D1B339;
}
.mp-article {
    font-size: 0.8em;
}
.mp-article img {
	width: 100%;
	margin: 37px 0 1em 0;
}
.mp-cap{
	position: relative;
	font-size: 0.9em;
	top: -7px;
}
.tv-title{
    font-weight: 500;
    font-size: 1.1em;
    letter-spacing: 0.1em;
    margin-top: 10px;
    padding: 3px 10px;
    color: #fff;
    background-color: #000;
    /*border-bottom: 1px solid #000*/
}
.division-small{
	position: relative;
	top: -140px;
	z-index: 10001;
	text-align: left;
	text-indent: 12.8em;
	letter-spacing: 0.1em;
}
.division-small2{
	position: relative;
	letter-spacing: 0.1em;

}
.division-small3{
	position: relative;
    letter-spacing: 0.5em;
}
.division-small4{
	position: relative;
	top: -140px;
	z-index: 10001;
	text-align: left;
	text-indent: 10.5em;
	letter-spacing: 0.1em;
}
.works-category{
	position: relative;
    letter-spacing: 0.1em;
	border-bottom: 1px solid #000;
}
.honbun{
	position: relative;
	top: -60px;
	line-height: 1.8em;
}
.honbun2{
	position: relative;
	top: -80px;
	font-size: 0.8em;
	line-height: 1.8em;
}
.honbun-position{
	top: -150px;
}
.honbun3{
	position: relative;
	/*font-size: 0.8em;*/
	line-height: 1.8em;	
	}
.pp-ourbusiness-logo {
    border: 1px solid;
    margin-left: 90px;
    margin-right: 90px;
    margin-top: -20px;
}
.pp-ourbusiness-logo img {
width: 100%;
    margin-top: 5px;
    margin-bottom: 0;
	
}

.division-detail{
	/*border: 1px #000 solid;*/
	background-color: #000;
	color: #fff;
	text-align: center;
	letter-spacing: 1em;
	position: relative;
    top: -30px;
	margin-bottom: 50px;
}
/*.article-sns{
	position: relative;
    top: -130px;
    left: 45px;
}*/
table.tv-intro {
	position: relative;
	top: -10px;
	width:100%;
    letter-spacing: 0.1em;
	margin-bottom: 50px;
	/*border-right:#3EB1C6 solid 1px;
	border-collapse: collapse;*/
}
table.tv-intro tbody th {
	padding:5px 0;
	width: 25%;
	font-weight: 500;
	/*background:#3EB1C6;
	color:#FFF;
	border-bottom:#FFF solid 1px;*/
	vertical-align:top;
}
table.tv-intro tbody tr:last-child th {
	/*border-bottom:#3EB1C6 solid 1px;*/
}
table.tv-intro tbody td {
	background:#FFF;
	padding:5px 0;
	/*border-left:#3EB1C6 solid 1px;
	border-bottom:#3EB1C6 solid 1px;*/
	vertical-align:top;
}
.tv-intro-sns{
	letter-spacing: 1em;
}



/* access */
.access{
	position: relative;
	/*vertical-align: bottom;*/
	padding-left: 0 25px 20px 25px;
	/*top: -30px;*/
}
.access2{
	position: relative;
	vertical-align: bottom;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 100px;
}
.faq{
	position: relative;
	vertical-align: bottom;
	padding-left: 25px;
	padding-right: 35px;/*25px*/
}
.workers-profile{
	position: relative;
	vertical-align: bottom;
	padding-left: 25px;
	padding-right: 25px;
}
.map-l img{
	width: 100%;
	max-widh: 960px;
}
.map-l-pdf {
	position: relative;
	margin-top: -25px;
	margin-right: -5px;
}
.map-cap{
	font-size: 0.9em;
	font-weight: 700;
	position: relative;
	bottom: -10px;
	letter-spacing: 0.3em;
}
.map-address, .map-address2, .map-address3 {
	position: relative;
	text-align: left;
	padding-top: -40px;
	font-size: 0.8em;
	padding-top: 40px;	
}
.map-address2 {
	padding-top: 10px;
	line-height: 1.8em;
}
.map-address3 {
	text-align: right;
	line-height: 1.8em;
	margin-top: -50px;
}

/*studio*/
.studio{
	position: relative;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 40px;
}
.studiomap-l{
	position: relative;
	margin: 0 auto;
	/*z-index: 10009;*/
	/*top: -300px;
	background-image: url(../img/studiomap-base.png);
	background-repeat: no-repeat;
	background-size: 70%;*/	
}
.studiomap-l img{
	width: 80%;
}
/*.category-icon2 {
    padding-top: 15px;
    text-indent: 8px;
	top: -20px;
    position: relative;
}*/

.pablo1, .pablo2, .l1, .l2, .l3, .yellow, .red, .black, .audios1, .audios2, .audios3, .a-st, .b-st, .workroom{
font-weight: 700;
/*font-size: 1.2em;*/
position: absolute;
margin: 0 auto;
z-index: 10010;
}
.pablo1 a:hover, .pablo2 a:hover, .l1 a:hover, .l2 a:hover, .l3 a:hover, .yellow a:hover, .red a:hover, .black a:hover, .audios1 a:hover, .audios2 a:hover, .audios3 a:hover, .a-st a:hover, .b-st a:hover, .workroom a:hover{
font-size: 1.5em;
text-align: center;	
color: #000000;

}
.pablo1{
    top: 9.5%;
    left: 33%;
}
.pablo2{
	top: 4%;
    left: 44.5%;
}
.l1{
    top: 26.8%;
    left: 30%;
}
.l2{
    top: 24.4%;
    left: 37.8%;
}
.l3{
    top: 19.3%;
    left: 45%;
}
.yellow{
    top: 41.4%;
    left: 27.6%;
}
.red{
    top: 36.6%;
    left: 40%;
}
.black{
    top: 33.7%;
    left: 44.8%;
}
.workroom{
    top: 49.8%;
    left: 40.5%;
    font-size: 0.9em;
    line-height: 0.9;
}

.audios1{
    top: 73.2%;
    left: 37.3%;
}
.audios2{
    top: 91.9%;
    left: 28.5%;
}
.audios3{
    top: 83.8%;
    left: 42.8%;
    font-size: 1em;
}
.a-st{
    top: 22.5%;
    left: 71.5%;
}
.b-st{
    top: 20.2%;
    left: 76.7%;
}
.bldg-name1, .bldg-name2{
   position: absolute;
   margin: 0 auto;
   z-index: 10011;
   letter-spacing: 0.25em;
   font-size: 0.85em;
}
.bldg-name1{
   top: -2%;
   left: 1%;
}
.bldg-name2{
	top: 5%;
	left: 60%;
}

.bldg-name1 img{
    width:50%;
}
.bldg-name2 img{
    width:50%;
}

/*.floor-no{
	width: 100%;
	position: relative;
	top: -5px;
	display: none;
	right: 33px;
	padding-bottom: 25px;
}*/
.floor-no{
	width: 100%;
	position: relative;
	top: -30px;
	display: none;
	right: 15px;
}
.job-no{
	width: 100%;
	position: relative;
	top: -30px;
	display: none;
}
.floor-btn{
    margin-bottom: 0.1em;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 0.1em;
	letter-spacing: 0;
}
.job-btn{
    margin-bottom: 0.1em;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 0.1em;
	letter-spacing: 0;
}
.floor th, .floor td{
	width: 14.28%;
	font-size: 0.6em;
	text-align: center;
	line-height: 0.6em;
	padding: 0;
	
}
.floor tbody{
	border: 1px solid #000;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 3px;
}
.table>thead>tr>th {
    vertical-align: middle;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    vertical-align: middle;
}

/* company profile */
.company{
	padding-bottom: 100px;
	margin-top: 10px;
}
.company-pro th, .company-pro td{
	vertical-align: text-top;
	line-height: 1.8em;
}
.company-pro th  { 
	width: 15%; 
	text-align: left; 
}
.company-pro td {
	padding-bottom: 20px; /*15px*/
	text-align: left;
}

.pp-info, .pp-info-b{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: 500;
}
.pp-info-b, .pp-info2-b {
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: center;	
}

table.pp-info {
	/*width: 100%;*/
	margin-top: 25px;
    /*width: 80%;*/
    margin: 0 auto;
}
.pp-info th, .pp-info td{
	vertical-align: text-top;
	line-height:0.3em;
}
.pp-info th  { 
	/*width: 3.5%; */
	padding-right: 0;
	text-align: left; 
}
.pp-info td {
	padding-bottom: 20px; /*15px*/
	text-align: left;
}
.pp-info-underline{
    border-bottom:1px solid;
    width: 350px;
    padding-bottom: 3px;
}

table.pp-info2 {
	width: 100%;
	margin-top: 40px;
}
.pp-info2 th, .pp-info2 td{
	vertical-align: text-top;
	line-height:0.7em;
}
.pp-info2 th  { 
	/*width: 3.5%; */
	padding-right: 0;
	text-align: left; 
}
.pp-info2 td {
	padding-bottom: 20px; /*15px*/
	text-align: left;
    text-indent: -5%;
}

/*pp-info2 交互に色付け*/
table.pp-info2-color td, table.pp-info2-color th {
  padding: 15px;
  letter-spacing: 0.1em;
  table-layout: inherit;
}
table.pp-info2-color th {
  font-weight: 400;
}
table.pp-info2-color td {
  width: 50%;
}
table.pp-info2-color{
    width: 70%;
    margin-bottom: 50px;
}

table.pp-info2-color tr:nth-child(even) {
  background: #fff;
}

table.pp-info2-color tr:nth-child(odd) {
  background: #f0f0f0;
}
.pp-info2{
    letter-spacing: 0.1em;
}

/* present */
.present-info{
	padding-bottom: 100px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.present-info-tb th, .present-info-tb td{
	vertical-align: text-top;
	line-height: 1.8em;
}
.present-info-tb th  { 
	width: 25%; 
	text-align: left; 
    letter-spacing: 0.2em;
}

.present-info-tb td {
	padding-bottom: 15px;
	text-align: left;
}
.present-header{
   background-color: #000;
   color: #fff;
   padding-left: 20px;
   font-size: 1.4em;
   /*border-bottom: 1px solid #000;*/
}
.present-article{
	padding-left: 15px;
	padding-right: 15px;
}
.present-button{
	margin-top:  -150px;
}
.present-under{
	text-decoration: underline;
}

.sub-title{
	font-size: 0.5em;
	position: absolute;
	left: 350px;
	top: 5px;
	}
.faq-sub{
	left: 130px;
}
.timeline-header{
	margin-bottom: 0;
	font-weight: 700;
	font-size: 2em;
}
.faq-category{
	background-color: #ebebeb/*#decc6b*/;
}
.necessary{
	color:#D90003;
}

/*recruit*/
#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro > h1 {
  font-size: 65px;
  font-weight: 500;
  text-shadow: none;
  margin-top: -100px;
  padding-bottom: 30px;
}

.category-small-w {
position: relative;
top: -10px;/*-17px*/
color: #fff;
}
h1.joinus-w{
	color: #fff;
	font-size: 4em;
}
.category-underline2 {
	border-bottom: 1px solid #fff;
}
.btn-sm-w {
	color: #fff !important;
}
.joinus-container-top{
	margin-top: -65px;
}
.studio-container-top{
	margin-top: -65px;
}
.works-container-top{
	margin-top: -65px;
}
.joinus-intro, .studio-intro{
	font-size: 0.8em;
	margin-top: -10em;
	margin-bottom: 70px;
	padding-right: 100px; /*100px*/
	padding-left: 100px; /*100px*/
	line-height: 2.1em;
}

/*arrow*/
.joinus-intro a, .studio-intro a {
  /*padding-top: 130px;*/
  color: #fff;
}
.joinus-intro a span, .studio-intro a apan {
  position: absolute;
  /*top: 0;*/
  top: 60%;
  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);
  box-sizing: border-box;
}
.joinus-btn{
	letter-spacing: 0.3em;
}
h2.career-category, h2.studio-category{
	font-size: 60px;
	letter-spacing: 1px;
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    position: relative;
    margin-top: -15px; /*-30px*/
}
h2.career-category2, h2.studio-category2{
	color: #fff;
	font-size: 60px;
	letter-spacing: 1px;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    position: relative;
     margin-top: -50px;
}
.career-category-sm, .studio-category-sm{
	position: relative;
	z-index: 20;
	margin-left: 15px;
	top: 55px;
}
.career-category-sm2, .studio-category-sm2{
	position: relative;
	z-index: 20;
	margin-right: 15px;
	top: 55px;
}
.career-honbun, .career-honbun2, .career-honbun3{
	position: relative;
    font-size: 0.8em;
    padding-left: 100px;
    padding-right: 100px;
    line-height: 2em;
}
.career-honbun{
	padding-top: 7em;	
}
.career-honbun2{
	padding-top: 40px;
    color: #fff;	
}
.career-honbun3{
	padding-top: 40px;
}
.rikunavi img{
	width: 30%;
	border: 2px solid #0068b7;
	margin-top: -20px;
	margin-bottom: 7em;
}
.rikunavi {
	margin-bottom: 0;
	font-weight: 700;
}
.career-position{
	margin-top: -4em;
}
.studio-position{
	margin-top: -4em;
}
.midcareer-position {
    background-color: #000;
	
}
.midcareer-color{
	color: #fff;
}
.career-title{
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    text-align: center;
	font-weight: 500;
	letter-spacing: 0.3em;
}
.career-application{
    margin-right: auto;
    margin-left: auto;
	width: 76%;
}
.career-application th, .career-application td{
    vertical-align: text-top;
    line-height: 1.8em;
    color: #fff;
    border-bottom: 1px solid #666;
    padding-top: 13px;
    font-size: 0.8em;
}
.career-application th  { 
	width: 15%; 
	text-align: left; 
}

.career-application td {
	padding-bottom: 15px;
	text-align: left;
}
.career-btn{
	padding-top: 50px;
	padding-bottom: 70px;
}
.career-application-b{
	color: #000;
}
.career-application-b th, .career-application-b td{
	color: #000;
}
.btn-default {
    border-color: #000;
}
/*job cagtegories*/
.job-no{
	width: 100%;
	position: relative;
	top: 0/*30px*/;
	display: block;
}
.job-image-mp{
	position: relative;
    float: right;
    top: 80px;
	z-index: 1;
	width: 40%;
	
}
.job-image-mp2{
	position: relative;
    float: left;
    top: 850px;
	z-index: 1;
	width: 40%;
}
.job-image-mp img{
	width: 100%;
	max-width: 500px;
}
.job-image-mp2 img{
	width: 100%;
	max-width: 500px;
}
#squarebox1 {
    width: 170px;
    height: 170px;
    font-size: 20px;
    color: #fff;
    background-color: #000;
    /*text-align: center;*/
    z-index: 2;
    position: relative;
    left: 55%;
    top: 280px;
}
#squarebox2 {
    width: 170px;
    height: 170px;
    font-size: 20px;
    color: #fff;
    background-color: #000;
    text-align: center;
    z-index: 2;
    position: relative;
    left: 30%;
    top: 1030px;
}
#squarebox p {
  position: relative;
  top:50%;
  transform: translateY(-50%);
}
.inner-media{
position: absolute;
    bottom: -17px;
    letter-spacing: 0.1em;
    /* right: 30px; */
    font-size: 1.8em;
    color: #D0BE72;
    font-weight: 500;
    left: 15px;
}
.inner-post{
position: absolute;
    bottom: -22px;
    letter-spacing: 0.1em;
    /* right: 30px; */
    font-size: 2.3em;
    color: #D0BE72;
    font-weight: 500;
    left: 15px;
}
.inner-production{
    position: absolute;
    letter-spacing: 0.18em;
    right: -45px;
    font-size: 1.1em;
    color: #fff;
    transform: rotateZ( 90deg );
    top: 70px;
}
p.job-title-lg{
	font-size: 1.1em;
	letter-spacing: 0.1em;
	text-align: left;
	line-height:1.2em;
	font-weight: 500;
}
p.job-title-sm{
    font-size: 0.8em;
    text-align: left;
    letter-spacing: 0.2em;
    position: relative;
    top: -20px;
	padding-top: 2px;
}
p.job-description{
	font-size: 0.8em;
	line-height: 1.8em;
	text-align: left;
	position: relative;
    top: -25px;
}
#job-category-producer{
	position: absolute;
	border-left: 1px solid #000;
	top: 100px;
	left: 40px;
	width: 26%;
	padding: 10px;
}
#job-category-ap{
    position: absolute;
    border-left: 1px solid #000;
    top: 300px;
    left: 250px;
    width: 26%;
    padding: 10px;
}
#job-category-d{
    position: absolute;
    border-left: 1px solid #000;
    top: 570px;
    left: 100px;
    width: 26%;
    padding: 10px;
}
#job-category-ad{
    position: absolute;
    border-left: 1px solid #000;
    top: 680px;
    left: 400px;
    width: 26%;
    padding: 10px;
}
#job-category-kakomi{
    position: absolute;
    border-left: 1px solid #000;
    top: 800px;
    left: 70%;
    width: 28%;
    padding: 15px;
}
#job-category-sm{
	position: absolute;
	border-left: 1px solid #000;
	top: 1500px;
	left: 40px;
	width: 26%;
	padding: 10px;
}
#job-category-ee{
	position: absolute;
	border-left: 1px solid #000;
	top: 1670px;
	left: 35%;
	width: 26%;
	padding: 10px;
}
#job-category-mm{
	position: absolute;
	border-left: 1px solid #000;
	top: 1800px;
	left: 70%;
	width: 26%;
	padding: 10px;
}
.job-description-position{
	padding-top: 15px;
}
dl.job-detail {
	font-size: 0.8em;
	width: 100%;
	overflow: hidden;
	/*border: 1px solid #ccc;*/
	border-top: none;
	/*background: #ddd;*/
	text-align: left;
	position: relative;
    margin-top: -10px;
}
dl.job-detail dt {
	width: 30%;
	float: left;
	padding: 0 5px 8px 0;
	/*border-top: 1px solid #ccc;*/
	box-sizing: border-box;
	vertical-align: top;
	font-weight: 300;
}
dl.job-detail dd {
	vetical-align: top;
	margin-left: 30%;
	padding: 0 0 8px 5px;
	/*border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background: #fff;*/
}
dl.job-detail dd:after{
	display: block;
	content:"";
	clear: both;
}
@media screen and (max-width: 320px){
dl.job-detail.dt{
	width: 100%;
	float: none;
	}
dl.job-detail dd{
	margin-left: auto;
	border-left:none;
	}
}

.fh5co-spacer-job-lg{
	height: 1700px;
}
.h1-w{
	color: #fff;
}

/*studio-detail*/
.studio-container-top{
	top: 1em;
}
.studio-4f-intro{
    position: absolute;
    top: -50px;
    left: 0;
    width: 37%;
    padding: 25px;
    background: rgba(255,255,255,0.3);
	z-index: 1;
}
.studio-2f-intro{
    position: absolute;
    top: -50px;
    left: 0;
    width: 37%;
    padding: 30px;/*25px*/
    background: rgba(0,0,0,0.6);
	z-index: 1;
}
.studio-1f-intro{
    position: absolute;
    top: -50px;
    left: 0;
    width: 37%;
    padding: 25px;
    background: rgba(0,0,0,0.4);
	z-index: 1;
}
.recruit-intro{
    position: absolute;
    top: 30px;
    left: 0;
    width: 37%;
    padding: 25px;
    background: rgba(0,0,0,0.4);
	z-index: 1;
}
.recruit-title-lg{
	font-family: 'Nothing You Could Do', cursive;
	color: #fff;
    font-size: 5em;
	line-height: 0.7em;	
	letter-spacing: -0.05em;
	position: relative;
	top: -20px;
	margin-bottom: 0;
	transform: rotate(-5deg);

}

.hero-animate-3{
	margin-bottom: 30px;
	position: relative;
}

.studio-title{
	color: #fff;
    font-size: 3em;
	line-height: 1em;	
}
.studio-title-lg{
	color: #fff;
    font-size: 4.3em;
	line-height: 1em;	
	letter-spacing: 1px;
}
.studio-description{
    font-size: 0.96em;/*0.8em*/
	line-height: 2em;
	letter-spacing: 0.04em;;
}
.studio-title-no{
    position: absolute;
    top: 253px;
    left: 345px;/*330px*/
    z-index: 2;
    font-size: 130px;
    font-weight: 700;
	vertical-align: bottom;
}
.studio-title-no-bf, .studio-title-no-s{
    position: absolute;
    top: 203px;
    left: 340px;
    z-index: 2;
    font-size: 80px;
    font-weight: 700;
	vertical-align: bottom;
}
.studio-title-no-b2f{
    position: absolute;
    top: 273px;
    left: 440px;
    z-index: 2;
    font-size: 80px;
    font-weight: 700;
    vertical-align: bottom;
}
.studio-title-no-ss{
    position: absolute;
    top: 273px;
    left: 385px;
    z-index: 2;
    font-size: 80px;
    font-weight: 700;
    vertical-align: bottom;
}
.studio-title-floor{
    position: absolute;
    left: 425px;/*415px*/
    z-index: 2;
    font-size: 75px;
    font-weight: 700;
    top: 275px;
    vertical-align: bottom;
}
.studio-title-floor-bf{
    position: absolute;
    left: 400px;
    z-index: 2;
    font-size: 45px;
    font-weight: 700;
    top: 265px;
    vertical-align: bottom;
}
.studio-category-sm, .studio-category-sm2{
    position: relative;
    z-index: 20;
    top: 50px; /*15px*/
    padding-bottom: 15px;
}
}
.studio-category-sm{
	margin-left: 15px;
	margin-bottom: 15px
}
.studio-category-sm2{
	/*margin-left: 15px;*/
	margin-bottom: 45px;
	margin-right: 5px;/*padding-right: 5px;*/
	top: 35px;
	
}
.machine-description{
    margin-top: -10px;
    position: relative;	
}
.machine-detail{
}
ul.machine-detail{
	text-align: left;
	font-size: 0.77em/*0.8em*/;
	letter-spacing: 0.1em;

	}
ul.machine-detail li{
	list-style: none;
	font-weight: 700;
	font-size: 1.3em;
}
ul.machine-detail ul{
	line-height: 1.4em;
	padding-bottom: 10px;
	padding-left: 0;
}
.machine-detail-w{
	color: #fff;
}
ul.machine-detail-w{
	text-align: right;
}
.fh5co-spacer-lg {
  height: 50px;
}
.fh5co-spacer-mp-works{
  height: 200px;	
}

.mp-ourbusiness-mobile-img {
	display: none;
}
/* works */
.grid-item { 
	width: 33.33%; 
	padding: 0 5px 10px 5px;
}
.grid-item img{
	width: 100%;
}
.grid-item--width2{ 
	width: 66.66%; 
	padding: 0 5px 10px 5px;
}
.grid-item--width2 img{
	width: 100%;
}
.grid-item a, .grid-item--width2 a{
	background-color: #000;
	display:block;
}
.grid-item img a, .grid-item--width2 img a{
    transition:all 0.5s ease;
 }
.grid-item img a:hover, .grid-item--width2 img a:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
 }

p.video-name, p.video-name2, p.video-name3, p.video-name4, p.video-name5, p.video-name6{
	background-color: #000;
	border-bottom: 5px solid #de0000;
	color: #fff;
	font-size: 0.9em;
	padding: 10px;
	margin-bottom: 0;
}
p.video-name-gold{
	background-color: #decc6b/*#cc0000*/;
	border-bottom: 5px solid #000;
}
p.video-name-red{
	background-color: #000/*#cc0000*/;
}
p.video-name5-purple{
	background-color: #000/*#6400b8*/;
}
p.video-name2-green{
	background-color: #000/*#1a7d0d*/;
}
p.video-name3-blue{
	background-color: #000/*#002ed9*/;
}
p.video-name4-yellow{
	background-color: #000/*#cc0000*/;
}

p.video-name-narrow, p.video-name2-narrow, p.video-name3-narrow, p.video-name4-narrow, p.video-name5-narrow{
	background-color: #000;
	border-bottom: 5px solid #de0000;
	color: #fff;
	font-size: 0.9em;
	padding: 0 10px;
	margin-bottom: 0;
}
p.video-name a, p.video-name2 a, p.video-name3 a, p.video-name4 a, p.video-name5 a, p.video-name6 a{
	color: #fff;
}
p.video-name a:hover, p.video-name2 a:hover, p.video-name3 a:hover, p.video-name4 a:hover, p.video-name5 a:hover, p.video-name6 a:hover{
	color: #dfdfdf;
}
p.video-name2{
	border-bottom: 5px solid #1a7d0d;
}
p.video-name3{
	border-bottom: 5px solid #002ed9;
}
p.video-name4{
	border-bottom: 5px solid #cc0000;
}
p.video-name5{
	border-bottom: 5px solid #6400b8;
}
p.video-name6{
	border-bottom: 5px solid #decc6b;
}
.grid-item a:hover, .grid-item--width2 a:hover{
  background-color: #000;
  opacity: 0.7;
  width: 100%;
}
.video-bg-color img{
		background-color: #000;
}
.video-bg-color-gold img{
		background-color: #decc6b/*#cc0000*/;
}
.video-bg-color-red img{
		background-color: #000/*#cc0000*/;
}
.video-bg-color-purple img{
		background-color: #000/*#6400b8*/;
}
.video-bg-color-green img{
		background-color: #000/*#1a7d0d*/;
}
.video-bg-color-blue img{
		background-color: #000/*#002ed9*/;
}
.video-bg-color-yellow img{
		background-color: #000/*#cc0000*/;
}
#packery{
  width: 100%;
  margin: 0 auto;   /*中央寄せ*/
  position: relative;
}

.mp-works-intro {
    margin-top: -14em;
	font-size: 0.8em;
    padding-right: 0;
    padding-left: 0;
}

h1.index-title-mp{
position: absolute;
    right: 31%;
    top: 22%;
    text-align: right;
    line-height: 0.8em;
    color: #000;
    font-size: 105px;
    font-weight: 500;
	line-height: 0.9em;
    letter-spacing: -5px;
	z-index: 3;
}
h1.index-title-mp2{
	font-family: 'Nothing You Could Do', cursive;
	position: absolute;
	left: 50%;
	top: 40%;
	text-align: left;
	line-height: 0.7em;
	color: #decc6b;
	font-size: 95px;
	letter-spacing: -0.05em;
}
p.index-comment-mp{
	color: #000;
	/*letter-spacing: 0.1em;*/
	position: absolute;
	top: 58%;
	right: 54%;
	text-align: right;
	/*font-weight: 700;*/
}
p.index-comment-mp2{
	color: #000;
	/*letter-spacing: 0.1em;*/
	position: absolute;
	top: 51%;
	right: 54%;
	text-align: right;
	/*font-weight: 700;*/
}
.top-button-mp{
	/*position: absolute;*/
    padding-top: 30%;
	margin: 0 auto;
}
.btn-mp{
    /* border: none !important; */
    /* font-size: 24px; */
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    background-color: #000;
    color: #fff;
    padding-right: 25px;
    padding-left: 25px;
}

h1.index-title-pp{
	position: absolute;
	right: 31%;
	top: 22%;
	text-align: right;
	line-height: 0.8em;
	color: #fff;
	font-size: 105px;
	font-weight: 500;
	line-height: 0.9em;
	letter-spacing: -5px;
	z-index: 3;
}
h1.index-title-pp2{
	font-family: 'Nothing You Could Do', cursive;
	position: absolute;
	left: 45%;
	top: 40%;
	text-align: left;
	line-height: 0.7em;
	color: #decc6b;
	font-size: 95px;
	letter-spacing: -0.05em;
}
p.index-comment-pp {
    position: absolute;
    top: 53%;
    right: 61%;
    text-align: right;
    opacity: 1;
    font-size: 0.83em;
    letter-spacing: 0.05em;
    /*font-weight: 700;*/
    color: #decc6b;
	font-family: 'Noto Serif JP', serif;
}
p.index-comment-pp2 {
    position: absolute;
    top: 59%;/*61.5%*/
    right: 61.5%;
    text-align: right;
    opacity: 1;
    font-size: 0.83em;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: #decc6b !important;
	z-index: 1000;
}
p.index-comment-pp2 a {
  color: #decc6b !important;
  line-height: 1.8em;
}
p.index-comment-pp2 a:active {
  color: #fff;		
}


p.index-comment-pp img {
    max-width: 70%;
    /* background-color: #fff; */
    /* margin-bottom: 6px; */
    margin-right: -5%;
    margin-top: 7%;
}
.top-button-pp{
	position: relative;
	padding-top: 22%;
	margin: 0 auto;
}
.btn-pp{
    font-size: 16px;
    /* margin-right: 10px; */
    /* margin-left: 10px; */
    padding-top: 5px;
    padding-bottom: 10px;
    background-color: #000;
    padding-right: 10px;
    padding-left: 10px;
    color: #fff;
    border-color: #fff;
}
.btn-pp a:hover{
	background-color: #000 !important;
	color: #fff !important;
}
p.index-title-mp-jp {
    position: absolute;
    right: 29%;
    top: 24%;
    text-align: left;
    color: #000;
    font-size: 17px;
    letter-spacing: 0.3em;
    z-index: 4;
}
.index-title-mp-jp img{
	width: 50%;
}

/*Font awsome*/
.awsome {
	font-size: 0.8em;
  padding-right: 1px;
  padding-left: 1px;
	border: none;
	background: none;
}
.awsome:hover {
	color: #DDBE72;
	background: none;
}
.owsome-color:visited, .owsome-color:active, .owsome-color:focus {
	color: #000;
	background: none;
}
.owsome-color {
  background: #fff;
	color: #000;
}
.owsome-color:hover {
  background-color: #fff;
	color: #DDBE72;
}

/*映像通信 works*/
.pp-works-box{
  /*margin-bottom: 20px;
  border: #ddd 1px solid;*/
}

ul.pp-works-list01 {
display: flex;
justify-content: center;
align-items: center;
list-style: none;
}
li.pp-works-list01  {
	font-size: 1.4em;
	font-weight: 600;
	letter-spacing: 0.1em;
  padding: 0 15px;
  border-right: #000 1px solid;
}

li.pp-works-list01:hover {
	 color: #D0BE72;
}

li.pp-works-list01:last-child {
  border-right: none;
}

.pp-works-box-category {
	font-size: 3.6em;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-align: center;
	margin-top: 50px;
}

.pp-works-box-category-top {
	margin-top: 30px;
}

table.pp-works-data {
  border-collapse: collapse;
  width: 100%;
	background-color: #f7f7f7;
	/*font-size: 1.0em;*/
	letter-spacing: 0.1em;
}
.pp-works-data th,
.pp-works-data td {
  padding: 10px;
  border: solid 1px #f7f7f7;
  text-align: center;
  box-sizing:border-box;
	padding: 20px;
}
.pp-works-data th {
  /*background: #ff7bac;*/
	width: 8%;
	vertical-align: top;
	line-height: 1.8em;
}
.pp-works-data td {
	line-height: 1.8em;
	padding-left: 0;
	text-align: left;
	vertical-align: top;
}

.pp-works-data td.pp-works-data-width {
	width: 50%;
}

.pp-works-data img{
   width: 100%;
	 text-align: left;
	 margin-top: 5px;
}

.pp-works-data td a {
	text-decoration: none;
	border-bottom: 1px solid #666;
	padding-bottom: 2px;
}

.pp-works-data tr:first-child>*:first-child{
    border-radius: 10px 0 0 0;
}
.pp-works-data tr:first-child>*:last-child{
    border-radius: 0 10px 0 0;
}
.pp-works-data tr:last-child>*:first-child{
    border-radius: 0 0 0 10px;
}
.pp-works-data tr:last-child>*:last-child{
    border-radius: 0 0 10px 0;
}
.pp-works-data-indent {
	text-indent: 8px;
}

/*テーブル内 担当分類*/
ul.tanto {
  text-align: left;
	margin-left: -14px;
	margin-bottom: 0;
	color: #fff;
	font-weight: 600;
	font-size: 0.8em;
	line-height: 1.8em;
}

li.tanto {
  display: inline-block;
	text-align: center;	
	letter-spacing: 0.1em;
	background-color: #D0BE72;
	padding: 0 8px 0 8px;
	margin: 5px 7px 0 0;
	border-radius: 4px;/
}



@media screen and (max-width: 640px) {
.pp-works-data-tb01 {
    width: 100%;
  }
  table.pp-works-data th,
  table.pp-works-data td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .pp-works-data tr:last-child {
    border-bottom: solid 1px #ccc;
  }
	.pp-works-data td {
		padding-left: 20x;
	}
.pp-works-data td.pp-works-data-width {
	width: 100%;
}
}













#fh5co-footer .fh5co-footer-links {
    margin-left: 85px ;
	position: relative;
	color: #fff;
}
#fh5co-footer .fh5co-footer-links a:hover {
 	color: #decc6b;
}
.fh5co-footer-links{
	text-align: left;
}
.fh5co-footer-links li.phoneno{
	border: 1px solid #fff;
	font-size: 0.75em;
	font-weight: 700;
	color: #000;
	/*margin-top: 17px!important;*/
	margin-left: -5px!important; /*-5px*/
	padding-top:5px!important;
	padding-bottom: 5px!important;
	background-color: #fff;/*#decc6b*/
	width: 152px;
	text-align: center;
	line-height: 1.5em;
}
.present img{
	margin: 0;
}
.present-detail{
	margin: 0;
}
/* ----- 背景の上に表示させたいコンテンツ ----- */
.header-title{
	position: relative; /*必ず必要*/
	z-index: 2; /*必ず必要*/
	display: flex;
	width: 50%;
	justify-content: center;
	align-items: center;
	text-align:center;
	margin: auto;
}
.wrap{
 height: 100vh;
 /*background: linear-gradient(-45deg, rgba(4, 114, 124, 0.4), rgba(17, 66, 99, 0.6));*/
 position: relative;//追加	
}
.btn-studio-size{
    letter-spacing: 0.1em;	
	text-indent: -0.2em;
	}
.company-display{
	display: none;
}

/*.mp-ourbusiness-mobile-img2 {
	margin-top: 130px;
}*/


























































 
@media only screen and (max-width:480px){
html {
  -webkit-overflow-scrolling: touch;
}
.company-bg{
    background-image:none;
}
.pp-ourbusiness-logo {
    margin-left: 50px;
    margin-right: 50px;
	margin-bottom: 30px;
}
.company-display{
	display: block;
}
#fh5co-features {
	padding: 1em 0 0 0;
}
#fh5co-hero {
	padding-top: 6.5em;
		
		}
p.index-comment-pp img {
    max-width: 60%;
    margin-right: -5%;
    margin-top: 4%;
}
.fh5co-footer-links li.phoneno{
display: inline-block;
margin-left: 1px!important;
width: 165px;
		}
.fh5co-footer-links li.phoneno a{
color: #000!important;
	}
.pure-drawer ul{
	line-height: 1.3em;	
}
.access-height{
	height: 1480px;
}
.archives-height {
    height: 3200px;
}
.mp-ourbusiness-height{
	height: 1850px;
}
.pp-ourbusiness-height{
	height: 1350px;
}	
.contact-height{
	height: 1560px;
}
.privacy-height{
	height: 1700px;/*1700*/
}
.pp-info-height{
	height: 1170px;
}
.mp-movie-height{
	height: 670px;	
	}
.company-height{
	height: 2000px;
}
.studio-height{
	height: 1250px;
}
.workers-pro-height{
	height: 9800px;/*10700px*/
	}
h1.index-title-news{
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	margin-bottom: 20px;
	text-align: center;
	font-size: 80px;
}
ul.machine-detail ul{
	padding-left: 25px;
	}
.small-pp{
position: relative;
    top: -80px;
    z-index: 10001;
    text-align: left;
    text-indent: 6.5em;
    letter-spacing: 0.1em;		
	}
.news-position{
	top: 20px;	
	}
.news-box{
  width: 70%;
  margin: 0 auto;
  height: 130px;
  margin-top: 20px;
}
.news-box-last{
	display: none;	
	}
	
#room-a, #room-b, #L1, #L2, #L3, #workroom, #reception, #pablo01, #pablo02, #yellow, #red, #black, #s1, #s2, #s3, #new-graduates, #mid-career, #intern{
 padding-top: 115px;
 position: relative;
	}
.workers-comment, .workers-comment2, .workers-comment3{
	max-width: 200px;
	max-height: 200px;
}
.workers-comment{
	width: 27%;
	height: 27%;
}
.workers-comment2{
	width: 33%;
	height: 33%;
}
.workers-comment3{
	
	width: 40%;
	height: 40%;
	/*padding-top: 5px;*/
}
.workers-comment4{
	width: 34.5%;
	height: 34.5%;
	/*padding-top: 5px;*/
}
.movie-size, .movie-size2{
	height:99%;
	width: 99%;
	margin-top: -26px;/*-36px*/
	/*padding-left: 15px;
	padding-right: 15px;*/
	margin-bottom: 5px;
}
.movie-size3{
	height:60%;
	width: 60%;
	margin-top: -36px;
}
h5.video-title {
    line-height: 1.6em;
	text-align: center;/*left*/
}

.video-description{
	text-align: left;	
    /*padding-left: 8px;
    padding-right: 8px;*/
	width: 100%;
	}
	
.recruit-height{

	}
.recruit-category{
	margin-top: 60px;
	position: relative;
	}
.recruit-cagegory-underline{
	position: relative;
	top:10px;
	}

	
.sub-title {
    left: 235px;
    top: 5px;
}
.faq-sub{
	left: 100px;
}
.faq-height{
	height: 5000px;
}
.career-position{
	margin-top: -7em;
}
.studio-position{
	margin-top: -7em;
}
.recruit-title-lg {
    font-size: 3.7em;
    top: 30px;
}
#mid-career {
    padding-top: 100px;
    position: relative;
}
#intern {
    padding-top: 100px;
    position: relative;
}
.career-honbun, .career-honbun2, .career-honbun3 {
    padding-left: 15px;
    padding-right: 15px;
}
.article {
    padding-left: 15px/*25px*/;
	padding-right: 15px/*25px*/;
	top: 5px;
}
.company-pro { 
	margin: 0 10px; 
	/*font-size: 0.8em;*/
	}
.company-pro th { 
    background-color: #000;
    text-align: center;
    color: #fff;
	margin-bottom: 3px;
	font-weight: 400;
}
.company-pro th, .company-pro td{
    width: 100%;
    display: block;
    border-top: none;
	text-align: center;	
	line-height: 1.2em;
    padding: 5px;
    }
	
.company-pro td {
    line-height: 1.8em;
    margin-bottom: 15px; /*5px*/
    padding-top: 5px;
	}
.company-pro td.pp-works-align{
	text-align: left;	
	}
.company-pro td.company-mb {
	padding-top: 170px;
	}
.company-pro td.company-mb img {
	/*visibility: visible;*/
	display: block;
	}
    /*.company-pro tr:first-child th { border-top: 1px solid #ddd; }*/

table.pp-info {
    margin-bottom: 55px;
	margin-top: 0;
}
.pp-info th { 
    background-color: #fff;
    text-align: center;
    color: #000;
	margin-bottom: 3px;
	font-weight: 400;
}
.pp-info th, .pp-info td{
    /*width: 100%;
    display: block;*/
    border-top: none;
	/*text-align: center;*/
	line-height: 1.2em;
    padding-right: 3px;
    }	
.pp-info td {
    line-height: 1.4em;
    margin-bottom: 15px; /*5px*/
    padding: 0 5px 10px 0;
	}
    
.pp-info2 {
    margin-left: 0%;
    margin-right: 0%;
}    
table.pp-info2 {
	width: 100%;
	margin-top: 25px;
}
.pp-info2 th, .pp-info2 td{
	vertical-align: text-top;
	line-height:1.2em;
}
.pp-info2 th  { 
	width: 35%;
	padding-right: 0;
	text-align: left; 
}
.pp-info2 td {
	padding-bottom: 20px; /*15px*/
	text-align: left;
    text-indent: unset;
}
table.pp-info2-color{
    width: 98%;      
    }
table.pp-info2-color tr{
    width: 65%;      
    }
table.pp-info2-color td{
    width: 35%;      
    }
    
h3, .h3 {
    font-size: 18px;
    line-height: 32px;
}   
	
.company{
	margin-top: -25px;
}
	
.present-info { 
	margin: -20px 0 50px; 
	/*font-size: 0.8em;*/
	}
.present-info-tb th { 
    background-color: #ddd;
    text-align: center;
    color: #fff;
	
	margin-bottom: 3px;
	font-weight: 400;
}
.present-info-tb th, .present-info-tb td{
    width: 120%;
    display: block;
    border-top: none;
	text-align: center;	
    }
.present-info-tb td {
	line-height: 1.8em;
	margin-bottom: 5px;
	padding-top: 5px;
	}
.present-header{
   background-color: #000;
   color: #fff;
   padding-left: 20px;
   font-size: 1.2em;
}
.present-article{
	padding-left: 15px;
	padding-right: 15px;
}
.present-button{
	margin-top:  -150px;
}
.present img{
	padding-top: 40px;
	padding-bottom: 30px;
}
.present-detail2{
	text-align: center;	
	}
	
h2.career-category, h2.studio-category {
    font-size: 33px;
    text-align: left;
	letter-spacing: 0;
    padding-bottom: 8px;
	margin-top: -65px;
}
.btn {
    padding-left: 15px;
    padding-right: 15px;
}
.career-honbun {
    position: relative;
    padding-top: 10px;
    font-size: 0.8em;
	text-align: left;
    padding-left: 0;
    padding-right: 0;
}
.career-honbun2 {
    padding-top: 10px;
	padding-left: 0;
	padding-right: 0;
    font-size: 0.8em;
	text-align: left;
}
.rikunavi img {
    width: 60%;
    position: relative;
    left: -2%;
}
h2.career-category2, h2.studio-category2 {
    font-size: 33px;
    padding-bottom: 8px;
}
.career-category-sm, .studio-category-sm {
    top: 5px;/*-34px*/
    text-align: right;
    padding-right: 5px;
}
.career-application { 
    /*margin: 0 15px 0 0;*/
    width: 90%;
}
.career-application th { 
    background-color: #fff;
    text-align: center;
    color: #000;
	margin-bottom: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: 400;
}
.career-application-b th { 
    background-color: #000;
	color: #fff;
}
.career-application th, .career-application td{
    width: 100%;
    display: block;
    border-top: none;
	border-bottom: none;
	text-align: center;
	font-size: 0.8em;
    }
.career-application td {
	line-height: 1.6em;
	margin-bottom: 5px;
	padding-top: 0;
	}
.career-application td.text-left {
	text-align: left;
	}
.career-category-sm2 {
    margin-right: 10px;
    top: -34px/*4px*/;
}
.career-title{
	font-size: 1em;
}
/*.company-pro tr:first-child th { border-top: 1px solid #ddd; }*/
	
/*our business*/
#infas-logo {
    top: 15px;
    right: 16px;
}
.category-small{
	top: -10px;
	}
.fh5co-social-icons2 {
    height: 50px;
    width: 50px;
	}
h1 {
	font-size: 33px;
	margin-bottom: 5px;   
	}
h2{
	font-size: 1.5em;	
	}
.category-icon, .category-icon2 {
    padding-top: 13px;
    text-indent: 10px;
    position: relative;
    top: 10px; /*-20px*/
}
.heading{
	margin-top: -50px;
	}
.heading2{
	margin-top: -40px;
	}
.division-small{
	text-indent: 12em;
	top: -80px;
	font-weight: 400;
	font-size: 1.0em;
	}
.division-small2{
	top: -20px;
	/*text-indent: 2.5%;*/
	}
.honbun{
	top: -30px/*-105px*/;
	}
.honbun2{
	top: 100px;
	}
.honbun3{
	top: -20px;
	margin: 0 0 20px 0;
	}
.article{
padding-left: 16px;
padding-right: 16px;
	}
/*.article-sns {
    top: 55px;
    left: 30px;
}*/
.article img{
	margin-top: -12em;	
	}
.division-detail{
	top: 150px;	
	}
.btn-position{
		visibility : hidden;
	}
.heading-large {
    font-size: 50px;
    line-height: 40px;
    padding-bottom: 10px;
    top: 5px/*-80px*/;
}
/* access */
.access{
   top: -10px;
   padding: 0 18px;
   font-size: 0.8em;
   
}
.map-l img {
    width: 100%;
	position: relative;
	margin-top: -10px;
	margin-bottom: -20px;
	}
.map-l2 img {
    width: 100%;
	position: relative;
	}
.map-l-pdf {
	margin-top: -30px;
    margin-right: -5px;
	/*margin-top: -80px;*/
}
.map-address {
    margin-top: -100px;
}

/*studio*/
.studio-table{
	width: 100%;	
}
.category-icon2 {
    padding-top: 15px;
    text-indent: 8px;
	top: 10px;
    position: relative;
}
.studiomap-l img {
width: 100%;

}
.pablo1, .pablo2, .l1, .l2, .l3, .yellow, .red, .black, .audios1, .audios2, .audios3, .a-st, .b-st, .workroom{
font-size: 0.7em;
}
.pablo1 a:hover, .pablo2 a:hover, .l1 a:hover, .l2 a:hover, .l3 a:hover, .yellow a:hover, .red a:hover, .black a:hover, .audios1 a:hover, .audios2 a:hover, .audios3 a:hover, .a-st a:hover, .b-st a:hover, .workroom a:hover{
font-size: 1.5em;
}
.pablo1{
    top: 8%;
    left: 26%;
}
.pablo2{
    top: 2.6%;
    left: 40.4%;
	/*font-size: 0.8em;*/
}
.l1{
	top: 25%;
	left: 23.8%;
}
.l2{
	top: 22.8%;
    left: 33.9%;
}
.l3{
    top: 17.5%;
    left: 43.7%;
}
.yellow{
    top: 39.8%;
    left: 20.1%;
}
.red{
    top: 35%;
    left: 36%;
}
.black{
    top: 32.2%;
    left: 41.7%;
}
.workroom{
    top: 48%;
    left: 36%;
    font-size: 0.7em;
}

.audios1{
    top: 71.5%;
    left: 31%;
}
.audios2{
    top: 90.5%;/*82%*/
    left: 21%;/*38%*/
}
.audios3{
    top: 82%;/*84.5%*/
    left: 38%;/*35%*/
    font-size: 0.7em;
}
.a-st{
    top: 21%;
    left: 76.5%;
}
.b-st{
    top: 18.5%;
    left: 82.5%;
}
.bldg-name1 img{
    width:25%;
}
.bldg-name2 img{
    width:90%;
}
.bldg-name1, .bldg-name2{
	font-size: 0.6em;	
	}
.bldg-name1{
    top: -5%;
    left: -40%;
}

.bldg-name2{
	position: absolute;
	top: 3%;
	left: 70%;
	}
.studiomap-l {
    margin-top: 30px;
}
.division-small3{
	letter-spacing: 0;
	top: -20px;
	text-indent: 12px;
	text-align: left;
}
.btn-default {
    border-color: #000;

}
.btn-pp{
    border-color: #fff;		
	}
.btn-pp a:hover{
	background-color: #decc6b;	
	}
.floor-button{
   right: -20px;		
	}
.fh5co-spacer-lg-access {
  height: 730px;
  position: relative;
}

.floor-no{
	display: block;
}
.job-no{
	display: block;
	top: -35px/*-75px*/;
}

/*recruit*/
.category-small-w {
	top: -10px;
}
.fh5co-social-icons4 {
    height: 50px;
    width: 50px;
}
.category-icon2{
 padding-top: 14px;
 text-indent: 8px;
}
.joinus-container-top {
    margin-top: -110px;
}
.studio-container-top {
    margin-top: -50px;
}
.works-container-top {
    margin-top: -110px;
}
h1.joinus-w{
    font-size: 33px;
    margin-bottom: 5px;
}
.joinus-intro {
    margin-top: -5em;
	font-size: 0.8em;
    padding-right: 0;
    padding-left: 0;
}
.joinus-intro-align{
	text-align: left;
    top: 50px;
	margin-bottom: 70px;
    position: relative;
}
.studio-intro {
    margin-top: -5em;
	font-size: 0.8em;
    padding-right: 0;
    padding-left: 0;
}
.btn-lg{
	position: relative;
	margin-top: 10px; /*20px*/
	margin-bottom: 0;
	}
.map-access-pdf{
	position: relative;
	/*font-size: 1.26em;*/
	letter-spacing: 0.1em;
	margin-top: 20px;
	}
	
/*job categories*/
.fh5co-spacer-job-lg {
    height: 2930px;
}
.job-image-mp {
    width: 75%;
	top: 0;
}
.job-image-mp2 {
    top: 1800px; /*1850px*/
    width: 75%;
}
#squarebox1 {
    width: 120px;
    height: 120px;
    left: 0;
    top: 120px;	
}
#squarebox2 {
    width: 120px;
    height: 120px;
    left: 63%;
    top: 1990px;/*1980px*/
}
.inner-production {
    right: -38px;
    font-size: 0.8em;
    top: 50px;
    letter-spacing: 0.16em;
}
.inner-media {
    bottom: -19px;
    font-size: 1.4em;
    left: 7px;
}
.inner-post {
    font-size: 1.9em;
    left: 10px;
}
#job-category-producer {
    top: 440px;
    left: 25px;
    width: 70%;
}
#job-category-ap {
    top: 685px;
    left: 80px;
    width: 70%;
}
#job-category-d {
    top: 950px;
    left: 120px;
    width: 65%;
}
#job-category-ad {
    top: 1210px;
    left: 70px;
    width: 70%;
}
#job-category-kakomi {
    top: 1450px;
    left: 25px;
    right: 25px;
    width: 90%;
    padding: 10px;
}
#job-category-sm {
    top: 2430px;
    left: 25px;
    width: 70%;
}
#job-category-ee {
    top: 2735px;/*2640*/
    left: 30%;
    width: 65%;
}
#job-category-mm {
    top: 3085px;/*2990*/
    left: 25px;
    width: 70%;
}
.studio-4f-intro, .studio-2f-intro, .studio-1f-intro{
    top: 35px;
	width: 100%;
}
.studio-title{
	font-size: 2em;	
}
.studio-description{
padding-top: 5px;		
}
.studio-title-no{
    top: 305px;/*255px*/
    right: 50px;
    left: auto;
    font-size: 80px;
}
.studio-title-floor{
    top: 322px;/*272px*/
    right: 20px;
    left: auto;
    font-size: 40px;
}
.studio-title-no-3f{
    top: 315px;
}
.studio-title-floor-3f{
    top: 330px;
}
.studio-2f-intro{
    padding: 20px;/*25px*/
}
.studio-title-no-2f{
    top: 355px;
}  
.studio-title-floor-2f{
    top: 370px;
}
.studio-title-no-bf{
    top: 230px;
    left: 200px;
    font-size: 50px;
}
.studio-title-no-b2f{
    top: 273px;
    left: 250px;
    font-size: 50px;
}
.studio-title-floor-bf{
    top: 267px;
    font-size: 30px;
    left: 220px;
}
.studio-title-no-s{
    top: 253px;
    left: 120px;
    font-size: 60px;
}
.studio-title-no-ss{
    top: 303px;
    left: 150px;
    font-size: 60px;
}
.xs-position{
	padding-left: 20px;
	padding-right: 20px;
	}
.slick-prev:before, .slick-next:before {	
	display: none;
}
.studio-category-sm, .studio-category-sm2{
    text-align: right;
    margin-bottom: 15px; /*23px*/
	padding-right: 5px;
}
.studio-category-sm-yellow{
    top: 48px;
}
h2.career-category-yellow {
    padding-bottom: 50px;
}
.studio-category-sm2{
    margin-bottom: 50px;
}
.eachstudio-width{
	position: relative;
	width: 100%;
	}
.btn-studio-size{
	adding: 5px;
    font-size: 0.8em;
    letter-spacing: 0.7px;	
	}
#fh5co-footer {
	height: 910px;/*1310px,910px, 820px, 850px*/
	position: relative;
}
table.tv-intro thead {
	display:none;
}
table.tv-intro tbody th {
	display:block;
	width: 100%;
}
table.tv-intro tbody td {
	display:block;
	padding: 0 0 10px;
}
table.tv-intro tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.tv-intro tbody td p {
	padding-left:6em;
}		
	
.mp-article img{
	height: 100%;	
}
.mp-ourbusiness-mobile-img {
    display: block;
    margin-top: -50px;
    position: relative;
    margin-bottom: 35px;
}
.mp-ourbusiness-mobile-img2 {
	display: none;
}
.pp-ourbusiness-mobile-img2 {
	visibility:visible;
}
.pp-ourbusiness-mobile-img {
    display: none;
}


	
	
#packery{
  position: relative;
  width: 100%;
  margin: 0 auto;   /*中央寄せ*/
  top: 10em;
  /*left: 3%;*/
}
	
	
#fh5co-footer .fh5co-footer-links{
	margin-left: 0/*100px*/;
	position: relative;
	text-align: center;
		
	}
.archives-position{
	top: -20px;	
	}
#infas-logo img {
    width: 40%;
}
h1.index-title-mp, h1.index-title-pp{
    right: 0;
    left: 0;
    margin-top: 3%;
    font-size: 3.5em; /*3.8em*/
    text-align: center;
    letter-spacing: -3px;
    line-height: 1em;
}
h1.index-title-mp2, h1.index-title-pp2{
    left: 10%;
    right: 10%;
    margin-top: 2%;
    text-align: center;
    font-size: 47px;
    transform: rotate(-8deg);
}
p.index-title-mp-jp{
	left: 10%;
	top: 31%;
	font-size: 100px;
	letter-spacing: 0.2em;
}
p.index-comment-mp, p.index-comment-pp{
    padding-top: 9%;
    right: 0;
    left: 0;
    text-align: center;
    line-height: 1em;
    font-size: 0.9em;
}
p.index-comment-mp{
    padding-top: 6%;
}
p.index-comment-pp2{
    padding-top: 12%;
    right: 0;
    left: 1%;
    text-align: center;
    line-height: 1.5em;
    font-size: 0.65em;
    z-index: 1000 !important;
}
p.index-comment-pp2 a {
  color: #decc6b !important;
}
p.index-comment-pp2 a:active {
  color: #fff;		
}
p.index-comment-mp2{
    padding-top: 19%;
    right: 0;
    left: 0;
    text-align: center;
    line-height: 1em;
    font-size: 0.9em;
}
.top-button-mp, .top-button-pp{
    position: relative;
    padding-top: 95%;/*75%*/
    margin: 0 auto;
}
.btn-mp, .btn-pp{
    font-size: 1em;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.joinus-intro a span, .studio-intro a span{
	margin-top: 20px;
}
.grid-item, .grid-item--width2 { 
	width: 100%;
	margin-bottom: 10px;
}
#mp-category-beauty, #mp-category-tvcm, #mp-category-others{
   padding-top: 100px;	
	}
.mouse-position{
	top: 20px !important;	
}
/*.mp-category-l{
	display: none;
}
.mp-category-s{
	display: block;
}*/

/* 映像通信works */
li.pp-works-list01 {
    font-size: 1.0em;
}

.pp-works-box {
        margin-top: -30px;
        margin-bottom: 30px;
				margin-left: -5%;
    }

.pp-works-data img {
		padding-top: 45%;
}
.pp-works-data td {
    padding-left: 5%;
}
.pp-works-data th, .pp-works-data td {
    padding: 12px 20px;
}
.pp-works-data th{
	text-align: left;
	padding-bottom: 0;
	}
.pp-works-data tr:last-child {
        border-bottom: none;
    }
.pp-works-box-category {
    margin-top: 30px;
    padding-left: 5%;
}
/*Font awsome*/
.awsome {
	font-size: 0.8em;
  padding-right: 1px;
  padding-left: 1px;
	border: none;
	background: none;
}

#section4 p {
    /* opacity: 0.6; */
    color: #000;
    font-size: 0.8em;
    line-height: 1.4em;
    padding-top: 10px;
    padding-bottom: 5px;
}
	
	
	
}





























	








/* タブレット用のCSS */
@media only screen and (min-width:481px) and (max-width:768px) {	
#infas-logo img{
	width: 30%;
}
#fh5co-footer {
  text-align: left;
}
#room-a, #room-b, #L1, #L2, #L3, #workroom, #reception, #pablo01, #pablo02, #yellow, #red, #black, #s1, #s2, #s3, #new-graduates, #mid-career, #intern{
 padding-top: 50px;
 position: relative;
}
.tsushin-logo-w img {
	padding-left: 25px;
	width: 55%; /*48%*/
}
.joinus-intro a span, .studio-intro a span{
	top: 300px;
}
.recruit-title-lg{
	top: 120px;	
}
.workers-comment, .workers-comment2, .workers-comment3{
	max-width: 200px;
	max-height: 200px;
}
.workers-comment{
	width: 28%;
	height: 28%;
}
.workers-comment2{
	width: 42%;
	height: 42%;
}
.workers-comment3{
	width: 47%;
	height: 47%;
	/*padding-top: 5px;*/
}
.workers-comment4{
	width: 34.5%;
	height: 34.5%;
	/*padding-top: 5px;*/
}
.mouse-position{
	top: 0 !important;	
}
.joinus-intro-align {
    top: 150px;
	margin-left: -10px;
    margin-right: -10px;
}
.joinus-container-top{
	margin-top: -125px;
}
.sub-title{
	left: 120px;
	}
.hero-animate-3 {
    top: 150px;
}
.works-container-top {
    margin-top: -130px;
}
.mp-works-intro {
    margin-top: -4em;
}
.eitsu-logo-w img {
	width: 65%; /*25%*/
	padding: 0 1px 1px 0;/*7px 0 0 5px*/
}
.access-height{
	height: 2215px;
}
.archives-height {
    height: 2450px;
}
.studio-height{
	height: 1440px;
}
.mp-ourbusiness-height{
	height: 2300px;
}
.pp-ourbusiness-height{
	height: 1850px;
}
.faq-height{
	height: 5100px;
}	
.fh5co-spacer-job-lg{
	height: 1500px;
}
#squarebox1 {
    left: 63%;
    top: 230px;
}
#job-category-ad {
    left: 310px;
}
.footer-left-position{
	padding-left: 35px;	
}
.floor-no{
	display: none;
}
.studio-4f-intro, .studio-2f-intro, .studio-1f-intro{
    top: 150px;
}
.studio-title-no{
	top: 410px;/*top: 355px;*/
    left: 260px;
}
.studio-title-floor{
	top: 430px;
    left: 350px;	
}
.fh5co-spacer-lg-access{
  height: 1200px;
  position: relative;
	}

.map-address{
	margin-top: -100px;	
	}		
#fh5co-footer .fh5co-footer-links {
	margin-left: 0;
}
.article {
    font-size: 0.8em;
    padding: 20px 40px 50px 40px;
    position: relative;
}
.form-horizontal .control-label {
	padding-right: 0px;
    padding-left: 0px;
	}
.category-icon, .category-icon2 {
	margin-right: 15px;
	}
.btn-position {/*右サイドの小さいボタン*/
	right: 8px;
	}
.joinus-intro, studio-intro {
    margin-top: 2em;
    padding-right: 40px;
    padding-left: 40px;
}
.joinus-intro-align {
 padding-bottom: 40px;
}
h1 {
    font-size: 45px;
	}
.movie-size {
    height: 90%;
    width: 90%;
}
	
.video-position-left{
	padding-left: -2%;
	min-height: 650px!important;
}
	
#infas-logo img {
    width: 40%;
}
h1.index-title-mp, h1.index-title-pp{
    right: 0;
    left: 0;
    padding-top: 0;
    font-size: 70px;
    text-align: center;
    letter-spacing: 0.001em;
    line-height: 0.9em;
}
h1.index-title-mp2, h1.index-title-pp2{
left: 0;
    right: 0;
    padding-top: 0;
    text-align: center;
    font-size: 65px;
    line-height: 0.8em;
}
p.index-title-mp-jp{
	left: 10%;
	top: 31%;
	font-size: 100px;
	letter-spacing: 0.2em;
}
p.index-comment-mp, p.index-comment-pp{
    padding-top: 10%;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 1em;
    line-height: 1.4em;
}
p.index-comment-pp2{
    padding-top: 12.5%;
    right: 0;
    left: 1%;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.4em;
}
.top-button-mp, .top-button-pp{
position: relative;
    padding-top: 27%;
    margin: 0 auto;
}
.btn-mp, .btn-pp{
    font-size: 22px;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.joinus-intro a span, .studio-intro a span{
	margin-top: 20px;
}
.pp-ourbusiness-logo {
    margin-left: 230px;
    margin-right: 230px;
	margin-bottom: 30px;
}
.pp-info2 {
    margin-left: 15%;
    margin-right: 15%;
}
.awsome {
	font-size: 0.8em;
  padding-right: 1px;
  padding-left: 1px;
	border: none;
	background: none;
}
.awsome:hover {
	color: #DDBE72;
	background: none;
}
.awsome:visited, .awsome:active, .awsome:focus, .owsome-color:visited, .owsome-color:active, .owsome-color:focus {
	color: #000;
	background: none;
}
.owsome-color {
  background: #fff;
	color: #000;
}
.owsome-color:hover {
  background-color: #fff;
	color: #DDBE72;
}


	
}
	











@media only screen and (max-width:320px) {
.present-info-tb th, .present-info-tb td {
    width: 100%;
}
#packery{
top: 7.6em;
 left: 0;
}
	
}

@media only screen and (max-width:360px) {
.present-info-tb th, .present-info-tb td {
    width: 100%;
}
#packery{
top: 9.6em;
 left: 1%;
}
	
}






















/* window幅が480px以上。iPad縦/iPhone7/6Plus横 */
@media screen and (min-width: 480px) {

}

























/* window幅が920px以上。PC */
@media screen and (min-width: 920px) {
.eitsu-logo-w img {
	width: 50%;
	padding: 7px 0 0 5px;
}
p.index-comment-pp img {
    max-width: 60%;
    /* background-color: #fff; */
    /* margin-bottom: 6px; */
    margin-right: -5%;
    margin-top: 10%;
}
.footer-left-position{
	/*padding-left: 55px;*/	
}
.bldg-name2 img {
    width: 65%;
	}
.bldg-name2{
	top: 10%;	
	}
.col-sm-6 {
    width: 33.333%;

}
.floor-no{
	display: none;
}
.studio-4f-intro, .studio-2f-intro, .studio-1f-intro{
    top: 30px;
}
.studio-title-no{
	top: 255px;
}
.studio-title-no-2f{
	top: 305px;
}   
.studio-title-floor{
	top: 277px;
}
.studio-title-floor-2f{
	top: 327px;
}
.fh5co-footer-links li.phoneno {
    margin-left: -30px!important;/*-5px*/
}

.fh5co-footer-links li.phoneno{
	border: 1px solid #fff;
	font-size: 0.6em;
	font-weight: 700;
	color: #000;
	/*margin-top: 17px!important;*/
	margin-left: -5px!important; /*-5px*/
	padding-top:5px!important;
	padding-bottom: 5px!important;
	background-color: #fff;/*#decc6b*/
	width: 120px;
	text-align: center;
	line-height: 1.5em;
}   
.pp-info2 {
    margin-left: 15%;
    margin-right: 15%;
}
    
}


/* bootstrap横幅調整 */
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

@media (min-width: 768px) {
    .container-small {
        width: 300px;
    }
    .container-large {
        width: 970px;
    }
}
@media (min-width: 992px) {
    .container-small {
        width: 500px;
    }
    .container-large {
        width: 1170px;
    }
}
@media (min-width: 1200px) {
    .container-small {
        width: 700px;
    }
    .container-large {
        width: 1500px;
    }
}

.container-small, .container-large {
    max-width: 100%;
}
.container-small, .container-large {
    max-width: 100%;
}


/*iPad Pro縦*/
@media only screen and (min-device-width: 1024px) and (orientation:portrait) {
#infas-logo img {
    width: 40%;
}
p.index-comment-pp img {
    max-width: 60%;
    /* background-color: #fff; */
    /* margin-bottom: 6px; */
    margin-right: -10%;
    margin-top: 10%;
}
h1.index-title-mp, h1.index-title-pp{
    right: 0;
    left: 0;
    padding-top: 0;
    font-size: 115px;
    text-align: center;
    /*letter-spacing: 0.001em;*/
    line-height: 0.9em;
}
h1.index-title-mp2, h1.index-title-pp2{
left: 0;
    right: 0;
    padding-top: 0;
    text-align: center;
    font-size: 90px; /*90px*/
    line-height: 0.8em;
	transform: rotate(-8deg);
}
p.index-title-mp-jp{
	left: 10%;
	top: 31%;
	font-size: 100px;
	letter-spacing: 0.2em;
}
p.index-comment-mp, p.index-comment-pp{
    padding-top: 17%;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.4em;
}
p.index-comment-pp2{
    padding-top: 11.7%;
    right: 0;
    left: 3.5%;
    text-align: center;
    font-size: 0.9em;
    line-height: 1.4em;
}
.top-button-mp, .top-button-pp{
position: relative;
    padding-top: 65%;
    margin: 0 auto;
}
.btn-mp, .btn-pp{
    font-size: 28px;
    margin-right: 15px;
    margin-left: 15px;
    padding: 5px 25px 10px 25px;
}
.video-description {
    margin-bottom: 190px;
}
    
.pp-info2 {
    margin-left: 0%;
    margin-right: 0%;
} 

.awsome {
	font-size: 0.8em;
  padding-right: 1px;
  padding-left: 1px;
	border: none;
	background: none;
}
.awsome:hover {
	color: #DDBE72;
	background: none;
}
.awsome:visited, .awsome:active, .awsome:focus, .owsome-color:visited, .owsome-color:active, .owsome-color:focus {
	color: #000;
	background: none;
}
.owsome-color {
  background: #fff;
	color: #000;
}
.owsome-color:hover {
  background-color: #fff;
	color: #DDBE72;
}

}


@media only screen and (min-device-width: 1025px) and (orientation:landscape) {
p.index-comment-pp img {
    max-width: 45%;
    /* background-color: #fff; */
    /* margin-bottom: 6px; */
    margin-top: -57%;
    margin-left: -85%;
}
p.index-comment-mp {
        left: -55%;
        text-align: right;
        line-height: 1em;
        font-size: 0.9em;
        top: 26%;
    }
    
}















/*iPad 縦*/
@media only screen and (max-device-width: 768px) and (orientation:portrait) {
    .pp-info2 {
    margin-left: 5px;
    margin-right: 0;
}

}

/*iPad 縦*/
/*@media only screen and (max-device-width: 768px) and (orientation:portrait) {
#infas-logo img {
    width: 40%;
}
h1.index-title-mp, h1.index-title-pp{
    right: 0;
    left: 0;
    padding-top: 0;
    font-size: 95px;
    text-align: center;
    line-height: 0.9em;
}
h1.index-title-mp2, h1.index-title-pp2{
left: 0;
    right: 0;
    padding-top: 0;
    text-align: center;
    font-size: 95px;
    line-height: 0.8em;
	transform: rotate(-8deg);
}
p.index-title-mp-jp{
	left: 10%;
	top: 31%;
	font-size: 100px;
	letter-spacing: 0.2em;
}
p.index-comment-mp, p.index-comment-pp{
    padding-top: 20%;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.4em;
}
.top-button-mp, .top-button-pp{
position: relative;
    padding-top: 35%;
    margin: 0 auto;
}
.btn-mp, .btn-pp{
    font-size: 28px;
    margin-right: 15px;
    margin-left: 15px;
    padding: 5px 25px 10px 25px;
}
.movie-size3{
	height:45%;
	width: 45%;
}
.video-description {
    margin-bottom: 50px;
}
	
}*/


@media only screen and (min-device-width: 1024px){
.fh5co-footer-links li.phoneno {
    margin-left: -12px!important;/*-5px*/
}

p.index-comment-mp {
    padding-top: 20%;
		margin-right: 3%;
    text-align: right;
    line-height: 1em;
    font-size: 0.9em;
}
p.index-comment-pp {
    padding-top: 16%;
    right: 0;
    left: 0;
    text-align: center;
    line-height: 1em;
    font-size: 0.9em;


}























@supports (-ms-ime-align: auto) { /* Edge のみ適用される */
h1.index-title-mp, h1.index-title-pp{
     font-size: 95px;   
    } 
h1.index-title-mp2, h1.index-title-pp2{
     font-size: 85px;   
    }   
p.index-comment-mp, p.index-comment-pp{
    top: 53%;
    }
p.index-comment-pp2{
    top: 64%;
	font-size: 0.65em;
    }
p.index-comment-mp3{
    top: 53%;
    }
 h1.index-title-news{
    top: -0.6em;
    }
 
}