@charset "utf-8";
/**********************************************************/
/*  responsive.css  */
/**********************************************************/

@media screen and (min-width: 0px) and (max-width: 479px) {
/*--------------------------------------
	COMMON
--------------------------------------*/

.container {
	width:auto;
}

.box {
	margin:0 10px;
}

  
/*--------------------------------------
	トップページ
--------------------------------------*/
/*--------------------------------------
	HEADER
--------------------------------------*/
#logo-company {
	z-index:8999;
	top:15px;
	left:10px;
}

#logo-company img {
	width:120px;
}

#sub-nav01 a, #sub-nav02 a,
#sub-nav01 img, #sub-nav02 img,
#lang-jp-on, #lang-en {
	display:none;
}

/*--------------------------------------
	FOOTER
--------------------------------------*/
#footer {
	padding:0 10px 30px;
}

ul.footer-right-top {
	display:none;
}

ul.footer-right-bottom {
	width:280px;
	margin:0 auto;
	float:none;
}

#footer #footer-utility #footer-nav {
	float:none;
	width:auto;
}

#footer #footer-utility #footer-left {
	margin-left:20px;
}

#footer-left {
	position:absolute;
	top:85px;
}	

#footer-top div.column2-box {
	width:100%;
	padding:0 10px 20px;
}

#footer-top dl.column2,
#footer-top dl.column2r {
	min-width:100%;
	padding-bottom:0;
	margin:0 33%;
}

/*--------------------------------------
	NAVI
--------------------------------------*/
.oe_wrapper {
	display:none;
}

#dl-menu {
	top:8px;
	right:10px;
}

.dl-menuwrapper button {
	margin-left:252px;
}

/*--------------------------------------
	SLIDE
--------------------------------------*/
.rslides {
	margin:0 auto;
}

/*--------------------------------------
	CONTENTS
--------------------------------------*/
#top-main {
	width:auto;
	padding-left:10px;
}

#top-main img.bg {
	display:none;
}

#top-main img.top-copy {
	max-width:100%;
}

#top-news h2 {
	padding-left:10px;
}

.news-display {
	padding-left:10px;
}

#pickup-contents h2 {
	padding-left:10px;
}

#pickup-contents ul {
	width:229px;
	margin:0 auto 50px;
	display:table;	
}

#pickup-contents ul li {
	padding-right:10px;
}

#pickup-contents div.autoplay {
	display:none;
}

.photobox {
	padding-left:10px;
}

.news-display {
	width:auto;
}

.news-box dd.news {
	margin:0 0 20px 0;
}

p.pc-txt {
	display:none;
}

p.res-txt {
	display:block;
}

/*--------------------------------------
	下層ページ
--------------------------------------*/
#breadcrumbs {
	padding-left:10px;
	display:inline-block;
}

#pagetitle h1 {
	padding-top:0;
}

#pagetitle h1 img {
	max-width:100%;
}

#main h2 img {
	display:block;
}

#main h3.center {
	display:none;
}

#main h3.res-txt {
	display:block;
}

.photobox img {
	display:none;
}

.photobox img.pic {
	display:block;
}

.photobox p.no-wrap {
	overflow:visible;
}

.information-tab {
	margin-left:10px;
}

.box table.network th {
	width:100%;
	display:block;
}

.box table.network td {
	width:100%;
	display:block;
}

.box table.outline th,
.box table.outline td {
	width:100%;
	display:block;
	padding-right:0;
}

.box table.profile-directors {
	width:100%;
}

.box-access {
	display:block;
}

.box div.access-map,
.box div.access-map img.map {
	width:100%;
}

.box div.fig img {
	width:100%;
	margin-left:0;
}

#main .box div.fig h4 {
	margin-left:0;
}

#main h3.profile-title,
#main h3.fig-title {
	width:auto;
}

.l-slide {
	margin-left:0;
}

img.biz-model {
	width:100%;
}

.box div.button2 {
	margin: 20px 0;
	text-align: center;
}

.box div.history {
	text-align:left;
	margin-bottom:10em;
}

.box div.history::before {
	left:4.5%;
	margin-left:-2px;
	content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    background: #639ed7;
	z-index:10;
}

.box div.history dl.right,
.box div.history dl.left {
	width:95%;
	margin-top:2%;
	margin-left:1.5%;
}

.box div.history dl.left dt {
	text-align:right;
}

.box div.history dl.right dd,
.box div.history dl.left dd {
	text-align:left;
	margin-left:10px;
	margin-bottom:30px;
	width:100%;
}

.box div.history dl.left span.hoge,
.box div.history dl.right span.hoge {
	left:-7px;
}

