@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@font-face{
    font-family:'Open Sans';
    src:url('https://fonts.googleapis.com/css?family=Open+Sans') format('truetype');
}


@charset "utf-8";
body { position:relative; min-width:1160px; color:#231815; line-height:1.0; font-family:'Open Sans', Arial, 'Hiragino Kaku Gothic ProN', sans-serif; font-size:14px; letter-spacing:-0.01em; }
@media only screen and (max-width: 1280px){
	body{
        width:100%;
        min-width:auto;
	}
}
* { box-sizing:border-box; }
img { vertical-align:top; }
a { color:#036eb8; text-decoration:none; outline:0; }
a:hover { color:#3994d2; }

/* Head */
.Head { position:absolute; top:0; left:0; z-index:2002; width:100%; min-width:1120px; height:26px; }
@media only screen and (max-width: 1280px){
	Head{
        width:100%;
        min-width:auto;
	}
}
.HeadInner { width:1120px; margin:0 auto; }
@media only screen and (max-width: 1280px){
	.HeadInner{
        width:100%:
	}
}
    .HeadInner:after { content:''; display:block; clear:both; height:0; }
.HeadAside { float:right; padding-top:22px; text-align:right; }
    .HeadAside li { display:inline; }
    .HeadAside li a { display:inline-block; /*margin-left:20px;*/ padding:10px; position:relative; overflow:hidden; height:34px; }
        .HeadAside li.nav-about a { width:91px; }
        .HeadAside li.nav-guide a { width:63px; }
        .HeadAside li.nav-works a { width:72px; }
        .HeadAside li.nav-product a { width:95px; }
        .HeadAside li.nav-blog a { width:57px; }
        .HeadAside li.nav-recruit a { width:80px; }
        .HeadAside li.nav-access a { width:75px; }
        .HeadAside li.nav-contact a { width:103px; }
        .HeadAside li.nav-english a { width:82px; }
    .HeadAside li a img { position:relative; }
        .HeadAside li.nav-about a img { left:0; }
        .HeadAside li.nav-guide a img { left:-93px; }
        .HeadAside li.nav-works a img { left:-160px; }
        .HeadAside li.nav-product a img { left:-235px; }
        .HeadAside li.nav-blog a img { left:-333px; }
        .HeadAside li.nav-recruit a img { left:-393px; }
        .HeadAside li.nav-access a img { left:-475px; }
        .HeadAside li.nav-contact a img { left:-551px; }
        .HeadAside li.nav-english a img { left:-651px; }
    .HeadAside li a img:hover { top:-30px; }

/* fixedHeader */
.fixedHeader { display:none; position:fixed; top:0; left:0; z-index:2002; width:100%; height:70px; background:rgba(255,255,255,0.9); }
.fixedHeadInner { width:1120px; margin:0 auto; }
@media only screen and (max-width: 1280px){
	.fixedHeadInner{
        width:100%:
	}
}
    .fixedHeadInner:after { content:''; display:block; clear:both; height:0; }
.fixedHeadLogo { float:left; padding:8px 10px; }
.fixedHeadAside { float:right; min-width:840px; height:70px; padding:0 20px; text-align:right; }
@media only screen and (max-width: 1280px){
	.fixedHeadAside {
        width:100%:
	}
}
.fixedHeadAside:after { content:''; display:block; clear:both; height:0; }
    .fixedHeadAside li { display:inline; float:left; }
    .fixedHeadAside li a { display:inline-block; position:relative; /*margin-left:20px;*/ padding:10px; position:relative; overflow:hidden; height:34px; }
        .fixedHeadAside li.nav-about a { top:14px; width:91px; }
        .fixedHeadAside li.nav-guide a { top:14px; width:63px; }
        .fixedHeadAside li.nav-works a { top:14px; width:72px; }
        .fixedHeadAside li.nav-product a { top:14px; width:95px; }
        .fixedHeadAside li.nav-blog a { top:14px; width:57px; }
        .fixedHeadAside li.nav-recruit a { top:14px; width:80px; }
        .fixedHeadAside li.nav-access a { top:14px; width:75px; }
        .fixedHeadAside li.nav-contact a { position:relative; width:115px; height:73px; margin-left:20px; padding:0; }
        .fixedHeadAside li.nav-english a { position:relative; width:115px; height:73px; margin-left:20px; padding:0; }
    .fixedHeadAside li a img { position:relative; top:-80px; }
        .fixedHeadAside li.nav-about a img { left:0; }
        .fixedHeadAside li.nav-guide a img { left:-93px; }
        .fixedHeadAside li.nav-works a img { left:-160px; }
        .fixedHeadAside li.nav-product a img { left:-235px; }
        .fixedHeadAside li.nav-blog a img { left:-333px; }
        .fixedHeadAside li.nav-recruit a img { left:-393px; }
        .fixedHeadAside li.nav-access a img { left:-475px; }
        .fixedHeadAside li.nav-contact a img { left:-557px; top:-57px; }
        .fixedHeadAside li.nav-english a img { left:-681px; top:-57px; }
    .fixedHeadAside li a img:hover { top:-30px; }
        .fixedHeadAside li.nav-contact a img:hover { left:-557px; top:-57px; opacity:0.7; }
        .fixedHeadAside li.nav-english a img:hover { left:-681px; top:-57px; opacity:0.7; }

/* pagesHeader */
.PagesHeader { position:fixed; top:0; left:0; z-index:2002; width:100%; min-width:1120px; height:70px; background:rgba(255,255,255,0.9); }
@media only screen and (max-width: 1280px){
	.PagesHeader{
        width:100%;
        min-width:auto;
	}
}
.PagesHeadInner { width:1120px; margin:0 auto; }
@media only screen and (max-width: 1280px){
	.PagesHeadInner {
        width:100%:
	}
}
    .PagesHeadInner:after { content:''; display:block; clear:both; height:0; }
.PagesHeadLogo { float:left; padding:8px 10px; }
.PagesHeadAside { float:right; min-width:840px; padding:0 20px; text-align:right; }
@media only screen and (max-width: 1280px){
	.PagesHeadAside {
        width:100%:
	}
}
.PagesHeadAside:after { content:''; display:block; clear:both; height:0; }
    .PagesHeadAside li { display:inline; float:left; }
    .PagesHeadAside li a { display:inline-block; position:relative; /*margin-left:20px;*/ padding:10px; position:relative; overflow:hidden; height:34px; }
        .PagesHeadAside li.nav-about a { top:14px; width:91px; }
        .PagesHeadAside li.nav-guide a { top:14px; width:63px; }
        .PagesHeadAside li.nav-works a { top:14px; width:72px; }
        .PagesHeadAside li.nav-product a { top:14px; width:95px; }
        .PagesHeadAside li.nav-blog a { top:14px; width:57px; }
        .PagesHeadAside li.nav-recruit a { top:14px; width:80px; }
        .PagesHeadAside li.nav-access a { top:14px; width:75px; }
        .PagesHeadAside li.nav-contact a { position:relative; width:115px; height:53px; margin-left:20px; padding:0; }
        .PagesHeadAside li.nav-english a { position:relative; width:115px; height:53px; margin-left:20px; padding:0; }
    .PagesHeadAside li a img { position:relative; top:-80px; }
        .PagesHeadAside li.nav-about a img { left:0; }
        .PagesHeadAside li.nav-guide a img { left:-93px; }
        .PagesHeadAside li.nav-works a img { left:-160px; }
        .PagesHeadAside li.nav-product a img { left:-235px; }
        .PagesHeadAside li.nav-blog a img { left:-333px; }
        .PagesHeadAside li.nav-recruit a img { left:-393px; }
        .PagesHeadAside li.nav-access a img { left:-475px; }
        .PagesHeadAside li.nav-contact a img { left:-557px; top:-57px; }
        .PagesHeadAside li.nav-english a img { left:-681px; top:-57px; }
    .PagesHeadAside li a img:hover { top:-30px; }
    .PagesHeadAside li.current a img { top:-30px; }
        .PagesHeadAside li.nav-contact a img:hover { left:-557px; top:-57px; opacity:0.7; }
        .PagesHeadAside li.nav-english a img:hover { left:-681px; top:-57px; opacity:0.7; }

/* Visual */
.Visual { position:relative; z-index:3; /* margin-bottom:30px; background:url('../images/index/main_visual.png') no-repeat center center; background-size:cover; */ min-height:654px; }
.Visual:after { content:''; display:block; clear:both; height:0; }
.VisualInner { position:relative; z-index:2; width:1120px; height:auto; margin:0 auto; text-align:center; }
.VisualInner h1 { position:absolute; top:0; left:0; width:100%; height:70%; /*min-height:520px;*/ margin-bottom:12%; padding-top:18%; }
.VisualInner p { position:absolute; bottom:50px; left:0; width:100%; text-align:center; /*min-height:100px;*/ }
.VisualFixed { position:absolute; top:0; left:0; width:100%; height:auto; }
.VisualFixed img { width:100%; height:auto; }
.VisualFixed video { width:100%; min-width:1120px; height:auto; }


/*######################################################################*/
/*																		*/
/*	Main																*/
/*																		*/
/*######################################################################*/

.indexPickUpWrap { position:relative; top:-2px; z-index:1; padding:80px 0; background:#fff url('../images/common/bg00.gif') repeat center center; }
.indexPickUpWrap:after { content:''; display:block; clear:both; height:0; }

/* indexPickUp */
.indexPickUp { position:relative; z-index:2; }
.indexPickUp .bnrArea { width:1120px; margin:0 auto 30px; }
@media only screen and (max-width: 1280px){
	.indexPickUp .bnrArea{
        width:100%:
	}
}
.indexPickUpInner { width:1120px; margin:0 auto 30px; }
@media only screen and (max-width: 1280px){
	.indexPickUpInner{
        width:100%:
	}
}
.indexPickUp h2 { margin-bottom:1.0em; }
.indexPickUp ul {  }
.indexPickUpInner ul:after { content:''; display:block; clear:both; height:0; }
.indexPickUp li { float:left; width:22%; margin-right:4%; }
.indexPickUp li:last-child { margin-right:0; }
.indexPickUp li figure { display:block; position:relative; top:0; margin-bottom:0.9em; border-radius:10px; background:#fff; transition:0.2s; }
.indexPickUp li img { width:100%; height:auto; }
.indexPickUp li:hover figure { top:-20px; transition:0.2s; }

.indexPickUp li a { color:inherit; text-decoration:none; }
.indexPickUp li h3 { line-height:1.4; font-size:1.0em; font-weight:600; }
.indexPickUp li h3 small { display:block; margin-bottom:0.85em; font-size:0.85em; font-weight:400; }
.indexPickUp li h3 span { display:inline-block; position:relative; top:1.2em; width:56px; height:26px; margin-right:0.5em; }
    .indexPickUp li h3 span.tv { background:url('../images/common/icon_pickup-tv.png'); }
    .indexPickUp li h3 span.dvd { background:url('../images/common/icon_pickup-dvd.png'); }
    .indexPickUp li h3 span.event { background:url('../images/common/icon_pickup-event.png'); }
    .indexPickUp li h3 span.web { background:url('../images/common/icon_pickup-web.png'); }

/* indexWorks */
.indexWorks { position:relative; z-index:2; padding:45px 0;/*  background:url('../images/index/bg_index_works.png') no-repeat center center; background-size:cover; */ }
.indexWorksInner { width:1120px; margin:0 auto 30px; }
@media only screen and (max-width: 1280px){
	.indexWorksInner{
        width:100%:
	}
}
.indexWorks h2 { margin-bottom:2.0em; text-align:center; }
.indexWorks ul { margin-bottom:2.0em; }
.indexWorksInner ul:after { content:''; display:block; clear:both; height:0; }
.indexWorks li { float:left; width:22%; margin-right:4%; }
.indexWorks li:nth-child(4n+4) { margin-right:0; }
.indexWorks li:nth-child(4n+5) { clear:both; }
.indexWorks li figure { display:block; position:relative; top:0; margin-bottom:0.9em; transition:0.2s; }
.indexWorks li img { width:100%; height:auto; }
.indexWorks li:hover figure { top:-20px; transition:0.2s; }

.indexWorks li a { color:inherit; text-decoration:none; }
.indexWorks li h3 { min-height:7.0em; line-height:1.4; font-size:1.0em; font-weight:600; }
.indexWorks li h3 small { display:block; margin-bottom:0.85em; font-size:0.85em; font-weight:400; }
.indexWorks li h3 span { display:inline-block; position:relative; top:1.2em; width:56px; height:26px; margin-right:0.5em; }
    .indexWorks li h3 span.tv { background:url('../images/common/icon_pickup-tv.png'); }
    .indexWorks li h3 span.dvd { background:url('../images/common/icon_pickup-dvd.png'); }
    .indexWorks li h3 span.event { background:url('../images/common/icon_pickup-event.png'); }
    .indexWorks li h3 span.web { background:url('../images/common/icon_pickup-web.png'); }
.indexWorks ul + p { text-align:center; }
.indexWorks ul + p a { display:inline-block; padding:1.2em 16.5em; border-radius:2.0em; color:#fff; text-decoration:none; background:#ff4d49 url('../images/common/arrow-right.png') no-repeat 97.5% center; transition:0.4s; }
.indexWorks ul + p a:hover { background-color:#fd7270; transition:0.4s; }

/* indexConcept */
.indexConcept { position:relative; z-index:2; background:#fff url('../images/common/bg00.gif') repeat center center; }
.indexConcept h2 { margin-bottom:-80px; padding:120px 0 100px; text-align:center; background:url('../images/index/bg_index_concept.png') no-repeat; background-size:cover; }
.indexConcept .indexConceptInner { width:912px; margin:0 auto 4.0em; }
@media only screen and (max-width: 1280px){
	.indexConcept .indexConceptInner {
        width:100%:
	}
}
.indexConcept .indexConceptInner:after { content:''; display:block; clear:both; height:0; }
.indexConcept .indexConceptInner li { display:inline-block; width:264px; margin:0 20px; color:#000e43; }
.indexConcept .indexConceptInner li figure { display:block; margin-bottom:1.8em; text-align:center; }
.indexConcept .indexConceptInner li h3 { margin-bottom:0.65em; line-height:1.4; font-size:1.5em; font-weight:600; }
.indexConcept .indexConceptInner li h3 + p { margin-bottom:0.8em; line-height:1.6; }
.indexConcept .indexConceptInner li p + p { text-align:right; }
.indexConcept .indexConceptInner li p + p a { display:inline-block; padding-right:1.0em; background:url('../images/common/icon_arrow-right.png') no-repeat right center; }

.indexStaffBlog { width:972px; margin:0 auto 3.0em; }
@media only screen and (max-width: 1280px){
	.indexStaffBlog {
        width:100%:
	}
}
.indexStaffBlog:after { content:''; display:block; clear:both; height:0; }
.indexStaffBlog dt { float:left; width:175px; }
@media only screen and (max-width: 1280px){
	.indexStaffBlog dt{
        width:100%:
	}
}
.indexStaffBlog dd { float:left; width:797px; }
@media only screen and (max-width: 1280px){
	.indexStaffBlog dd{
        width:100%:
	}
}
.indexStaffBlog dd ul { margin-bottom:1.0em; }
.indexStaffBlog dd ul:after { content:''; display:block; clear:both; height:0; }
.indexStaffBlog dd li { float:left; width:30%; margin-right:5%; line-height:1.4; }
.indexStaffBlog dd li:last-child { margin-right:0; }
.indexStaffBlog dd li figure { display:block; margin-bottom:0.9em; }
.indexStaffBlog dd li img { width:100%; height:auto; }
.indexStaffBlog dd li small { display:block; margin-bottom:0.5em; font-size:0.85em; }
.indexStaffBlog + p { padding-bottom:94px; text-align:center; }
.indexStaffBlog li a { display:block; color:inherit; }
.indexStaffBlog + p a { display:inline-block; position:relative; padding:1.2em 5.75em; border-radius:5.0em; color:#fff; font-size:1.4em; text-decoration:none; box-shadow:0 6px 0 0 #bf3c35; background:#ff4d49 url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0.4s; }
.indexStaffBlog + p a:hover { display:inline-block; padding:1.2em 5.75em; border-radius:5.0em; color:#fff; font-size:1.4em; text-decoration:none; box-shadow:0 6px 0 0 #bf3c35; background:#fd8482 url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0.4s; }
.indexStaffBlog + p a:active { top:6px; background-color:#fd7270; box-shadow:0 0 0 0 #bf3c35; transition:0.2s; }
.indexStaffBlog dd ul + p { text-align:right; }
.indexStaffBlog dd ul + p a { display:inline-block; padding-right:1.0em; background:url('../images/common/icon_arrow-right.png') no-repeat right center; }


/* indexNews */
.indexNews { position:relative; z-index:2; padding:60px 0; background:#fff; }
.indexNewsWrap { width:972px; margin:0 auto; }
.indexNewsInner { display:table; width:100%; border-collapse:collapse; }
.indexNewsInner:after { content:''; display:block; clear:both; height:0; }
.indexNews h2 { display:table-cell; width:258px; vertical-align:top; }
.indexNews ul { display:table-cell; vertical-align:top; }
.indexNews li { position:relative; margin-top:-0.75em; margin-bottom:1.75em; }
    .indexNews li:after { content:''; display:inline-block; position:relative; top:0.7em; width:105px; height:30px; margin-right:1.5em; }
    .indexNews li.news:before { background:url('../images/common/icon_news-info.png') no-repeat; }
    .indexNews li.recruit:before { background:url('../images/common/icon_news-recruit.png') no-repeat; }
    .indexNews li.topics:before { background:url('../images/common/icon_news-topics.png') no-repeat; }

/* index inline */
.Home .inner1 {  }
.Home .inner1 h4 { color:; font-size:1.7em; font-weight:600; }
.Home .inner1 figure { display:block; margin:70px 0 60px; }
.Home .inner1 section.intro p { line-height:1.6; font-size:1.4em; font-weight:500; text-align:center; }
.Home .inner .intro + ul li:first-child { margin-bottom:90px; }

.Home .inner h5 { margin-bottom:2.4em; color:#727171; font-size:1.2em; font-weight:600; }
.Home .inner .catch { text-align:left; }
.Home .inner .catch small { display:block; font-size:0.7em; }

.Home .inner .story { margin-bottom:20px; text-align:left; }
.Home .inner .story:after { content:''; display:block; clear:both; height:0; }
.Home .inner .photo { display:block; float:left; width:48%; margin:0 4% 0 0 ; }
.Home .inner .photo img { width:100%; height:auto; }
.Home .inner .photo + p { float:left; width:48%; line-height:2.1; font-size:1.0em; text-align:left; }
.Home .inner .staff { margin-bottom:45px; padding:20px 25px; border-radius:10px; font-size:1.0em; text-align:left; background:url('../images/english/bg_ptn.png'); }
.Home .inner .staff p { font-size:1.0em; text-align:left; }
.Home #cboxContent { border-radius:10px; background:#fff; }


/*######################################################################*/
/*																		*/
/*	Pages																*/
/*																		*/
/*######################################################################*/

/* PagesTitle */
.PagesTitle { min-height:130px; margin-top:70px; padding-top:30px; color:#fff; font-size:2.0em; text-align:center; }
.PagesTitle img { margin-bottom:20px; }

/* PagesIntro */
.PagesIntro { width:1120px; margin:0 auto; padding:80px 0; color:#585764; text-align:center; }
@media only screen and (max-width: 1280px){
	.PagesIntro {
        width:100%:
	}
}
.PagesIntro h2 { margin-bottom:0.8em; line-height:1.5; font-size:2.2em; }
.PagesIntro h2 + p { line-height:1.8; }

    /* About --- PagesIntro */
    .About .PagesIntro { width:960px; margin:0 auto; padding:80px 0; color:#585764; text-align:center; }
    @media only screen and (max-width: 1280px){
	 .About .PagesIntro{
        width:100%:
	}
}
    .About .PagesIntro:after { content:''; display:block; clear:both; height:0; }
    .About .PagesIntro figure { display:block; float:left; width:400px; text-align:left; }
    @media only screen and (max-width: 1280px){
	 .About .PagesIntro figure{
        width:100%:
	}
}
    .About .PagesIntroText { float:left; width:560px; text-align:left; }
    @media only screen and (max-width: 1280px){
	 .About .PagesIntroText{
        width:100%:
	}
}
    .About .PagesIntro h2 { margin-bottom:0.8em; line-height:1.5; font-size:2.2em; }
    .About .PagesIntro h2 + p { line-height:1.8; }

    .About .PagesIntroNote { clear:both; width:840px; margin:0 auto 70px; padding:; }
@media only screen and (max-width: 1280px){
	 .About .PagesIntroNote{
        width:100%:
	}
}
    /* Flow --- PagesIntro */
    .Flow .PagesIntro { width:960px; margin:0 auto; padding:80px 0; color:#585764; text-align:center; }
@media only screen and (max-width: 1280px){
	 .Flow .PagesIntro{
        width:100%:
	}
}
    .Flow .PagesIntro:after { content:''; display:block; clear:both; height:0; }
    .Flow .PagesIntro figure { display:block; float:left; width:400px; text-align:left; }
@media only screen and (max-width: 1280px){
	 .Flow .PagesIntro figure {
        width:100%:
	}
}
    .Flow .PagesIntroText { float:left; width:560px; text-align:left; }
@media only screen and (max-width: 1280px){
	 .Flow .PagesIntroText {
        width:100%:
	}
}
    .Flow .PagesIntro h2 { margin-bottom:0.8em; line-height:2.2; font-size:2.2em; }
    .Flow .PagesIntro h2 + p { line-height:2.4; }

    .Flow .PagesIntroNote { clear:both; width:885px; margin:0 auto 70px; padding:; }
 @media only screen and (max-width: 1280px){
	 .Flow .PagesIntroNote{
        width:100%:
	}
}
    .Flow .PagesIntroNote .catch { color:#585764; }
    .Flow .PagesIntroNote ul {  }
    .Flow .PagesIntroNote ul:after { content:''; display:block; clear:both; height:0; }
    .Flow .PagesIntroNote li { float:left; width:265px; }
    .Flow .PagesIntroNote li:nth-child(2) { margin-left:45px; margin-right:45px; }
    .Flow .PagesIntroNote li figure { display:block; margin-bottom:20px; text-align:center; }
    .Flow .PagesIntroNote li h3 { margin-bottom:20px; color:#585764; font-size:1.6em; }
    .Flow .PagesIntroNote li p { line-height:1.6; }

/* PagesContent */
.PagesContent { color:#585764; line-height:1.6; }
.PagesContentInner { width:700px; margin:0 auto; padding:45px 0; }
@media only screen and (max-width: 1280px){
	 .PagesContentInner{
        width:100%:
	}
}
    .grayBG { background:url('../images/common/bg00.gif') repeat center center; }

.spacing { display:block; clear:both; height:0; margin-bottom:2.0em; border:0; }

.PagesContentInner h3 { margin-bottom:1.8em; padding-bottom:2.0em; font-size:1.7em; text-align:center; background:url('../images/common/bg_pages_headline.png') no-repeat center bottom; }
.PagesContentInner h4 { margin-bottom:0.8em; padding-bottom:0.65em; border-bottom:#585764 3px solid; font-size:1.55em; text-align:center; }
.PagesContentInner table { width:100%; border-collapse:collapse; }
.PagesContentInner table th { width:14%; padding:0.65em 0; text-align:left; }
.PagesContentInner table td { padding:0.65em 0; }

.more-contact { text-align:right; }
.more-contact a { display:inline-block; padding-right:1.2em; background:url('../images/common/icon_arrow-bottom.png') no-repeat right center; }


/* archiveContent */
.archiveContent { padding:45px 0; color:#585764; line-height:1.6; }
.archiveContentInner { width:1055px; margin:0 auto; }
    /*.grayBG { background:url('../images/index/bg03.png'); }*/

.spacing { display:block; clear:both; height:0; margin-bottom:2.0em; border:0; }
.spacing2 { display:block; clear:both; height:0; margin-bottom:4.0em; border:0; }
.spacing3 { display:block; clear:both; height:0; margin-bottom:5.6em; border:0; }

.archiveContentInner ul {  }
.archiveContentInner ul:after { content:''; display:block; clear:both; height:0; }
.archiveContentInner li { float:left; width:22%; margin-right:4%; margin-bottom:2.2em; }
.archiveContentInner li:nth-child(4n+4) { margin-right:0; }
.archiveContentInner li:nth-child(4n+5) { clear:both; }
.archiveContentInner a { color:inherit; }
.archiveContentInner figure { display:block; margin-bottom:0.8em; }
.archiveContentInner figure img { position:relative; top:0; width:100%; height:auto; transition:0.7s; }
    .archiveContentInner a:hover figure img { top:-20px; transition:0.7s; }

.archiveContentInner h3 {  }
.archiveContentInner h3 small { display:block; margin-bottom:0.8em; font-size:0.85em; }

.more-content { text-align:center; }
.more-content a { display:inline-block; padding:0.65em 15.5em; border-radius:5.0em; color:#fff; background:#585764 url('../images/staffblog/icon_arrow-bottom-wh.png') no-repeat 21em center; cursor:pointer; }
.more-content a:hover { color:#eae9ee; background:#84838d url('../images/staffblog/icon_arrow-bottom-wh.png') no-repeat 21em center; }

.catch { margin-bottom:20px; line-height:1.6; font-size:1.65em; text-align:center; }

/*######################################################################*/
/*																		*/
/*	blogs     															*/
/*																		*/
/*######################################################################*/

/* blogsIntro */
.blogsIntro { width:800px; margin:0 auto; padding:20px 0 80px; color:#585764; line-height:1.6; text-align:left; }
@media only screen and (max-width: 1280px){
	 .blogsIntro{
        width:100%:
	}
}
.blogsNav-gotoList { min-height:30px; margin-bottom:1.0em; }
    .blogsNav-gotoList a { display:inline-block; padding-left:1.2em; background:url('../images/common/icon_arrow-left.png') no-repeat left center; }

.blogsIntro h2 { margin-bottom:0.8em; line-height:1.5; font-size:2.2em; }
.blogsIntro h2 small { display:block; font-size:0.45em; }
.blogsIntro h2 + p { line-height:1.8; }
.blogsIntro h3 { margin-bottom:1.0em; color:#727171; font-size:1.2em; font-weight:600; }
.blogsIntro p { margin-bottom:2.0em; }
.blogsIntro p img { margin-bottom:10px; }
.blogsIntro p small.caption { display:block; font-size:0.85em; }

.edit { width:800px; margin:0 auto 40px; padding:15px 20px 20px; border-radius:10px; background:url('../images/staffblog/bg_edit.png'); }
@media only screen and (max-width: 1280px){
	 .edit{
        width:100%:
	}
}
.blogsNav-pager {  }
.blogsNav-pager:after { content:''; display:block; clear:both; height:0; }
.blogsNav-pager li { line-height:1.5; }
.blogsNav-pager li:hover { opacity:0.8; }
.blogsNav-pager li:first-child { float:left; padding-left:2.0em; background:url('../images/staffblog/arrow-article-prev.png') no-repeat 0 center; }
.blogsNav-pager li:last-child { float:right; text-align:right; padding-right:2.0em; background:url('../images/staffblog/arrow-article-next.png') no-repeat right center; }
.blogsNav-pager li a { display:block; padding:0.75em; }
.blogsNav-pager li small { display:block; font-size:0.85em; }


/*######################################################################*/
/*																		*/
/*	About																*/
/*																		*/
/*######################################################################*/

.Works {  }
.Works .PagesTitle { background:url('../images/works/bg_works_title.png') no-repeat center center; background-size:cover; }
.WorksService { width:760px; margin:0 auto; text-align:center; }
@media only screen and (max-width: 1280px){
	 .WorksService{
        width:100%:
	}
}
.WorksService:after { content:''; display:block; clear:both; height:0; }
.WorksService li { float:left; width:190px; margin:0 0 25px; line-height:1.4; }
.WorksService li:nth-child(4n+5) { clear:both; }
.WorksService li figure { display:block; }
.WorksService li figcaption { display:block; padding-top:20px; }


/*######################################################################*/
/*																		*/
/*	About																*/
/*																		*/
/*######################################################################*/

.About {  }
.About .PagesTitle { background:url('../images/about/bg_about_title.png') no-repeat center center; background-size:cover; }
.AboutService { width:760px; margin:0 auto; text-align:center; }
.AboutService:after { content:''; display:block; clear:both; height:0; }
.AboutService li { float:left; width:190px; margin:0 0 25px; line-height:1.4; }
.AboutService li:nth-child(4n+5) { clear:both; }
.AboutService li figure { display:block; }
.AboutService li figcaption { display:block; padding-top:20px; }

.AboutPoint { width:862px; margin:0 auto; }
.AboutPoint:after { content:''; display:block; clear:both; height:0; }
.AboutPoint li { float:left; width:256px; line-height:1.4; text-align:left; }
.AboutPoint li:nth-child(2) { margin-left:45px; margin-right:45px; }
.AboutPoint li figure { display:block; }
.AboutPoint li h4 { min-height:2.4em; margin-bottom:15px; padding-bottom:0; border-bottom:0; line-height:1.3; font-size:1.65em; text-align:left; }
.AboutPoint li p { display:block; line-height:1.6; }

.About .more-contact { clear:both; text-align:center; }
.About .more-contact a { display:inline-block; position:relative; padding:0.75em 5.75em; border-radius:5.0em; color:#fff; font-size:1.4em; text-decoration:none; box-shadow:0 6px 0 0 #bf3c35; background:#ff4d49 url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0.4s; }
.About .more-contact a:hover { display:inline-block; top:0; padding:0.75em 5.75em; border-radius:5.0em; color:#fff; font-size:1.4em; text-decoration:none; box-shadow:0 6px 0 0 #bf3c35; background:#fd8482 url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0.4s; }
.About .more-contact a:active { top:6px; background-color:#fd7270; box-shadow:0 0 0 0 #bf3c35; transition:0.2s; }

.aboutSlide img { width:100%; height:auto; }

#hideContent { position:relative; overflow:hidden; height:auto; }
/*#hideContent.active { height:auto; transition:1.0s; }*/

table.hidden { display:none; position:; }
table.hidden.active { display:table; }


.About footer p { padding-top:2.0em; text-align:center; }

.About footer p .viewmore { display:inline-block; position:relative; padding:0.45em 5.0em 0.45em 3.0em; border-radius:3.0em; border:#585764 1px solid; color:inherit; background:#fff; cursor:pointer; }
.About footer p .viewmore:hover { opacity:0.5; }
.About footer p .viewmore:before { content:''; display:block; position:absolute; top:50%; right:2.0em; width:0.85em; height:0.85em; margin-top:-0.6em; border-top:#585764 1px solid; border-right:#585764 1px solid; transform:rotate(135deg); transition:0.4s; }
.About footer p .viewmore.active { display:inline-block; position:relative; overflow:hidden;padding:0.45em 5.0em 0.45em 3.0em; border-radius:3.0em; border:#585764 1px solid; color:inherit; text-indent:-200%; background:#fff; }
.About footer p .viewmore.active:before { content:''; display:block; position:absolute; top:50%; right:2.0em; width:0.85em; height:0.85em; margin-top:-0.2em; border-top:#585764 1px solid; border-right:#585764 1px solid; transform:rotate(-45deg); transition:0.4s; }
.About footer p .viewmore.active:after { content:'e?a?AA°a??a??'; display:inline-block; position:absolute; top:0.5em; left:0; width:100%; height:100%; margin-left:-1.0em; color:inherit; text-indent:0; }

.About .group h4 { margin-bottom:0; padding-bottom:0; border-bottom:0; margin-bottom:20px; line-height:1.6; font-size:1.65em; text-align:center; }
.About .group table { width:760px; margin:0 auto; }
.About .group table td { width:33%; text-align:center; vertical-align:middle; }
.AboutAccess h3 { margin-bottom:1.8em; padding-bottom:2.0em; font-size:1.7em; text-align:center; background:url('../images/common/bg_pages_headline.png') no-repeat center bottom; }
.AboutAccess iframe { display:block; margin:0; padding:0; border:0; width:100%; height:380px; }
.AboutAccess p { padding:45px; color:#fff; line-height:2.0; font-size:1.1em; text-align:center; background:#585764 url('../images/english/bg_ptn4.png'); }


/*######################################################################*/
/*																		*/
/*	Flow																*/
/*																		*/
/*######################################################################*/

.Flow { color:#585764; }
.Flow .PagesTitle { background:url('../images/flow/bg_flow_title.png') no-repeat center center; background-size:cover; }

.workflow { }
.workflow h3 { margin-bottom:1.8em; padding-bottom:2.0em; font-size:1.7em; text-align:center; background:url('../images/common/bg_pages_headline.png') no-repeat center bottom; }
.workflow h3 + figure { display:block; margin-bottom:45px; padding:45px 0; text-align:center; }

.workflowInner { margin-bottom:80px; }
.workflowInnerNav { width:840px; margin:0 auto 50px; text-align:left; }
.workflowInnerNav h4 { margin-bottom:20px; text-align:left; }
.workflowInnerNav h4 + p { margin-bottom:50px; line-height:1.8; text-align:left; }
.moreFlow { text-align:center; }
.workflowInnerNav .moreFlow a { display:inline-block; position:relative; padding:0.65em 3.6em 0.65em 2.0em; border-radius:3.0em; border:#585764 1px solid; color:inherit; font-size:1.275em; background:#fff; cursor:pointer; }
.workflowInnerNav .moreFlow a:hover { opacity:0.5; }
.workflowInnerNav .moreFlow a:before { content:''; display:block; position:absolute; top:50%; right:2.0em; width:0.85em; height:0.85em; margin-top:-0.6em; border-top:#585764 1px solid; border-right:#585764 1px solid; transform:rotate(135deg); transition:0.4s; }
.workflowInnerNav .moreFlow a.active { display:inline-block; position:relative; overflow:hidden;padding:0.45em 5.0em 0.45em 3.0em; border-radius:3.0em; border:#585764 1px solid; color:inherit; text-indent:-200%; background:#fff; }
.workflowInnerNav .moreFlow a.active:before { content:''; display:block; position:absolute; top:50%; right:2.0em; width:0.85em; height:0.85em; margin-top:-0.2em; border-top:#585764 1px solid; border-right:#585764 1px solid; transform:rotate(-45deg); transition:0.4s; }
.workflowInnerNav .moreFlow a.active:after { content:'e?a?AA°a??a??'; display:inline-block; position:absolute; top:0.5em; left:0; width:100%; height:100%; margin-left:-1.0em; color:inherit; text-indent:0; }

.FlowContent { /*display:none;*/ }
.FlowContent { display:block; width:810px; margin:0 auto; }
.FlowContent li { float:left; width:216px; margin-bottom:60px; text-align:left; }
.FlowContent li:nth-child(2),
.FlowContent li:nth-child(5) { margin-right:81px; margin-left:81px; }
.FlowContent li figure { display:block; text-align:center; }
.FlowContent li figcaption { display:block; padding-top:18px; line-height:1.8; text-align:left; }
.FlowContent li figcaption b { display:block; margin-bottom:7px; font-size:1.4em; }

/* staffs */
.FlowStaff {  }
.FlowStaff:after { content:''; display:block; clear:both; height:0; }
.FlowStaff .main { width:100%; height:auto; }
.FlowStaff .main img { width:100%; height:auto; }
.FlowStaffInner { padding:50px 0; }
.FlowStaffInner h3 + p { width:580px; margin:0 auto 50px; text-align:left; }

.FlowStaff dl { clear:both; width:1120px; margin:0 auto; }
.FlowStaff dl:after { content:''; display:block; clear:both; height:0; }
.FlowStaff dt { float:right; width:210px; text-align:left; }
    .FlowStaff .staff-P dt { padding-top:0.8em; color:#e9473f; line-height:1.4; font-size:1.2em; }
    .FlowStaff .staff-D dt { color:#036eb8; line-height:1.4; font-size:1.2em; }
    .FlowStaff .staff-C dt { padding-top:0.8em; color:#21a564; line-height:1.4; font-size:1.2em; }
.FlowStaff dd { float:right; width:840px; }
.FlowStaff ul { margin-right:30px; }
.FlowStaff ul:after { content:''; display:block; clear:both; height:0; }
.FlowStaff li { float:left; width:10%; margin:0 0 15px; }
.FlowStaff li:nth-child(10n+1) { clear:both; }
.FlowStaff li figure { display:block; text-align:center; }
    .FlowStaff .staff-P li.blank figure { min-height:71px; background:url('../images/flow/01blank.png') no-repeat center center; }
    .FlowStaff .staff-D li.blank figure { min-height:71px; background:url('../images/flow/02blank.png') no-repeat center center; }
    .FlowStaff .staff-C li.blank figure { min-height:71px; background:url('../images/flow/03blank.png') no-repeat center center; }

.casestudy { padding-top:50px; }
.casestudyInner { width:1120px; margin:0 auto; }
.casestudyInner:after { content:''; display:block; clear:both; height:0; }
.casestudyInner li { float:left; width:32%; line-height:1.4; text-align:left; }
.casestudyInner li:nth-child(2) { margin-left:2%; margin-right:2%; }
.casestudyInner li figure { display:block; margin-bottom:20px; }
.casestudyInner li > figure img { width:100%; height:auto; }
.casestudyInner li h4 { min-height:2.4em; margin-bottom:12px; padding-bottom:0; border-bottom:0; line-height:1.3; font-size:1.65em; text-align:left; }
.casestudyInner li h4 small { display:block; padding-top:15px; font-size:0.6em; }
.casestudyInner li h4 + p { margin-bottom:25px; display:block; line-height:1.6; }
.casestudyInner li .note {  }
.casestudyInner li .note:after { content:''; display:block; clear:both; height:0; }
.casestudyInner li .note p {  }
.casestudyInner li .note p small { display:block; padding-top:12px; font-size:0.85em; }
.casestudyInner li .note img { display:block; float:left; width:55px; height:auto; margin-right:15px; }

.alignCenter { text-align:center; }
.x12 { font-size:1.2em; }
.cli { margin-bottom:0; }
.cli .PagesContentInner { padding-bottom:0; }

.Flow .more-contact { clear:both; text-align:center; }
.Flow .more-contact a { display:inline-block; position:relative; padding:0.75em 5.75em; border-radius:5.0em; color:#fff; font-size:1.4em; text-decoration:none; box-shadow:0 0 0 0 #bf3c35; background:#ff4d49 url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0.4s; }
.Flow .more-contact a:hover { display:inline-block; top:-6px; padding:0.75em 5.75em; border-radius:5.0em; color:#fff; font-size:1.4em; text-decoration:none; box-shadow:0 6px 0 0 #bf3c35; background:#ff4d49 url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0.4s; }
.Flow .more-contact a:active { top:0; background-color:#fd7270; box-shadow:0 0 0 0 #bf3c35; transition:0.4s; }

.Flow .group { width:800px; margin:0 auto; padding-bottom:300px; background:url('../images/flow/flow_fix.png') no-repeat center bottom; }
.Flow .group dl { margin-bottom:12px; padding:20px; border-radius:6px; border:#b5b5b6 1px solid; }
.Flow .group dt { position:relative; font-size:1.4em; }
.Flow .group dt:before { content:''; display:block; position:absolute; width:0.6em; height:3px; top:16px; right:15px; background:#000; transform:rotate(-90deg); transition:0.4s; }
.Flow .group dt:after { content:''; display:block; position:absolute; width:0.6em; height:3px; top:16px; right:15px; background:#000; }
.Flow .group dt.active:before { content:''; display:block; position:absolute; width:0.6em; height:3px; top:16px; right:15px; background:#000; transform:rotate(0deg); opacity:0.0; transition:0.4s; }
.Flow .group dt.active:after { content:''; display:block; position:absolute; width:0.6em; height:3px; top:16px; right:15px; background:#000; transition:0.4s; }
.Flow .group dt .blue { color:#036eb8; }
.Flow .group dd { display:none; margin-top:20px; padding-top:20px; border-top:#b5b5b6 1px dashed; }
.Flow .group dd .red { color:#e9473f; }
.Flow .group dd  { color:#585764; }
.Flow .group dd h4 { margin-bottom:0; padding-bottom:0; border-bottom:0; margin-bottom:20px; line-height:1.6; font-size:1.4em; text-align:left; }




/*######################################################################*/
/*																		*/
/*	Recruit																*/
/*																		*/
/*######################################################################*/

.Recruit {  }
.Recruit .PagesTitle { background:url('../images/recruit/bg_recruit_title.png') no-repeat center center; background-size:cover; }


/*######################################################################*/
/*																		*/
/*	Staffblog															*/
/*																		*/
/*######################################################################*/

.Staffblog {  }
.Staffblog .PagesTitle { background:url('../images/staffblog/bg_staffblog_title.png') no-repeat center center; background-size:cover; }


/*######################################################################*/
/*																		*/
/*	Product       														*/
/*																		*/
/*######################################################################*/

.Product {  }
.Product .PagesTitle { background:url('../images/product/bg_product_title.png') no-repeat center center; background-size:cover; }
.Product .PagesContentInner { width:1055px; margin:0 auto; padding:45px 0; }
.ProductListItem {  }
.ProductListItem ul {  }
.ProductListItem ul:after { content:''; display:block; clear:both; height:0; }
.ProductListItem li { float:left; width:22%; margin-right:4%; margin-bottom:2.2em; }
    .ProductListItem li.hide { display:none; }
.ProductListItem li:nth-child(4n+4) { margin-right:0; }
.ProductListItem li:nth-child(4n+5) { clear:both; }
.ProductListItem a { color:inherit; }
.ProductListItem figure { display:block; position:relative; top:0; margin-bottom:0.8em; transition:0.2s; }
.ProductListItem figure img { width:100%; height:auto; }
    .ProductListItem a:hover figure { top:-20px; transition:0.2s; }

.ProductListItem h4 { padding-bottom:0; border-bottom:0; font-size:1.0em; font-weight:600; text-align:left; }
.ProductListItem h4 small { display:block; font-weight:400; }

/*
.Product .btn-accordion { text-align:center; }
.Product .btn-accordion a { display:inline-block; padding:0.65em 15.5em; border-radius:5.0em; color:#fff; background:#54549c url('../images/staffblog/icon_arrow-up-wh.png') no-repeat 19em center; cursor:pointer; }
.Product .btn-accordion a:hover { opacity:0.5; }
*/


.Product .btn-accordion { text-align:center; }
.Product .btn-accordion a { display:inline-block; position:relative; min-width:500px; padding:0.65em 15.5em; border-radius:5.0em; color:#fff; background:#54549c/* url('../images/staffblog/icon_arrow-up-wh.png') no-repeat 19em center*/; cursor:pointer; }
.Product .btn-accordion a:hover { color:#a9aacc; transition:0.4s; }
.Product .btn-accordion a:hover:after { content:''; display:inline-block; position:relative; top:-0.25em; width:0.85em; height:0.85em; margin-left:0.65em; border-top:#a9aacc 1px solid; border-right:#a9aacc 1px solid; transform:rotate(135deg); transition:0.4s; }
.Product .btn-accordion a:after { content:''; display:inline-block; position:relative; top:-0.25em; width:0.85em; height:0.85em; margin-left:0.65em; border-top:#fff 1px solid; border-right:#fff 1px solid; transform:rotate(135deg); transition:0.4s; }
.Product .btn-accordion a.active { display:inline-block; position:relative; overflow:; padding:0.65em 15.5em; border-radius:5.0em; border:#fff 1px solid; color:inherit; text-indent:; background:#54549c; }
.Product .btn-accordion a.active:before { content:'e?a?AA°a??a??'; display:inline-block; position:absolute; top:0.65em; left:0; width:100%; height:100%; color:#fff; text-indent:0; }
.Product .btn-accordion a.active:after { content:''; display:inline-block; position:relative; top:0.35em; width:0.85em; height:0.85em; margin-left:0.15em; border-top:#fff 1px solid; border-right:#fff 1px solid; transform:rotate(-45deg); transition:0.4s; }


.Product .inner1 {  }
.Product .inner1 h4 { color:; font-size:1.7em; font-weight:600; }
.Product .inner1 figure { display:block; margin:70px 0 60px; }
.Product .inner1 section.intro p { line-height:1.6; font-size:1.4em; font-weight:500; text-align:center; }
.Product .inner .intro + ul li:first-child { margin-bottom:90px; }

.Product .inner h5 { margin-bottom:2.4em; color:#727171; font-size:1.2em; font-weight:600; }
.Product .inner .catch { text-align:left; }
.Product .inner .catch small { display:block; font-size:0.7em; }

.Product .inner .story { margin-bottom:20px; text-align:left; }
.Product .inner .story:after { content:''; display:block; clear:both; height:0; }
.Product .inner .photo { display:block; float:left; width:48%; margin:0 4% 0 0 ; }
.Product .inner .photo img { width:100%; height:auto; }
.Product .inner .photo + p { float:left; width:48%; line-height:2.1; font-size:1.0em; text-align:left; }
.Product .inner .staff { margin-bottom:45px; padding:20px 25px; border-radius:10px; font-size:1.0em; text-align:left; background:url('../images/english/bg_ptn.png'); }
.Product .inner .staff p { font-size:1.0em; text-align:left; }
.Product #cboxContent { border-radius:10px; background:#fff; }


/*######################################################################*/
/*																		*/
/*	Wroks       														*/
/*																		*/
/*######################################################################*/

.Works { color:#231815; }
.Works .PagesTitle { background:url('../images/works/bg_works_title.png') no-repeat center center; background-size:cover; }
.Works .PagesContentInner { width:1055px; margin:0 auto; padding:45px 0; }
.WorksListItem {  }
.WorksListItem ul {  }
.WorksListItem ul.hidden { display:none; }
.WorksListItem ul.hidden.active { display:block; }
.WorksListItem ul:after { content:''; display:block; clear:both; height:0; }
.WorksListItem li { float:left; width:22%; margin-right:4%; margin-bottom:2.2em; }
    .WroksListItem li.hide { display:none; }
.WorksListItem li:nth-child(4n+4) { margin-right:0; }
.WorksListItem li:nth-child(4n+5) { clear:both; }
.WorksListItem a { color:inherit; }
.WorksListItem figure { display:block; position:relative; top:0; margin-bottom:0.8em; transition:0.2s; }
.WorksListItem figure img { width:100%; height:auto; }
    .WorksListItem a:hover figure { top:-20px; transition:0.2s; }

.WorksListItem h4 { padding-bottom:0; border-bottom:0; font-size:1.0em; font-weight:600; text-align:left; }
.WorksListItem h4 small { display:block; position:relative; margin-bottom:0.35em; padding-left:3.75em; font-weight:400; }
    .WorksListItem h4 small.tv:before { content:''; display:block; position:absolute; top:0.2em; left:0; width:3.25em; height:1.65em; background:url('../images/works/icon_tv.png') no-repeat; background-size:auto 100%; }
    .WorksListItem h4 small.cm:before { content:''; display:block; position:absolute; top:0.2em; left:0; width:3.25em; height:1.65em; background:url('../images/works/icon_cm.png') no-repeat; background-size:auto 100%; }
    .WorksListItem h4 small.event:before { content:''; display:block; position:absolute; top:0.2em; left:0; width:3.25em; height:1.65em; background:url('../images/works/icon_event.png') no-repeat; background-size:auto 100%; }
    .WorksListItem h4 small.web:before { content:''; display:block; position:absolute; top:0.2em; left:0; width:3.25em; height:1.65em; background:url('../images/works/icon_web.png') no-repeat; background-size:auto 100%; }

.Works .btn-accordion { text-align:center; }
.Works .btn-accordion a { display:inline-block; position:relative; overflow:hidden; padding:0.65em 15.5em; border-radius:5.0em; color:#fff; background:#f8b62d url('../images/staffblog/icon_arrow-up-wh.png') no-repeat 19em center; cursor:pointer; }
.Works .btn-accordion.more a { background:#f8b62d url('../images/staffblog/icon_arrow-down-wh.png') no-repeat 21em center; transition:0.4s; }
.Works .btn-accordion a.active { background:#f8b62d url('../images/staffblog/icon_arrow-up-wh.png') no-repeat 19em center; }
.Works .btn-accordion.more a:hover { color:#fffad6; background:#fdd684 url('../images/staffblog/icon_arrow-down-yl.png') no-repeat 21em center !important; transition:0.4s; }
.Works .btn-accordion.more a.active { text-indent:-200%; }
.Works .btn-accordion.more a.active:after { content:'e?a?AA°a??a??'; display:block; position:absolute; top:0.65em; left:54.5%; }
.Works .btn-accordion.more a.active:hover { color:#fffad6; background:#fdd684 url('../images/staffblog/icon_arrow-up-wh.png') no-repeat 19em center !important; }

.Works .inner1 {  }
.Works .inner1 h4 { color:; font-size:1.7em; font-weight:600; }
.Works .inner1 figure { display:block; margin:70px 0 60px; }
.Works .inner1 section.intro p { line-height:1.6; font-size:1.4em; font-weight:500; text-align:center; }
.Works .inner .intro + ul li:first-child { margin-bottom:90px; }

.Works .inner h5 { margin-bottom:2.4em; color:#727171; font-size:1.2em; font-weight:600; }
.Works .inner .catch { text-align:left; }
.Works .inner .catch small { display:block; font-size:0.7em; }

.Works .inner .story { margin-bottom:20px; text-align:left; }
.Works .inner .story:after { content:''; display:block; clear:both; height:0; }
.Works .inner .photo { display:block; float:left; width:48%; margin:0 4% 0 0 ; }
.Works .inner .photo img { width:100%; height:auto; }
.Works .inner .photo + p { float:left; width:48%; line-height:2.1; font-size:1.0em; text-align:left; }
.Works .inner .staff { margin-bottom:45px; padding:20px 25px; border-radius:10px; font-size:1.0em; text-align:left; background:url('../images/english/bg_ptn.png'); }
.Works .inner .staff p { font-size:1.0em; text-align:left; }
.Works #cboxContent { border-radius:10px; background:#fff; }

.cvArea { padding:50px 0; }
.cvAreaInner { width:900px; margin:0 auto; padding:50px 0 40px; border-radius:10px; text-align:center; background:url('../images/works/bg_ptn.png'); }
.cvAreaInner h3 { margin-bottom:0.5em; font-size:2.0em; }
.cvAreaInner p { line-height:2.0; }
.cvAreaInner p + p { margin-top:2.0em; }
.cvAreaInner p a { display:inline-block; position:relative; padding:0.6em 5.75em; border-radius:5.0em; color:#fff; font-size:1.4em; text-decoration:none; box-shadow:0 6px 0 0 #bf3c35; background:#ff4d49 url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0.4s; }
.cvAreaInner p a:hover { display:inline-block; top:0; padding:0.60em 5.75em; border-radius:5.0em; color:#fff; font-size:1.4em; text-decoration:none; box-shadow:0 6px 0 0 #bf3c35; background:#fd8482 url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0.4s; }
.cvAreaInner p a:active { top:6px; background-color:#fd7270; box-shadow:0 0 0 0 #bf3c35; transition:0.2s; }


/*######################################################################*/
/*																		*/
/*	Foot																*/
/*																		*/
/*######################################################################*/

.Foot .pagetop { position:fixed; z-index:2001; bottom:5.0em; right:0; }
.Foot .PageTop { display:block; width:72px; height:72px; background:url('../images/common/pagetop.png') no-repeat; cursor:pointer; }

.Foot { position:relative; }
    .Foot:after { content:''; display:block; clear:both; height:0; }
.Foot .Map { position:relative; width:100%; }
.Foot .Map .MapInner { position:absolute; top:0; left:0; z-index:2; width:560px; height:100%; padding-top:55px; background:rgba(51,51,51,0.8); }
    .Foot .Map .MapInner h3 { width:50%; margin:0 auto 2.5em; text-align:center; }
    .Foot .Map .MapInner p { width:50%; margin:0 auto; color:#fff; line-height:1.6; }
    .Foot .Map .MapInner p a { display:inline-block; padding-right:1.15em; color:#fff; background:url('../images/common/arrow-right.png') no-repeat right center; }
    .Foot .Map iframe { width:100%; height:380px; vertical-align:top; }
    .Foot .Map #map_canvas { width:100%; height:380px; vertical-align:top; }
.FootInner { width:100%; min-width:1120px; padding:70px 0 50px; color:#fff; text-align:center; background:#ff4d49; }
.FootInner dl { width:100%; max-width:1120px; margin:0 auto; line-height:1.4; font-size:1.2em; }
.FootInner dl:after { content:''; display:block; clear:both; height:0; }
.FootInner dt { margin-bottom:1.0em; }
.FootInner dt + dd { margin-bottom:2.0em; line-height:1.6; }
.FootInner dd.contact { margin-bottom:4.0em; }
.FootInner dd.contact a { display:inline-block; margin:0 0.35em; }
/*
.FootInner dd.contact a { display:inline-block; margin:0 0.35em; padding-bottom:7px; border-bottom:#fff 2px solid; color:inherit; line-height:1.0; font-size:1.8em; }
    .FootInner dd.contact a.mail { padding-left:1.8em; letter-spacing:0.05em; background:url('../images/common/foot_mail.png') no-repeat left 0.15em; }
    .FootInner dd.contact a.tel { padding-left:1.2em; letter-spacing:0.1em; background:url('../images/common/foot_tel.png') no-repeat left 0.05em; }
*/
.FootInner dd.contact span { display:inline-block; position:relative; }
.FootInner dd.contact span small { display:block; position:absolute; bottom:-1.75em; left:0; width:100%; font-size:0.8em; text-align:center; }

.SNS { position:relative; }
.SNS ul {  }
.SNS li { display:inline-block; margin:0 1.5em; }
.SNS li a { display:block; height:72px; }

.FootCopyright small { display:block; width:1120px; margin:2.0em auto 0; color:#fff; font-size:0.7em; text-align:left; }
@media only screen and (max-width: 1280px){
	 .FootCopyright small {
        width:100%:
	}
}


/*######################################################################*/
/*																		*/
/*	English       														*/
/*																		*/
/*######################################################################*/

.English { color:#585764; letter-spacing:0.1em; }

/* EnglishHeader */
.EnglishHeader { min-height:700px; background:url('../images/english/visual.png') no-repeat center center; background-size:cover; }
.EnglishHeaderInner { position:relative; width:92%; min-height:700px; margin:0 auto; }
@media only screen and (max-width: 1280px){
	 .EnglishHeaderInner {
        width:96%;
	}
}
.EnglishHeaderText {  }
    .EnglishHeaderText h1 { position:absolute; top:50%; left:50%; margin:-160px 0 0 -100px; }
@media only screen and (max-width: 960px){
	 .EnglishHeaderText h1{
        width: 100%;
       top:0;
       left:0;
        margin:100px 0 0;
 }
}
@media only screen and (max-width: 960px){
	 .EnglishHeaderText h1 a{
        width: 100%;
        display: block;
        margin:0;
 }
}
@media only screen and (max-width: 960px){
	 .EnglishHeaderText h1 img{
        width: 160px;
        display: block;
        margin: 0 auto;
 }
}
    .EnglishHeaderText p { position:absolute; left:0; bottom:0.9em; color:#fff; line-height:1.25; font-family:'Open Sans', Arial, sans-serif; font-weight:500; font-size:3.6em; -webkit-font-smoothing:antialiased; }
@media only screen and (max-width: 960px){
	 .EnglishHeaderText p {
        font-size:320%;
 }
}
@media only screen and (max-width: 640px){
	 .EnglishHeaderText p {
        font-size:220%;
 }
}
.EnglishHeaderAside { position:absolute; top:0; right:0; }
    .EnglishHeaderAside ul { list-style:none; }
    .EnglishHeaderAside ul li { display:inline; }
    .EnglishHeaderAside ul li:nth-child(1) a { display:inline-block; padding:23px; border-radius:0 0 10px 10px; background:#ff4d49; }
    .EnglishHeaderAside ul li:nth-child(1) a:hover { display:inline-block; padding:23px; border-radius:0 0 10px 10px; background:#fd8482; }
    .EnglishHeaderAside ul li:nth-child(2) a { display:inline-block; margin-left:4px; padding:23px; border-radius:0 0 10px 10px; background:#fff; }
    .EnglishHeaderAside ul li:nth-child(2) a:hover img { opacity:0.5; }

/* EnglishIntroInner */
.EnglishIntroInner { min-width:1120px; padding:90px 0; line-height:1.6; background:url('../images/english/bg_ptn.png'); }
@media only screen and (max-width: 1280px){
	 .EnglishIntroInner{
        width:100%;
        min-width:auto;
        margin:0;
	}
}
.EnglishIntroInner:after { content:''; display:block; clear:both; height:0; }
.Aspiring { margin-bottom:90px; }
    .Aspiring:after { content:''; display:block; clear:both; height:0; }
    .Aspiring figure { display:block; float:left; width:51%; }
@media only screen and (max-width: 1280px){
	.Aspiring figure{
        width:75%;
        float:none;
	}
}    
    .Aspiring figure img {width:100%;height:auto;border-radius:0 30em 30em 0;}
    .Aspiring .EnglishIntroText { display:block; float:left; width:46%; max-width:540px; margin-left:3%; }
@media only screen and (max-width: 1280px){
	.Aspiring .EnglishIntroText {
        width:100%;
        max-width:auto;
        margin:0;
	}
}
    .Aspiring .EnglishIntroText h3 { margin-bottom:0.7em; padding-top:0.7em; color:#ff4d49; line-height:1.3; font-size:2.4em; }
@media only screen and (max-width: 1280px){
	.Aspiring .EnglishIntroText h3 {
        padding:2%;
	}
} 
@media only screen and (max-width: 640px){
	.Aspiring .EnglishIntroText h3 {
        font-size:160%;
	}
} 
    .Aspiring .EnglishIntroText p { margin-bottom:1.0em; color:#585764; }
@media only screen and (max-width: 1280px){
	.Aspiring .EnglishIntroText p {
        padding:2%;
	}
} 
.GuidancetoJapanese { margin-bottom:90px; }
    .GuidancetoJapanese:after { content:''; display:block; clear:both; height:0; }
    .GuidancetoJapanese figure { display:block; float:right; width:51%; text-align:right; }
@media only screen and (max-width: 1280px){
	.GuidancetoJapanese figure{
        width:75%;
	}
}
    .GuidancetoJapanese figure img { width:100%; height:auto; border-radius:30em 0 0 30em; }
    .GuidancetoJapanese .EnglishIntroText { display:block; float:right; width:46%; max-width:540px; margin-right:3%; }
    @media only screen and (max-width: 1280px){
	 .GuidancetoJapanese .EnglishIntroText{
	 	width:96%;
	 	max-width:auto;
	 	float:none;
	 	margin:0 auto;
	 	clear: both;
	}
}
    .GuidancetoJapanese .EnglishIntroText h3 { margin-bottom:0.7em; padding-top:0.7em; color:#219b64; line-height:1.3; font-size:2.4em; }
@media only screen and (max-width: 640px){
	.GuidancetoJapanese .EnglishIntroText h3{
        font-size:160%;
        width:100%;
	}
} 
    .GuidancetoJapanese .EnglishIntroText p { margin-bottom:1.0em; color:#585764; }
.Fullsupport {  }
    .Fullsupport:after { content:''; display:block; clear:both; height:0; }
    .Fullsupport figure { display:block; float:left; width:51%; }
@media only screen and (max-width: 1280px){
	.Fullsupport figure{
        width:75%;
	}
}
    
    .Fullsupport figure img { width:100%; height:auto; border-radius:0 30em 30em 0; }
    .Fullsupport .EnglishIntroText { display:block; float:left; width:46%; max-width:540px; margin-left:3%; }
@media only screen and (max-width: 1280px){
	.Fullsupport .EnglishIntroText {
        width:100%;
        max-width:auto;
        margin:0;
	}
}
    .Fullsupport .EnglishIntroText h3 { margin-bottom:0.7em; padding-top:0.7em; color:#036eb8; line-height:1.3; font-size:2.4em; }
@media only screen and (max-width: 1280px){
	.Fullsupport .EnglishIntroText h3{
        padding:2%;
	}
} 
@media only screen and (max-width: 640px){
	.Fullsupport .EnglishIntroText h3{
        font-size:160%;
        width:100%;
	}
} 
    .Fullsupport .EnglishIntroText p { margin-bottom:1.0em; color:#585764; }
@media only screen and (max-width: 1280px){
	.Fullsupport .EnglishIntroText p{
        padding:2%;
	}
} 
/* EnglishService */
.EnglishService { padding:60px 0 90px; color:#fff; letter-spacing:0.1em; background:url('../images/english/bg_service.png'); background-size:cover; }
.EnglishService:after { content:''; display:block; clear:both; height:0; }
    .EnglishService header { margin-bottom:40px; padding-bottom:40px; text-align:center; background:url('../images/english/bg_service_headline.png') no-repeat center bottom; }
    .EnglishService h2 { font-size:2.1em; font-weight:; }
.EnglishServiceInner { width:1120px; margin:0 auto; text-align:center; }
@media only screen and (max-width: 1280px){
	 .EnglishServiceInner{
        width:100%;
	}
}
    .EnglishServiceInner h3 { margin-bottom:0.6em; font-size:2.5em; font-weight:600; }
    .EnglishServiceInner p { line-height:1.8; font-size:1.4em; }

.FullPackage-deal { padding:75px 0 40px; color:#fff; background:#ff4d49 url('../images/english/bg_ptn2.png'); }
    .FullPackage-deal:after { content:''; display:block; clear:both; height:0; }
    .FullPackage-deal figure { display:block; float:left; width:46%; }
@media only screen and (max-width: 1280px){
	.FullPackage-deal figure{
        width:98%;
        margin:0 auto;
        /* display: block; */
        float: none;
 }
}
    .FullPackage-deal figure img { width:100%; height:auto; border-radius:0 1em 1em 0; }
@media only screen and (max-width: 1280px){
	.FullPackage-deal figure img{
        border-radius:1em;
	}
}
    .FullPackage-deal .InnerText { display:block; float:left; width:51%; max-width:570px; margin-left:3%; }
@media only screen and (max-width: 1280px){
	.FullPackage-deal .InnerText{
        width:100%;
        max-width:auto;
        margin:0 auto;
	}
}
    .FullPackage-deal .InnerText h3 { margin-bottom:0.7em; padding-top:0.7em; padding-left:1.75em; line-height:1.4; font-size:2.5em; background:url('../images/english/icon_deal.png') no-repeat 0 0.65em; background-size:auto 1.4em; }
@media only screen and (max-width: 1280px){
	.FullPackage-deal .InnerText h3 {
        width:80%;
        max-width:auto;
        padding:4% 2% 4% 10%;
        margin:0 0 0 5%;
        font-size:220%;
	}
} 
@media only screen and (max-width: 640px){
	.FullPackage-deal .InnerText h3 {
        width:90%;
        font-size:140%;
	}
} 
    .FullPackage-deal .InnerText p { margin-bottom:1.0em; line-height:1.75em; font-size:1.3em; font-weight:500; }
@media only screen and (max-width: 1280px){
	.FullPackage-deal .InnerText p {
        width:96%;
        margin:2%;
	}
} 
    .FullPackage-deal .InnerText p a { display:inline-block; position:relative; margin-top:1.0em; padding:0.5em 2.0em 0.5em 1.0em; border-radius:0.4em; color:#ff4d49; font-size:1.3em; font-weight:600; background:#fff; }
    .FullPackage-deal .InnerText p a:before { content:''; display:block; position:absolute; top:50%; right:0.65em; width:0.6em; height:0.6em; margin-top:-0.325em; border-top:#ff4d49 2px solid; border-right:#ff4d49 2px solid; transform:rotate(45deg); }
    .FullPackage-deal .InnerText p a:hover { color:#fda6a5; }
    .FullPackage-deal .InnerText p a:hover:before { border-top:#fda6a5 2px solid; border-right:#fda6a5 2px solid; }

/* FullPackage-deal */
.ProductionSupport { padding:75px 0 40px; color:#fff; background:#219b64 url('../images/english/bg_ptn3.png'); }
    .ProductionSupport:after { content:''; display:block; clear:both; height:0; }
    .ProductionSupport figure { display:block; float:right; width:46%; }
@media only screen and (max-width: 1280px){
	.ProductionSupport figure {
        width:98%;
        margin:0 auto;
        /* display: block; */
        float: none;
 }
}
    .FullPackage-deal figure img { width:100%; height:auto; border-radius:0 1em 1em 0; }
@media only screen and (max-width: 1280px){
	.FullPackage-deal figure img{
        border-radius:0;
	}
}
    .ProductionSupport figure img { width:100%; height:auto; border-radius:1em 0 0 1em; }
@media only screen and (max-width: 1280px){
	.ProductionSupport figure img{
        border-radius:0;
	}
}
    .ProductionSupport .InnerText { display:block; float:right; width:51%; max-width:570px; margin-right:3%; }
@media only screen and (max-width: 1280px){
	.ProductionSupport .InnerText{
        width:100%;
        max-width:auto;
        margin:0;
	}
}
    .ProductionSupport .InnerText h3 { margin-bottom:0.7em; padding-top:0.7em; padding-left:1.75em; line-height:1.4; font-size:2.5em; background:url('../images/english/icon_deal.png') no-repeat 0 0.65em; background-size:auto 1.4em; }
@media only screen and (max-width: 1280px){
	.ProductionSupport .InnerText h3 {
        width:80%;
        max-width:auto;
        padding:4% 2% 4% 10%;
        margin:0 0 0 5%;
        font-size:220%;
	}
} 
@media only screen and (max-width: 640px){
	.ProductionSupport .InnerText h3 {
        width:90%;
        font-size:140%;
	}
}    
    .ProductionSupport .InnerText p { margin-bottom:1.0em; line-height:1.75em; font-size:1.3em; font-weight:500; }
@media only screen and (max-width: 1280px){
	.ProductionSupport .InnerText p {
        width:96%;
        padding:0;
        margin:2%;
	}
} 
    .ProductionSupport .InnerText p a { display:inline-block; position:relative; margin-top:1.0em; padding:0.5em 2.0em 0.5em 1.0em; border-radius:0.4em; color:#219b64; font-size:1.3em; font-weight:600; background:#fff; }
    .ProductionSupport .InnerText p a:before { content:''; display:block; position:absolute; top:50%; right:0.65em; width:0.6em; height:0.6em; margin-top:-0.325em; border-top:#219b64 2px solid; border-right:#219b64 2px solid; transform:rotate(45deg); }
    .ProductionSupport .InnerText p a:hover:before { border-top:#92ccb3 2px solid; border-right:#92ccb3 2px solid; }

/* EnglishMENU */
.EnglishMENU { padding:50px 0 80px; background:url('../images/english/bg_ptn.png'); }
.EnglishMENUInner { width:640px; margin:0 auto; text-align:center; }
@media only screen and (max-width: 1280px){
	.EnglishMENUInner{
        width:100%;
	}
}
.EnglishMENUInner h2 { margin-bottom:40px; font-size:2.1em; font-weight:; }
.EnglishMENUInner ul {  }
@media only screen and (max-width: 960px){
	.EnglishMENUInner ul{
        display: flex;
        flex-wrap: wrap;
 }
}
.EnglishMENUInner ul:after { content:''; display:block; clear:both; height:0; }
.EnglishMENUInner li { float:left; width:25%; margin-bottom:3.0em; line-height:1.3; letter-spacing:0; }
@media only screen and (max-width: 1280px){
	.EnglishMENUInner li{
        width:25%;
	}
}
@media only screen and (max-width: 960px){
	.EnglishMENUInner li{
        width:33.333%;
	}
}
@media only screen and (max-width: 480px){
	.EnglishMENUInner li{
        width:50%;
	}
}
.EnglishMENUInner li:nth-child(5) { clear:both; }
.EnglishMENUInner figcaption { display:block; padding-top:0.85em; }

/* Englishwhoweare */
.Englishwhoweare { padding:60px 0 90px; color:#fff; letter-spacing:0.1em; background:url('../images/english/bg_gift.png'); background-size:cover; }
.Englishwhoweare:after { content:''; display:block; clear:both; height:0; }
    .Englishwhoweare header { margin-bottom:40px; padding-bottom:40px; text-align:center; background:url('../images/english/bg_service_headline.png') no-repeat center bottom; }
    .Englishwhoweare h2 { font-size:2.1em; font-weight:; }
.EnglishwhoweareInner { width:1120px; margin:0 auto; text-align:center; }
@media only screen and (max-width: 1280px){
	 .EnglishwhoweareInner{
        width:100%;
	}
}
    .EnglishwhoweareInner h3 { margin-bottom:0.6em; font-size:2.5em; font-weight:600; }
    .EnglishwhoweareInner p { line-height:1.8; font-size:1.4em; }

/* Englishwhatwedo */
.Englishwhatwedo { padding:65px 0 70px; color:#fff; background:#585764 url('../images/english/bg_ptn4.png'); background:cover; }
.Englishwhatwedo:after { content:''; display:block; clear:both; height:0; }
    .Englishwhatwedo header { margin-bottom:45px; text-align:center; }
    .Englishwhatwedo h2 { font-size:2.1em; font-weight:; }
.EnglishwhatwedoInner { width:600px; margin:0 auto; text-align:center; }
@media only screen and (max-width: 1280px){
	 .EnglishwhatwedoInner{
        width:100%;
	}
}
    .EnglishwhatwedoInner h3 { margin-bottom:0.6em; font-size:2.5em; font-weight:600; }
    .EnglishwhatwedoInner p { line-height:1.8; font-size:1.1em; }

/* Englishwhatwedo */
.Englishwedo { padding:65px 0 70px; color:#585764; }
.Englishwedo:after { content:''; display:block; clear:both; height:0; }
    .EnglishwedoInner { width:1095px; margin:0 auto; }
    @media only screen and (max-width: 1280px){
	 .EnglishwedoInner{
        width: 98%;
 }
}
    .EnglishwedoInner:after { content:''; display:block; clear:both; height:0; }
    .EnglishwedoInner li { float:left; width:30%; }
@media only screen and (max-width: 640px){
	 .EnglishwedoInner li{
        width:96%;
        float:none;
        margin:0 auto;
	}
}
    .EnglishwedoInner li:nth-child(2) { margin-left:5%; margin-right:5%; }
@media only screen and (max-width: 640px){
	 .EnglishwedoInner li:nth-child(2){
        width:96%;
        float:none;
        margin:0 auto;
	}
}
    .EnglishwedoInner figure { display:block; margin-bottom:1.9em; }
    .EnglishwedoInner figure img { width:100%; height:auto; }
    .EnglishwedoInner li a:hover figure { opacity:0.7; }
    .EnglishwedoInner h2 { margin-bottom:0.85em; font-size:1.7em; font-weight:600; }
        .EnglishwedoInner li:nth-child(1) h2 { color:#ff4d49; }
        .EnglishwedoInner li:nth-child(2) h2 { color:#219b64; }
        .EnglishwedoInner li:nth-child(3) h2 { color:#036eb8; }
    .EnglishwedoInner p { line-height:1.8; letter-spacing:0; }

/* EnglishOurTeam */
.EnglishOurTeam { padding:65px 0 0; color:#fff; background:#585764 url('../images/english/bg_ptn4.png'); }
.EnglishOurTeam:after { content:''; display:block; clear:both; height:0; }
    .EnglishOurTeam header { margin-bottom:45px; text-align:center; }
    .EnglishOurTeam h2 { font-size:2.1em; font-weight:; }
.EnglishOurTeamInner { padding-bottom:70px; text-align:center; }
    .EnglishOurTeamInner h3 { max-width:1024px; margin:0 auto; margin-bottom:1.0em; font-size:2.5em; font-weight:600; }
    @media only screen and (max-width: 1280px){
	 .EnglishOurTeamInner h3{
        width:100%;
	}
}
    .EnglishOurTeamInner p { width:600px; margin:0 auto; line-height:1.8; font-size:1.1em; }
    @media only screen and (max-width: 1280px){
	 .EnglishOurTeamInner p {
        width:100%;
	}
}
    .EnglishOurTeamInnerPhoto {  }
    .EnglishOurTeamInnerPhoto figure { display:block; width:100%; }
    .EnglishOurTeamInnerPhoto img { width:100%; height:auto; }

/* EnglishAward */
.EnglishAward { padding-bottom:40px; background:url('../images/english/bg_ptn.png'); }
    .EnglishAward header { padding:40px 0; text-align:center; }
    .EnglishAward h2 { font-size:2.1em; font-weight:; }
.EnglishAwardInner { width:900px; margin:0 auto; text-align:center; }
@media only screen and (max-width: 1280px){
	 .EnglishAwardInner {
        width:100%;
	}
}
    .EnglishAwardInner h3 { margin-bottom:0.6em; font-size:2.5em; font-weight:600; }
    .EnglishAwardInner p { margin-bottom:1.0em; line-height:1.8; font-size:1.1em; }
    .EnglishAwardInner .viewmore { display:inline-block; cursor:pointer; }
    .EnglishAwardInner .viewmore.active {  }
    .EnglishAwardInner .viewmore .opener { display:inline-block; }
    .EnglishAwardInner .viewmore.active .opener { display:none; }
    .EnglishAwardInner .viewmore .closer { display:none; }
    .EnglishAwardInner .viewmore.active .closer { display:inline-block; }

/* EnglishOffice */
.EnglishOffice { padding:65px 0 70px; background:url('../images/english/bg_office.png') no-repeat center center; background-size:cover; }
.EnglishOffice:after { content:''; display:block; clear:both; height:0; }
    .EnglishOffice header { margin-bottom:40px; padding-bottom:40px; text-align:center; background:url('../images/english/bg_service_headline2.png') no-repeat center bottom; }
    .EnglishOffice h2 { font-size:2.1em; font-weight:; }
.EnglishOfficeInner { width:600px; margin:0 auto; text-align:center; }
@media only screen and (max-width: 1280px){
	 .EnglishOfficeInner {
        width:100%;
	}
}
    .EnglishOfficeInner h3 { margin-bottom:0.6em; font-size:2.4em; font-weight:600; letter-spacing:0.1em; }
    .EnglishOfficeInner p { line-height:1.8; font-size:1.55em; }
.EnglishAccess { color:#fff; background:#585764 url('../images/english/bg_ptn4.png'); }
.EnglishAccessMap iframe { display:block; margin:0; padding:0; border:0; width:100%; height:380px; }
.EnglishAccessInner { padding:45px; color:#fff; line-height:1.6; font-size:1.5em; text-align:center; }
.EnglishAccessInner p a { color:#ccc; text-decoration:underline; }

.inner h4 { color:; font-size:1.7em; font-weight:500; }
.inner figure { display:block; margin:70px 0 60px; }
.inner figure img { width:100%; }
.inner p { line-height:1.6; font-size:1.4em; font-weight:500; text-align:center; }

/* EnglishFoot */
.EnglishFoot .pagetop { position:fixed; z-index:2001; bottom:5.0em; right:0; }
.EnglishFoot .PageTop {display:block;width:72px;height:72px;background:url('../images/common/pagetop.png') no-repeat;cursor:pointer;}

.EnglishFoot { position:relative; }
    .EnglishFoot:after { content:''; display:block; clear:both; height:0; }
.EnglishFootInner { width:100%; min-width:1120px; padding:70px 0 50px; color:#fff; text-align:center; background:#ff4d49; }
@media only screen and (max-width: 1280px){
	.EnglishFootInner{
        width:100%;
        min-width:auto;
	}
}
.EnglishFootInner:after { content:''; display:block; clear:both; height:0; }
.EnglishFootInfo { width:100%; max-width:1120px; margin:0 auto; }
@media only screen and (max-width: 1280px){
	.EnglishFootInfo{
        width:100%;
        max-width:auto;
	}
}
.EnglishFootInner:after { content:''; display:block; clear:both; height:0; }
.EnglishFootInner dt { margin-bottom:40px; padding-bottom:40px; font-size:1.6em; text-align:center; background:url('../images/english/bg_service_headline.png') no-repeat center bottom; }
.EnglishFootInner dt + dd { margin-bottom:1.0em; font-size:1.5em; line-height:1.6; }
.EnglishFootInner dt + dd + dd { margin-bottom:25px; }
    .EnglishFootInner dt + dd + dd a { display:inline-block; position:relative; margin-top:1.0em; padding:0.5em 2.0em 0.5em 2.0em; border-radius:4.0em; color:#ff4d49; font-size:1.3em; background:#fff; box-shadow:0 3px 0 0 #df473f; }
    .EnglishFootInner dt + dd + dd a:before { content:''; display:inline-block; position:relative; top:-0.15em; width:1.75em; height:1.2em; margin-right:0.35em; margin-bottom:-0.35em; background:url('../images/english/icon_mail.png') no-repeat; background-size:auto 100%; }
    .EnglishFootInner dt + dd + dd a:hover { color:#ffa6a4; box-shadow:0 3px 0 0 #df473f; }
    .EnglishFootInner dt + dd + dd a:hover:before { background:url('../images/english/icon_mail-ov.png') no-repeat; background-size:auto 100%; }
    .EnglishFootInner dt + dd + dd a:active { position:relative; top:3px; color:#ffa6a4; box-shadow:none; }

.EnglishFootInner dd span { display:inline-block; position:relative; }
.EnglishFootInner dd span small { display:block; position:absolute; bottom:-1.75em; left:0; width:100%; font-size:0.8em; text-align:center; }

.EnglishFoot .SNS { position:relative; }
.EnglishFoot .SNS ul {  }
.EnglishFoot .SNS li {display:inline-block;margin:0 0.75em;}
.EnglishFoot .SNS li a {display:block;min-height:50px;}

.EnglishFootCopyright small { display:block; width:1120px; margin:2.0em auto 0; color:#fff; font-size:0.7em; text-align:left; }
@media only screen and (max-width: 1280px){
	 .EnglishFootCopyright small {
        width:100%;
	}
}
#colorbox{
	border-radius:0;
	overflow-y: inherit;
    }
@media only screen and (min-width: 960px){
	#colorbox img{
    width: 940px !important;
    margin: 0 auto;
    display: block;
    border-radius:0;
    }
}