.box div.history div.bg1, 
.box div.history div.bg2,
.box div.history div.bg3,
.box div.history div.bg4 {
	display:none;
}

.box div.history dl.right dd.pic-res-size img,
.box div.history dl.left dd.pic-res-size img {
	width:100%;
}

.box dl.entries {
	margin:30px auto;
	padding:10px;
	background-color:#ebebeb;
	width:auto;
}

.box table.list-directors {
	width:100%;
}

.box table.list-directors th,
.box table.list-directors td {
	padding: 20px 0 15px 0;	
}

.recruit-box img {
	width:100%;
}

.box div.address {
	margin:20px 0;
}

.column-pic img {
	width:100%;
}

iframe.movie-size {
	width:100%;
}

.box div.fig-partnerships p {
	margin-left:0;
}

/*--------------------------------------
	お問い合わせフォーム
--------------------------------------*/
.table-bordered th,
.table-bordered td {
	width:100%;
	display:block;
}

select.input-full,
.input-mini,
.input-small,
.input-full,
.input-medium,
.input-large,
.input-xlarge,
.input-xxlarge {
  width: 100%;
}

}
@media screen and (min-width: 480px) and (max-width: 640px) {
/*--------------------------------------
	COMMON
--------------------------------------*/

.container {
	width:auto;
}

.box {
	margin:0 10px;
}
  
/*--------------------------------------
	トップページ
--------------------------------------*/
/*--------------------------------------
	HEADER
--------------------------------------*/
#logo-company {
	z-index:8999;
	top:15px;
	left:10px;
}

#logo-company img {
	width:120px;
}

#sub-nav01 a, #sub-nav02 a,
#sub-nav01 img, #sub-nav02 img,
#lang-jp-on, #lang-en {
	display:none;
}

/*--------------------------------------
	FOOTER
--------------------------------------*/
#footer {
	padding:0 10px 30px;
}

ul.footer-right-top {
	display:none;
}

ul.footer-right-bottom {
	float:none;
	margin:0 auto;
}

#footer #footer-utility #footer-nav {
	float:none;
	width:auto;
}

#footer #footer-utility #footer-left {
	right:0;
	width:auto;
}

#footer-left {
	position:absolute;
	top:50px;
}	

#footer-top div.column2-box {
	width:390px;
	padding-bottom:20px;
}

#footer-top dl.column2 {
	min-width:170px;
	padding-bottom:0;
}

#footer-top dl.column2r {
	min-width:140px;
	padding-bottom:0;
}

/*--------------------------------------
	NAVI
--------------------------------------*/
.oe_wrapper {
	display:none;
}

#dl-menu {
	top:10px;
	right:10px;
}

.dl-menuwrapper button {
	margin-left:252px;
}

/*--------------------------------------
	SLIDE
--------------------------------------*/
.rslides {
	margin:0 auto;
}

/*--------------------------------------
	CONTENTS
--------------------------------------*/
#top-main {
	width:auto;
	padding-left:10px;
	padding-bottom:40px;
}

#top-main img.bg {
	display:none;
}

#top-main img.top-copy {
	max-width:100%;
}

#top-news h2 {
	padding-left:10px;
}

.news-display {
	padding-left:10px;
}

#pickup-contents h2 {
	padding-left:10px;
}

#pickup-contents ul {
	width:478px;
	margin:0 auto 50px;
	display:table;	
}

#pickup-contents ul li {
	padding-right:10px;
}

#pickup-contents div.autoplay {
	display:none;
}

.photobox {
	padding-left:10px;
}

.news-display {
	width:auto;
}

.news-box dd.news {
	margin:0 0 20px 0;
}

/*--------------------------------------
	下層ページ
--------------------------------------*/
#breadcrumbs {
	padding-left:10px;
	display:inline-block;
}

#pagetitle h1 {
	padding-top:0;
}

#pagetitle h1 img {
	max-width:100%;
}

.photobox img {
	display:none;
}

.photobox img.pic {
	display:block;
}

.photobox p.no-wrap {
	overflow:visible;
}

.information-tab {
	margin-left:10px;
}

.box table.network th {
	width:100%;
	display:block;
}

.box table.network td {
	width:100%;
	display:block;
}

.box table.outline th,
.box table.outline td {
	width:100%;
	display:block;
	padding-right:0;
}

.box table.profile-directors {
	width:100%;
}

.box-access {
	display:block;
}

.box div.access-map,
.box div.access-map img.map {
	width:100%;
}

.box div.fig img {
	width:100%;
	margin-left:0;
}

#main .box div.fig h4 {
	margin-left:0;
}

#main h3.fig-title,
#main h3.profile-title {
	width:auto;
}

.l-slide {
	margin-left:0;
}

img.biz-model {
	width:100%;
}

.box div.button2 {
	margin: 20px 0;
	text-align: center;
}

.box div.history {
	text-align:left;
	margin-bottom:10em;
}

.box div.history::before {
	left:3.5%;
	margin-left:-2px;
	content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    background: #639ed7;
	z-index:10;
}

.box div.history dl.right,
.box div.history dl.left {
	width:95%;
	margin-top:2%;
	margin-left:1.5%;
}

.box div.history dl.left dt {
	text-align:right;
}

.box div.history dl.right dd,
.box div.history dl.left dd {
	text-align:left;
	margin-left:10px;
	margin-bottom:30px;
	width:100%;
}

.box div.history dl.left span.hoge,
.box div.history dl.right span.hoge {
	left:-7px;
}

.box div.history div.bg1, 
.box div.history div.bg2,
.box div.history div.bg3,
.box div.history div.bg4 {
	display:none;
}

.box div.history dl.left dd.pic-l {
	text-align:right;
}

.box table.list-directors {
	width:100%;
}

.box table.list-directors th,
.box table.list-directors td {
	padding: 20px 0 15px 0;	
}

.recruit-box img {
	width:100%;
}

.box div.address {
	margin:20px 0;
}

.column-pic img {
	width:100%;
}

iframe.movie-size {
	width:100%;
}

.box div.fig-partnerships img {
	width:100%;
}

.box div.fig-partnerships p {
	text-align:left;
	margin-top:30px;
	margin-left:0;
}

/*--------------------------------------
	お問い合わせフォーム
--------------------------------------*/
.table-bordered th,
.table-bordered td {
	width:100%;
	display:block;
}

select.input-full,
.input-mini,
.input-small,
.input-full,
.input-medium,
.input-large,
.input-xlarge,
.input-xxlarge {
  width: 100%;
}

}
@media screen and (min-width: 641px) and (max-width: 768px) {
/*--------------------------------------
	COMMON
--------------------------------------*/

.container {
	width:auto;
}

.box {
	margin:0 10px;
}
  
/*--------------------------------------
	トップページ
--------------------------------------*/
/*--------------------------------------
	HEADER
--------------------------------------*/
#logo-company {
	z-index:8999;
	top:15px;
	left:10px;
}

#logo-company img {
	width:120px;
}

#sub-nav01 a, #sub-nav02 a,
#sub-nav01 img, #sub-nav02 img,
#lang-jp-on, #lang-en {
	display:none;
}

/*--------------------------------------
	FOOTER
--------------------------------------*/
#footer {
	padding:0 10px 30px;
}

ul.footer-right-top {
	display:none;
}

ul.footer-right-bottom {
	float:none;
	width:600px;
	margin:0 auto;
}

#footer #footer-utility #footer-nav {
	float:none;
	width:auto;
}

#footer #footer-utility #footer-left {
	right:0;
	width:auto;
}

#footer-left {
	position:absolute;
	top:50px;
}	

#footer-top div.column2-box {
	width:390px;
	padding-bottom:20px;
}

#footer-top dl.column2 {
	min-width:170px;
	padding-bottom:0;
}

#footer-top dl.column2r {
	min-width:140px;
	padding-bottom:0;
}

/*--------------------------------------
	NAVI
--------------------------------------*/
.oe_wrapper {
	display:none;
}

#dl-menu {
	top:8px;
	right:10px;
}

.dl-menuwrapper button {
	margin-left:252px;
}

/*--------------------------------------
	SLIDE
--------------------------------------*/
.rslides {
	margin:0 auto;
}

/*--------------------------------------
	CONTENTS
--------------------------------------*/
#top-main {
	width:auto;
	padding-left:10px;
	padding-bottom:40px;
}

#top-main img.bg {
	display:none;
}

#top-main img.top-copy {
	max-width:100%;
}

#top-news h2 {
	padding-left:10px;
}

.news-display {
	padding-left:10px;
}

#pickup-contents h2 {
	padding-left:10px;
}

#pickup-contents ul {
	width:478px;
	margin:0 auto 50px;
	display:table;	
}

#pickup-contents div.autoplay {
	display:none;
}

.photobox {
	padding-left:10px;
}

.news-display {
	width:auto;
}

.news-box dd.news {
	margin:0 0 20px 0;
}

/*--------------------------------------
	下層ページ
--------------------------------------*/
#breadcrumbs {
	padding-left:10px;
	display:inline-block;
}

#pagetitle h1 {
	padding-top:0;
}

#pagetitle h1 img {
	max-width:100%;
}

.photobox img {
	display:none;
}

.photobox img.pic {
	display:block;
}

.photobox p.no-wrap {
	overflow:visible;
}

.information-tab {
	margin-left:10px;
}

.box table.network th {
	width:100%;
	display:block;
}

.box table.network td {
	width:100%;
	display:block;
}

.box table.outline th,
.box table.outline td {
	width:100%;
	display:block;
	padding-right:0;
}

.box table.profile-directors {
	width:100%;
}

.box-access {
	display:block;
}

.box div.fig img {
	margin-left:0;
}

#main .box div.fig h4 {
	margin-left:0;
}

#main h3.profile-title {
	margin-left:0;
}

#main h3.fig-title {
	width:auto;
	margin-left:20px;
}

.l-slide {
	margin-left:0;
}

.box div.history {
	text-align:left;
	margin-bottom:10em;
}

.box div.history::before {
	left:2.8%;
	margin-left:-2px;
	content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    background: #639ed7;
	z-index:10;
}

.box div.history dl.right,
.box div.history dl.left {
	width:95%;
	margin-left:1.5%;
}

.box div.history dl.left dt {
	text-align:right;
}

.box div.history dl.right dd,
.box div.history dl.left dd {
	text-align:left;
	margin-left:10px;
	margin-bottom:30px;
	width:100%;
}

.box div.history dl.left span.hoge {
	left:-8px;
}

.box div.history div.bg1, 
.box div.history div.bg2,
.box div.history div.bg3,
.box div.history div.bg4 {
	display:none;
}

.box div.history dl.left dd.pic-l {
	text-align:right;
}

.box table.list-directors {
	width:90%;
}

.box table.list-directors th,
.box table.list-directors td {
	padding: 20px 0 15px 0;	
}

.box div.fig-partnerships img {
	width:100%;
}

.box div.fig-partnerships p {
	text-align:left;
	margin-top:30px;
	margin-left:80px;
}

}
@media screen and (min-width: 769px) and (max-width: 1024px) {
/*--------------------------------------
	COMMON
--------------------------------------*/

.container {
	width:auto;
}

.box {
	margin:0 10px;
}

  
/*--------------------------------------
	トップページ
--------------------------------------*/
/*--------------------------------------
	HEADER
--------------------------------------*/
#logo-company {
	z-index:8999;
	top:10px;
	left:10px;
}

#sub-nav01 a, #sub-nav02 a,
#sub-nav01 img, #sub-nav02 img,
#lang-jp-on, #lang-en {
	display:none;
}

/*--------------------------------------
	FOOTER
--------------------------------------*/
#footer {
	padding:0 10px 30px;
}

ul.footer-right-top {
	display:none;
}

ul.footer-right-bottom {
	float:none;
	width:600px;
	margin:0 auto;
}

#footer #footer-utility #footer-nav {
	float:none;
	width:auto;
}

#footer #footer-utility #footer-left {
	right:0;
	width:auto;
}

#footer-left {
	position:absolute;
	top:50px;
}	

/*--------------------------------------
	NAVI
--------------------------------------*/
.oe_wrapper {
	display:none;
}

#dl-menu {
	top:8px;
	right:10px;
}

.dl-menuwrapper button {
	margin-left:230px;
}

/*--------------------------------------
	SLIDE
--------------------------------------*/
.rslides {
	margin:0 auto;
}

/*--------------------------------------
	CONTENTS
--------------------------------------*/
#top-main {
	width:auto;
	padding-left:10px;
}

#top-main img.bg {
	right:0;
}

#top-main img.top-copy {
	max-width:100%;
}

#top-news h2 {
	padding-left:10px;
}

.news-display {
	padding-left:10px;
}

#pickup-contents h2 {
	padding-left:10px;
}

#pickup-contents ul {
	width:478px;
	margin:0 auto 50px;
	display:table;	
}

#pickup-contents ul li {
	padding-right:10px;
}

#pickup-contents div.autoplay {
	display:none;
}

.photobox {
	padding-left:10px;
}

.news-display {
	width:auto;
}

.news-box dd.news {
	margin:0px 0 20px 0;
}

/*--------------------------------------
	下層ページ
--------------------------------------*/
#breadcrumbs {
	padding-left:10px;
}

#pagetitle h1 {
	margin:0 auto;
	padding-top:0;
}

#pagetitle h1 img {
	max-width:100%;
}

.information-tab {
	margin-left:10px;
}

.box div.fig-partnerships img {
	width:90%;
}

.box div.fig-partnerships p {
	text-align:left;
	margin-top:30px;
	margin-left:167px;
}

/*--------------------------------------
	お問い合わせフォーム
--------------------------------------*/
#section-form {
	margin:0 10px;
}

}
@media print, screen and (min-width: 1025px)  {

/*--------------------------------------
	NAVI
--------------------------------------*/
#dl-menu {
	display:none;
}
	
}