@charset "utf-8";

/*
Theme Name:  株式会社 千代田ラフト
Description: 株式会社 千代田ラフト

Version: ver1.0
Theme URI:
Author: 株式会社 千代田ラフト
Author URI:
Tags:
*/

/* -------------------- 181020追加分 -------------------- */

@media only screen and (max-width: 1280px){
	body {

	}
}
@media only screen and (max-width: 960px){
	body {

	}
}

@media only screen and (max-width: 640px){
	body {

	}
}



/* -------------------- reset.css -------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } body { line-height:1; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } table { border-collapse:collapse; border-spacing:0; }




/* -------------------- style.css -------------------- */

@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; }
* { box-sizing:border-box; }

@media only screen and (max-width: 1280px){
	body {
        min-width:100%;
	}
}


img { vertical-align:top; }
a { color:#036eb8; text-decoration:none; outline:0; }
a:hover { color:#3994d2; }
a img:hover{opacity: 0.7;}
.loading { display:none; padding:1.0em 0; text-align:center; }

span.red { color:#e9473f; }
.spacing { display:block; clear:both; width:0; height:0; margin:0 0 2.0em 0; padding:0; border:0; }

/* clearfix */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }


/* Head */
.Head { /*position:absolute;*/ top:5px; left:0; z-index:2002; width:100%; min-width:1120px; /*height:26px;*/ }
@media only screen and (max-width: 1280px){
	.Head {
        min-width:100%;
 }
}

.HeadInner {width: 100%; margin: 0 0 0 0;}
@media only screen and (max-width: 1280px){
	.HeadInner {
         width:100%;
 }
}
@media only screen and (max-width: 960px){
	.HeadInner {
         display:none;
 }
}
    .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; }
@media only screen and (max-width: 1280px){
	.HeadAside li a {
        padding:1% 0;
	}
}
        .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%;min-width: 1160px;height:70px;background:rgba(255,255,255,0.9);}
@media only screen and (max-width: 1280px){
	.fixedHeader {
        min-width:100%;
	}
}
@media only screen and (max-width: 1080px){
	.fixedHeader {
        display:none;
	}
}

.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; }
@media only screen and (max-width: 1280px){
	.fixedHeadLogo {
        padding:8px 10px 0 0;
	}
}

.fixedHeadAside {
	float:right;
	min-width:840px;
	height:70px;
	padding:0 20px;
	text-align:right;
}
@media only screen and (max-width: 960px){
	.fixedHeadAside {
        display:none;
 }
}


.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; }
    @media only screen and (max-width: 1280px){
	.fixedHeadAside li a {
        padding:2% 0;
	}
}
        .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;/* width: 100%; */}
        .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:100%;
	}
}


.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; }
/*@media only screen and (max-width: 1280px){*/
	.PagesHeadLogo {
        /* padding:5% 0; */
 }
}
.PagesHeadAside {float:right;min-width: 830px;padding: 0 0px;text-align:right;display:block;}
@media only screen and (max-width: 1024px){
	.PagesHeadAside {
        display:none;
	}
}


.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; }
@media only screen and (max-width: 1280px){
	.PagesHeadAside li a {
        padding:5% 0;
	}
}
        .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:8px; 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.about-us li.nav-about a img { top:-30px; }
             .PagesHeadAside.guide li.nav-guide a img { top:-30px; }
/*
             .PagesHeadAside.works li.nav-works a img,
             .PagesHeadAside.movie li.nav-works a img { top:-30px; }
             .PagesHeadAside.product li.nav-product a img { top:-30px; }
             .PagesHeadAside.staff li.nav-blog a img { top:-30px; }
*/
             .PagesHeadAside.recruit li.nav-recruit 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; }

/*LP*/


.lpPagesHeadAside {float:right;min-width: 830px;padding: 0 0px;text-align:right;display:block;}
@media only screen and (max-width: 960px){
	.lpPagesHeadAside {
        display:none;
	}
}


.lpPagesHeadAside:after { content:''; display:block; clear:both; height:0; }
    .lplpPagesHeadAside li { display:inline; float:left; }
    .lpPagesHeadAside li a { display:inline-block; position:relative; /*margin-left:20px;*/ padding:10px; position:relative; overflow:hidden; height:34px; }
@media only screen and (max-width: 1280px){
	.lpPagesHeadAside li a {
        padding:5% 0;
	}
}
        .lpPagesHeadAside li.nav-about a { top:14px; width:91px; }
        .lpPagesHeadAside li.nav-guide a { top:14px; width:63px; }
        .lpPagesHeadAside li.nav-works a { top:14px; width:72px; }
        .lpPagesHeadAside li.nav-product a { top:14px; width:95px; }
        .lpPagesHeadAside li.nav-blog a { top:14px; width:57px; }
        .lpPagesHeadAside li.nav-recruit a { top:14px; width:80px; }
        .lpPagesHeadAside li.nav-access a { top:14px; width:75px; }
        .lpPagesHeadAside li.nav-contact a { position:relative; width:115px; height:53px; margin-left:20px; padding:0; }
        .lpPagesHeadAside li.nav-english a { position:relative; width:115px; height:53px; margin-left:8px; padding:0; }
    .lpPagesHeadAside li a img { position:relative; top:-80px; }
        .lpPagesHeadAside li.nav-about a img { left:0; }
        .lpPagesHeadAside li.nav-guide a img { left:-93px; }
        .lpPagesHeadAside li.nav-works a img { left:-160px; }
        .lpPagesHeadAside li.nav-product a img { left:-235px; }
        .lpPagesHeadAside li.nav-blog a img { left:-333px; }
        .lpPagesHeadAside li.nav-recruit a img { left:-393px; }
        .lpPagesHeadAside li.nav-access a img {left: -475px;}
        .lpPagesHeadAside li.nav-contact a img { left:-557px; top:-57px; }
        .lpPagesHeadAside li.nav-english a img { left:-681px; top:-57px; }
    .lpPagesHeadAside li a img:hover { top:-30px; }
    .lpPagesHeadAside li.current a img { top:-30px; }
             .lpPagesHeadAside.about-us li.nav-about a img { top:-30px; }
             .lpPagesHeadAside.guide li.nav-guide a img { top:-30px; }
/*
             .PagesHeadAside.works li.nav-works a img,
             .PagesHeadAside.movie li.nav-works a img { top:-30px; }
             .PagesHeadAside.product li.nav-product a img { top:-30px; }
             .PagesHeadAside.staff li.nav-blog a img { top:-30px; }
*/
             .lpPagesHeadAside.recruit li.nav-recruit a img { top:-30px; }
        .lpPagesHeadAside li.nav-contact a img:hover { left:-557px; top:-57px; opacity:0.7; }
        .lpPagesHeadAside 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;}
@media only screen and (max-width: 1280px){
	.Visual {
        width:100%;
        min-height:auto;
	}
}
.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; }
@media only screen and (max-width: 1280px){
	.VisualInner {
        width:100%;
        min-height:auto;
	}
}


.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;*/ }
@media only screen and (max-width: 960px){
	.VisualInner p {
        display:none;
	}
}
.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; }
@media only screen and (max-width: 1280px){
	.VisualFixed video {
        min-width:100%;
	}
}

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

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

/* indexPickUp */
.indexPickUp { position:relative; z-index:2; }
.indexPickUp .bnrArea { width:1120px; margin:0 auto 25px; }
@media only screen and (max-width: 1280px){
	.indexPickUp .bnrArea {
        width:100%;
        margin-bottom:1%;
 }
}
.indexPickUp .bnrArea img{
	/*width:100%*/;
}
.indexPickUpInner { width:1120px; margin:0 auto 0px; }

@media only screen and (max-width: 1280px){
	.indexPickUpInner {
        width:100%;
	}
}



.indexPickUp h2 { margin-bottom:1.0em; font-weight: 800; font-size: 1.2em;}
@media only screen and (max-width: 1280px){
	.indexPickUp h2{
        margin: 0 2%;
 }
}
.indexPickUp ul {/* width:500px; */margin:0 auto;}
@media only screen and (max-width: 1280px){
	.indexPickUp ul {
	width: 98%;
	/* overflow:hidden; */
	padding: 1% 0 0;
	margin: 0 auto;
	}
}
.indexPickUpInner ul:after { content:''; display:block; clear:both; height:0; }
.indexPickUp li {float:left;width:22%;margin-right:4%;}
@media only screen and (max-width: 1280px){
	.indexPickUp li {
        width: 23%;
        margin: 1%;
 }
}
.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 figure { display:block; position:relative; overflow:hidden; top:0; width:100%; height:141px; margin-bottom:0.7em; border-radius:10px; transition:0.2s; background-position:center center; background-size:cover; }
.indexPickUp li img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: auto;height: 100%;}

.indexPickUp li:hover figure { top:-14px; 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; }
@media only screen and (max-width: 1280px){
	.indexPickUp li h3{
		position:absolute;
		margin-top:5%;
	}
}

.indexPickUp li h3 small {position: relative; padding-left: 60px; display:block; margin-bottom:0.85em; font-size:0.85em; font-weight:400; line-height: 1.4em; }

.indexPickUp li h3 span { left: 0px; display:inline-block; position:absolute; top:0em; width:56px; height:26px; margin-right:0.5em; }
    .indexPickUp li h3 span.tv_regular { background:url('../images/index/icon_pickup-tv.png'); }
    .indexPickUp li h3 span.tv_sp { background:url('../images/index/icon_pickup-tv.png'); }
    .indexPickUp li h3 span.cm { background:url('../images/index/icon_pickup-cm.png'); }
    .indexPickUp li h3 span.event { background:url('../images/index/icon_pickup-event.png'); }
    .indexPickUp li h3 span.web { background:url('../images/index/icon_pickup-web.png'); }
    .indexPickUp li h3 span.artworks-movie { background:url('../images/index/icon_pickup-artworks-movie.png'); }
    .indexPickUp li h3 span.artworks-book { background:url('../images/index/icon_pickup-artworks-book.png'); }
    .indexPickUp li h3 span.staff-blog { background:url('../images/index/icon_staff.png'); }

/* indexWorks */
.indexWorks { position:relative; z-index:2; padding:55px 0;/*  background:url('../images/index/bg_index_works.png') no-repeat center center; background-size:cover; */ }
@media only screen and (max-width: 1280px){
	.indexWorks {
        padding:0 0 25px;
	}
}
.indexWorksInner { width:1120px; margin:0 auto 30px; }

@media only screen and (max-width: 1280px){
	.indexWorksInner {
        width:100%;
	}
}

.indexPickUp .indexConceptInner li {float:left;width:22%;margin-right:4%;}
.indexPickUp .indexConceptInner li:last-child { margin-right:0; }
.indexPickUp .indexConceptInner li figure { /*display:block; position:relative; top:0; margin-bottom:0.9em; border-radius:10px; background:#fff; transition:0.2s;*/ }
.indexPickUp .indexConceptInner li figure { display:block; position:relative; overflow:hidden; top:0; width:100%; height:141px; margin-bottom:0.7em; border-radius:10px; transition:0.2s; background-position:center center; background-size:cover; }
.indexPickUp .indexConceptInner li img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: auto;/* height: 100%; */}
.indexPickUp .indexConceptInner li a { color:inherit; text-decoration:none; }
.indexPickUp .indexConceptInner li h3 { line-height:1.4; font-size:1.0em; font-weight:600; }


.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%; }
@media only screen and (max-width: 1280px){
	.indexPickUp li {
        width: 23%;
        margin: 1% 1% 10%;
 }
}
@media only screen and (max-width: 960px){
	.indexPickUp li {
        width: 48%;
        margin: 1% 1% 18%;
 }
}
@media only screen and (max-width: 640px){
	.indexPickUp li {
        width: 48%;
        margin: 1% 1% 40%;
 }
}
.indexWorks li:nth-child(4n+4) { margin-right:0; }
.indexWorks li:nth-child(4n+5) { clear:both; }
@media only screen and (max-width: 1280px){
	.indexPickUp li a{
        width: 100%;
        margin: 0;
        display:block;
    position: relative;
    height: 100%;
    padding: 56% 0 0px;
 }
}
.indexWorks li figure {display:block;position:relative;overflow:hidden;top:0;width: 251px;height:141px;margin-bottom:0.7em;border-radius:10px;transition:0.2s;background-position:center center;background-size:cover;}
@media only screen and (max-width: 1280px){
	.indexPickUp li figure {
	    width: 251px;
	    height: 141px;
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 }
}
.indexWorks li img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 100%; }
.indexWorks li:hover figure { top:-14px; 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 { position: relative; padding-left: 60px; display:block; margin-bottom:0.85em; font-size:0.85em; font-weight:400; }
.indexWorks li h3 span { display:inline-block; position:absolute; left: 0em; top:0em; width:56px; height:26px; margin-right:0.5em; }
    .indexWorks li h3 span.tv_regular { background:url('../images/index/icon_works-tv.png'); }
    .indexWorks li h3 span.tv_sp { background:url('../images/index/icon_works-tv.png'); }
    .indexWorks li h3 span.cm { background:url('../images/index/icon_works-cm.png'); }
    .indexWorks li h3 span.event { background:url('../images/index/icon_works-event.png'); }
    .indexWorks li h3 span.web { background:url('../images/index/icon_works-web.png'); }
    .indexWorks li h3 span.artworks-movie { background:url('../images/index/icon_works-artworks-movie.png'); }
    .indexWorks li h3 span.artworks-book { background:url('../images/index/icon_works-artworks-book.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;}
@media only screen and (max-width: 640px){
	.indexWorks ul + p a {
		width:80%;
		padding:5%;
	}
}
.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;}
@media only screen and (max-width: 640px){
	.indexConcept h2 {
        background-size:140%;
        padding:18% 0 150px;
 }
}
.indexConcept .indexConceptInner { width:912px; margin:0 auto 4.0em; }
@media only screen and (max-width: 1280px){
	.indexConcept .indexConceptInner {
        width:100%;
	}
}
.indexConcept img{
}
@media only screen and (max-width: 1280px){
	.indexConcept img{
		width:30%;
	}
}
.indexConcept .indexConceptInner:after { content:''; display:block; clear:both; height:0; }
.indexConcept .indexConceptInner li { display:inline-block; width:264px; margin:0 20px; color:#000e43; }
@media only screen and (max-width: 1280px){
	.indexConcept .indexConceptInner li {
        width:29%;
        margin:2%;
	}
}
@media only screen and (max-width: 640px){
	.indexConcept .indexConceptInner li {
        width:94%;
        margin:2% 2% 20%;
	}
}
.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;margin-top: 10%; text-align: center;}
@media only screen and (max-width: 1280px){
	.indexConcept .indexConceptInner li h3 {
        margin-top:15%;
        position: static;
        text-align: center;
 }
}
@media only screen and (max-width: 960px){
	.indexConcept .indexConceptInner li h3 {
        margin-top:5%;
        font-size: 130%;
 }
}

.indexConcept .indexConceptInner li h3 + p {margin-bottom:0.8em;line-height:1.6;}
@media only screen and (max-width: 960px){
	.indexConcept .indexConceptInner li h3 + p{
        height:auto !important;
        margin-bottom:5%;
	}
}
.indexConcept .indexConceptInner li p + p { text-align:right; }
@media only screen and (max-width: 1280px){
	.indexConcept .indexConceptInner li p + p {
		display:initial;
	}
}
.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; }
@media only screen and (max-width: 1280px){
	.indexConcept .indexConceptInner li p + p a{
		padding-top:0%;
		margin-top:5%;
	}
}

.indexStaffBlog { width:972px; margin:0 auto 3.0em; }
@media only screen and (max-width: 1280px){
	.indexStaffBlog {
        width:100%;
        padding:0;
	}
}

.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%;
	}
}
@media only screen and (max-width: 640px){
	.indexStaffBlog dt {
        width:60%;
        float:none;
        margin:0 auto;
	}
}

@media only screen and (max-width: 1280px){
	.indexStaffBlog dt img {
        width:150px;
        margin:1% auto;
        display:block;
	}
}

.indexStaffBlog dd { float:left; width:797px; }
@media only screen and (max-width: 1280px){
	.indexStaffBlog dd {
        width:98%;
        margin:0 auto;
        float:none;
	}
}
@media only screen and (max-width: 640px){
	.indexStaffBlog dd {
        width:98%;
        margin:0 auto;
        float:none;
	}
}

.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; }
@media only screen and (max-width: 1280px){
	.indexStaffBlog dd li {
        width: 31%;
        margin:1%;
 }
}
@media only screen and (max-width: 640px){
	.indexStaffBlog dd li {
        width:48%;
        margin:4% 1% 10%;
	}
}
.indexStaffBlog dd li:nth-child(3) { margin-right:0; }
/* .indexStaffBlog dd li:nth-child(n+4) { display:none; } */
.indexStaffBlog dd li figure { display:block; position:relative; overflow:hidden; height:128px; border-radius:10px; margin-bottom:0.9em; background:#fff; }
@media only screen and (max-width: 1280px){
	.indexStaffBlog dd li figure {
            width: 100%;
		    height: 100%;
		    padding:53% 0 0;
	}
}
.indexStaffBlog dd li img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: auto;}
@media only screen and (max-width: 1280px){
	.indexStaffBlog dd li img {
            transform: translate();
            width: 100%;
    height: auto;
	}
}
@media only screen and (max-width: 1280px){
	.indexStaffBlog dd li h3{
		position:static;
		margin-top:5%;
	}
}
.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; }
@media only screen and (max-width: 1280px){
	.indexStaffBlog li a {
    padding: 0;
 }
}
.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;
	top:0px;
	box-shadow:0 4px 0 0 #bf3c35;
	background:#ff4d49 url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0s;
}
@media only screen and (max-width: 640px){
	.indexStaffBlog + p a {
		width:90%;
		font-size:100%;
		padding:5%;
	}
}
.indexStaffBlog + p a:hover {
	background:#fd8482 url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0s;
}
.indexStaffBlog + p a:active {
	top:3px;
	background-color:#fd7270;
	box-shadow:0 1px 0 0 #bf3c35;
	transition:0.1s;
}

.indexStaffBlog dd ul + p { text-align:right; }
@media only screen and (max-width: 1280px){
	.indexStaffBlog dd ul + p {
        margin:2%;
	}
}
.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; }
@media only screen and (max-width: 1280px){
	.indexNewsWrap {
        width:100%;
	}
}

.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; }
@media only screen and (max-width: 1280px){
	.indexNews h2 {
        width:100%;
	}
}

.indexNews ul { display:table-cell; vertical-align:top; }
.indexNews li { position:relative; margin-top:-0.75em; margin-bottom:1.75em; }
    .indexNews li.staff:before { content:''; display:inline-block; position:relative; top:0.7em; width:105px; height:30px; margin-right:1.5em; background:url('../images/common/icon_news-staff.png') no-repeat; }
    .indexNews li.news:before { content:''; display:inline-block; position:relative; top:0.7em; width:105px; height:30px; margin-right:1.5em; background:url('../images/common/icon_news-info.png') no-repeat; }
    .indexNews li.recruit:before { content:''; display:inline-block; position:relative; top:0.7em; width:105px; height:30px; margin-right:1.5em; background:url('../images/common/icon_news-recruit.png') no-repeat; }
    .indexNews li.topics:before { content:''; display:inline-block; position:relative; top:0.7em; width:105px; height:30px; margin-right:1.5em; 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.4; font-size:1.4em; font-weight:500; text-align:center; }

.Home .inner {  }
.Home .inner:after { content:''; display:block; clear:both; height:0; }
.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 ; }
@media only screen and (max-width: 1280px){
	.Home .inner .photo {
        margin: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'); }
@media only screen and (max-width: 1280px){
	.Home .inner .staff{
        padding:20px 0;
	}
}

.Home .inner .staff:after { content:''; display:block; clear:both; height:0; }
.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 !important; font-size:2.0em; text-align:center; }
.PagesTitle img { margin-bottom:20px; }

/* PagesIntro */
.PagesIntro { width:1120px; margin:0 auto; padding:60px 0; color:#585764; text-align:center; }
@media only screen and (max-width: 1280px){
	.PagesIntro {
        width:96%;
        margin:2%;
	}
}



.PagesIntro h2 { margin-bottom:0.8em; line-height:1.5; font-size:3.2em; }
@media only screen and (max-width: 1280px){
	.PagesIntro h2 {
        font-size:180%;
	}
}
.PagesIntro h2 + p { line-height:1.8; }
@media only screen and (max-width: 640px){
	.PagesIntro h2 + p {
        text-align:left;
	}
}

    /* About --- PagesIntro */
    .about-us .PagesIntro { width:960px; margin:0 auto; padding:80px 0; color:#585764; text-align:center; }
@media only screen and (max-width: 1280px){
	.about-us .PagesIntro  {
        width:100%;
	}
}


    .about-us .PagesIntro:after { content:''; display:block; clear:both; height:0; }
    .about-us .PagesIntro figure { display:block; float:left; width:400px; text-align:left; }
@media only screen and (max-width: 1280px){
	.about-us .PagesIntro figure {
        width:100%;
	}
}
@media only screen and (max-width: 1280px){
	.about-us .PagesIntro figure img {
        max-width:80%;
       display:block;
       margin:0 auto 5%;
	}
}
    .about-us .PagesIntroText { float:left; width:560px; text-align:left; }
@media only screen and (max-width: 1280px){
	.about-us .PagesIntroText {
        width:80%;
        margin:0 auto;
        float:none;
	}
}
@media only screen and (max-width: 640px){
	.about-us .PagesIntroText {
        width:90%;
	}
}
    .about-us .PagesIntro h2 { margin-bottom:0.8em; line-height:1.5; font-size:2.2em; }
@media only screen and (max-width: 1280px){
	.about-us .PagesIntro h2 {
        font-size:130%;
        text-align:center;
        width:100%;
	}
}
    .about-us .PagesIntro h2 + p { line-height:1.8; }

    .about-us .PagesIntroNote { clear:both; width:840px; margin:0 auto 70px; padding:; }
@media only screen and (max-width: 1280px){
	.about-us .PagesIntroNote {
        width:100%;
	}
}
@media only screen and (max-width: 1280px){
	.about-us .PagesIntroNote figure{
        text-align:center;
	}
}
@media only screen and (max-width: 1280px){
	.about-us .PagesIntroNote figure img {
        max-width:96%;
	}
}

    /* Flow --- PagesIntro */
    .guide .PagesIntro { width:960px; margin:0 auto; padding:80px 0; color:#585764; text-align:center; }
@media only screen and (max-width: 1280px){
	.guide .PagesIntro {
        width:100%;
	}
}
@media only screen and (max-width: 1280px){
	.guide .PagesIntro figure{
        width: 100%;
        text-align:center;
        margin: 0 auto 5%;
 }
}
@media only screen and (max-width: 1280px){
	.guide .PagesIntro figure img{
        max-width:90%;
	}
}
    .guide .PagesIntro:after { content:''; display:block; clear:both; height:0; }
    .guide .PagesIntro:after { display:block; float:left; width:400px; text-align:left; }
@media only screen and (max-width: 1280px){
	.guide .PagesIntro:after {
        width:100%;
	}
}
    .guide .PagesIntroText { float:left; width:560px; text-align:left; }
@media only screen and (max-width: 1280px){
	.guide .PagesIntroText {
        width:100%;
	}
}
    .guide .PagesIntro h2 { margin-bottom:0.8em; line-height:2.2; font-size:2.2em; }
@media only screen and (max-width: 1280px){
	.guide .PagesIntro h2 {
        font-size:140%;
        text-align:center;
	}
}
@media only screen and (max-width: 640px){
	.guide .PagesIntro h2 {
        font-size:120%;
	}
}
    .guide .PagesIntro h2 + p { line-height:2.4; }
@media only screen and (max-width: 1280px){
	.guide .PagesIntro h2 + p {
        text-align:center;
        width:90%;
        margin:0 auto 5%;
	}
}
    .guide .PagesIntroNote { clear:both; width:885px; margin:0 auto 70px; padding:; }
@media only screen and (max-width: 1280px){
	.guide .PagesIntroNote {
        width:100%;
	}
}
    .guide .PagesIntroNote .catch { color:#585764; }
    .guide .PagesIntroNote ul {  }
    .guide .PagesIntroNote ul:after { content:''; display:block; clear:both; height:0; }
    .guide .PagesIntroNote li { float:left; width:265px; }
@media only screen and (max-width: 1280px){
	.guide .PagesIntroNote li  {
        width:31%;
        margin:1%;
	}
}
@media only screen and (max-width: 640px){
	.guide .PagesIntroNote li  {
        width:98%;
	}
}
    .guide .PagesIntroNote li:nth-child(2) { margin-left:45px; margin-right:45px; }
    @media only screen and (max-width: 1280px){
	.guide .PagesIntroNote li:nth-child(2) {
        margin:1%;
	}
}
    .guide .PagesIntroNote li figure { display:block; margin-bottom:20px; text-align:center; }
    .guide .PagesIntroNote li h3 { margin-bottom:20px; color:#585764; font-size:1.6em; }
@media only screen and (max-width: 1280px){
	.guide .PagesIntroNote li h3 {
        text-align:center;
	}
}
@media only screen and (max-width: 640px){
	.guide .PagesIntroNote li h3 {
        font-size:120%;
	}
}
    .guide .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: 96%;
 }
}

    .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; }
@media only screen and (max-width: 960px){
	.PagesContentInner h3{
        font-size:140%;
	}
}

.PagesContentInner table { width:100%; border-collapse:collapse; }
@media only screen and (max-width: 1280px){
	.PagesContentInner table{
        width:80%;
        margin:0 auto;
	}
}
@media only screen and (max-width: 640px){
	.PagesContentInner table{
        width:96%;
        margin:0 auto;
	}
}
.PagesContentInner table th { width:14%; padding:0.65em 0; text-align:left; }
@media only screen and (max-width: 640px){
	.PagesContentInner table th{
		font-size:80%;
		width:20%;
	}
}
.PagesContentInner table td { padding:0.65em 0; }
@media only screen and (max-width: 640px){
	.PagesContentInner table td{
		font-size:80%;
		padding:1%;
	}
}
.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; }
@media only screen and (max-width: 1280px){
	.more-contact a{

	}
}

/* archiveContent */
.archiveContent { padding:45px 0; color:#585764; line-height:1.6; }
.archiveContentInner { width:1055px; margin:0 auto; }
@media only screen and (max-width: 1280px){
	.archiveContentInner {
        width: 98%;
 }
}

    /*.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 {
	display: flex;
    flex-wrap: wrap;
}
.archiveContentInner ul:after { content:''; display:block; clear:both; height:0; }
.archiveContentInner li { float:left; width:22%; margin-right:4%; margin-bottom:2.2em; }
@media only screen and (max-width: 960px){
	.archiveContentInner li  {
        width:46%;
        margin:2%;
	}
}
@media only screen and (max-width: 480px){
	.archiveContentInner li  {
        width:96%;
        margin:2%;
	}
}
.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; position:relative; top:0; overflow:hidden; height:132px; margin-bottom:0.6em; border-radius:10px; background:#fff; transition:0.2s; }
    .archiveContentInner a:hover figure { top:-14px; transition:0.2s; }
.archiveContentInner figure img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; }

.archiveContentInner h3 {  }
.archiveContentInner h3 small { display:block; margin-bottom:0.2em; font-size:1em; opacity: 0.7; }

.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; }
@media only screen and (max-width: 1280px){
	.more-content a{
        padding:0;
	}
}
.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; }
@media only screen and (max-width: 640px){
	.catch {
       font-size:120%;
	}
}
/*######################################################################*/
/*																		*/
/*	blogs     															*/
/*																		*/
/*######################################################################*/

/* blogsIntro */
.blogsIntro { width:800px; margin:0 auto; padding:20px 0 80px; color:#585764; line-height:1.8; text-align:left; }
@media only screen and (max-width: 1280px){
	.blogsIntro {
        width: 96%;
 }
}
.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; }
@media only screen and (max-width: 1280px){
	.blogsNav-gotoList a{
        padding:0;
	}
}
.blogsIntro h2 { margin-bottom:0.8em; line-height:1.5; font-size:2.2em; }
.blogsIntro h2 small { display:block; font-size:0.45em; opacity: 0.7; }
.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%;
        padding:0;
	}
}

.blogsNav-pager {margin-top: 4em;}
.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-gotoList a { display:inline-block; padding-left:1.2em; background:url('../images/common/icon_arrow-left.png') no-repeat left 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; }

.blogsIntro .staff {margin-top: 2.6em; margin-bottom:45px; padding:20px 25px; border-radius:10px; font-size:1.0em; text-align:left; background:url('../images/english/bg_ptn.png');  line-height: 1.4;}
@media only screen and (max-width: 1280px){
	.blogsIntro .staff {
        padding:0;
	}
}
.blogsIntro .inner .staff p { font-size:1.0em; text-align:left; }
.blogsIntro img{margin-bottom: 0.3em;max-width: 100%;height: auto;}



/*######################################################################*/
/*																		*/
/*	works																*/
/*																		*/
/*######################################################################*/

.movie {  }
.movie .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-us {  }
.about-us .PagesTitle { background:url('../images/about/bg_about_title.png') no-repeat center center; background-size:cover; }
.about-us .corp_point { position:relative; }
.about-us #corp_point { position:absolute; top:-100px; }
.AboutService { width:760px; margin-left:-30px; text-align:center; }
@media only screen and (max-width: 1280px){
	.AboutService {
        width:100%;
        margin:0;
	}
}

.AboutService:after { content:''; display:block; clear:both; height:0; }
.AboutService li { float:left; width:190px; margin:0 0 25px; line-height:1.4; }
@media only screen and (max-width: 1280px){
	.AboutService li {
        width:25%;
	}
}
@media only screen and (max-width: 640px){
	.AboutService li {
        width:50%;
	}
}
@media only screen and (max-width: 380px){
	.AboutService li {
        width:100%;
	}
}
.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;*/ margin-left:-90px; }
@media only screen and (max-width: 1280px){
	.AboutPoint {
        width:100%;
        margin:0;
	}
}
.AboutPoint:after { content:''; display:block; clear:both; height:0; }
.AboutPoint li { float:left; width:256px; line-height:1.4; text-align:left; }
@media only screen and (max-width: 1280px){
	.AboutPoint li{
        width:31.3333%;
        margin:0 1% 5%;
	}
}
@media only screen and (max-width: 640px){
	.AboutPoint li{
		float:none;
        width:90%;
        margin:0 auto 5%;
	}
}
.AboutPoint li:nth-child(2) { margin-left:45px; margin-right:45px; }
@media only screen and (max-width: 1280px){
	.AboutPoint li:nth-child(2){
        margin:0;
	}
}
@media only screen and (max-width: 640px){
	.AboutPoint li:nth-child(2){
		float:none;
        width:90%;
        margin:0 auto 5%;
	}
}
.AboutPoint li figure { display:block; margin: 10px 0px 16px 0px; text-align: center; }
@media only screen and (max-width: 1280px){
		.AboutPoint li figure{
        margin:0;
	}
}
.AboutPoint li h4 { min-height:2.4em; margin-bottom:15px; padding-bottom:0; border-bottom:0; line-height:1.4; font-size:1.65em; text-align:left; }
@media only screen and (max-width: 1280px){
		.AboutPoint li h4{
        text-align:center;
        font-size:120%;
	}
}
.AboutPoint li p { display:block; line-height:1.6; }

.about-us .more-contact { clear:both; text-align:center; }
.about-us .more-contact a {
	display:inline-block;
	position:relative;
	top:0;
	padding:0.75em 5.75em;
	border-radius:5.0em;
	color:#fff;
	font-size:1.4em;
	text-decoration:none;
	box-shadow:0 4px 0 0 #bf3c35;
	background:#ff4d49 url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0s;
}
@media only screen and (max-width: 640px){
	.about-us .more-contact a {
       font-size:120%;
	}
}
.about-us .more-contact a:hover {
	padding:0.75em 5.75em;
	background:#fd8482 url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0s;
}
.about-us .more-contact a:active {
	top:3px;
	background-color:#fd7270;
	box-shadow:0 1px 0 0 #bf3c35; transition:0.1s;
}

.aboutSlide img {
	width:100%;
	height: 40.71vw;
	object-fit: cover;
 }

#hideContent { position:relative; overflow:hidden; height:auto; }

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


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

.about-us 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; }
@media only screen and (max-width: 1280px){
	.about-us footer p .viewmore {

	}
}
.about-us footer p .viewmore:hover { opacity:0.5; }
.about-us 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-us 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:-400%; background:#fff; }
@media only screen and (max-width: 1280px){
	.about-us footer p .viewmore.active {
        /* padding:0; */
 }
}
.about-us 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-us footer p .viewmore.active:after { content:'\9589\3058\308B'; display:inline-block; position:absolute; top:0.5em; left:0; width:100%; height:100%; margin-left:-1.0em; color:inherit; text-indent:0; }

.about-us .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-us .group table { width:560px; margin:0 auto; }
@media only screen and (max-width: 1280px){
	.about-us .group table {
        width:60%;
 }
}
@media only screen and (max-width: 480px){
	.about-us .group table img{
         width:90%;
 }
}
.about-us .group table td { width:25%; 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'); }
@media only screen and (max-width: 1280px){
	.AboutAccess p {
        padding:1%;
	}
}
@media only screen and (max-width: 640px){
	.AboutAccess p {
        font-size:80%;
        text-align:left;
	}
}
.AboutAccess p a { color:#ccc; text-decoration:underline; }


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

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

.workflow {background-color: white; }
.workflow h3 { margin-bottom:1.8em; padding-top: 50px; 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; }
@media only screen and (max-width: 1280px){
	.workflow h3 + figure img{
        max-width:90%;

	}
}
.workflowInner { margin-bottom:80px; }
.workflowInnerNav { width:840px; margin:0 auto 50px; text-align:left; }
@media only screen and (max-width: 1280px){
	.workflowInnerNav{
        width:96%;
        margin:5% auto;
	}
}

.workflowInnerNav h4 { margin-bottom:20px; text-align:left; }
@media only screen and (max-width: 1280px){
	.workflowInnerNav h4{
        font-size:140%;
        text-align:center;
	}
}
@media only screen and (max-width: 640px){
	.workflowInnerNav h4 {
        font-size:120%;
	}
}
.workflowInnerNav h4 + p { margin-bottom:50px; line-height:1.8; text-align:left; }
@media only screen and (max-width: 1280px){
	.workflowInnerNav h4 + p{
        text-align:center;
	}
}
.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:-400%; 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:'\9589\3058\308B'; 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; }
@media only screen and (max-width: 960px){
	.FlowContent{
        width: 80%;
 }
}
@media only screen and (max-width: 640px){
	.FlowContent{
        width: 98%;
 }
}

.FlowContent li { float:left; width:216px; margin-bottom:60px; text-align:left; }
@media only screen and (max-width: 960px){
		.FlowContent li {
        width:25%;
        margin:2%;
	}
}
@media only screen and (max-width: 640px){
		.FlowContent li {
        width:46%;
	}

}
@media only screen and (max-width: 480px){
		.FlowContent li {
        width:96%;
	}
}
.FlowContent li:nth-child(2),
.FlowContent li:nth-child(5) { margin-right:81px; margin-left:81px; }
@media only screen and (max-width: 960px){
		.FlowContent li:nth-child(2),
.FlowContent li:nth-child(5) {
/*        margin:0;*/
	width: 29.333%;
    margin: 2%;
	}
}
.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 {position: relative;}
.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; }
@media only screen and (max-width: 1280px){
	.FlowStaffInner h3 + p{
        width:100%;
        font-size:140%;
        text-align:center;
	}
}
@media only screen and (max-width: 1280px){
	.FlowStaffInner h3 + p{
        font-size:120%;
	}
}

.FlowStaff .whitefilter{width: 90%; height: 99%; position: absolute; background-image: url(../images/common/whitefilter.png); background-repeat: repeat;) }

.FlowStaff dl { clear:both; width:1120px; margin:0 auto; }
@media only screen and (max-width: 1280px){
	.FlowStaff dl{
        width:100%;
	}
}

.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; }
@media only screen and (max-width: 1280px){
	.FlowStaff .staff-P dt {
        width:100%;
        text-align:center;
	}
}
    .FlowStaff .staff-D dt { color:#036eb8; line-height:1.4; font-size:1.2em; }
@media only screen and (max-width: 1280px){
	.FlowStaff .staff-D dt {
        width:100%;
        text-align:center;
	}
}
    .FlowStaff .staff-C dt { padding-top:0.8em; color:#21a564; line-height:1.4; font-size:1.2em; }
@media only screen and (max-width: 1280px){
	.FlowStaff .staff-C dt{
        width:100%;
        text-align:center;
	}
}
.FlowStaff dd { float:right; width:840px; }
@media only screen and (max-width: 1280px){
	.FlowStaff dd {
        width:100%;
	}
}

.FlowStaff ul { margin-right:30px; }
@media only screen and (max-width: 1280px){
		.FlowStaff ul {
        margin:0;
        display:flex;
        flex-wrap: wrap;
	}
}
.FlowStaff ul:after { content:''; display:block; clear:both; height:0; }
.FlowStaff li { float:left; width:10%; margin:0 0 15px; }
@media only screen and (max-width: 1280px){
		.FlowStaff li  {
        width:10%;
	}
}
@media only screen and (max-width: 960px){
		.FlowStaff li  {
        width:20%;
	}
}
@media only screen and (max-width: 640px){
		.FlowStaff li  {
        width:25%;
	}
	.FlowContent li:nth-child(2), .FlowContent li:nth-child(5) {
    width: 46%;
    margin: 2%;
}
}
@media only screen and (max-width: 480px){
		.FlowStaff li  {
        width:33.333%;
	}
}
.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; }
.casestudy 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; }
.casestudy h3 + figure { display:block; margin-bottom:45px; padding:45px 0; text-align:center; }
.casestudyInner { width:1120px; margin:0 auto; }
@media only screen and (max-width: 1280px){
	.casestudyInner{
        width:90%;
 }
}

.casestudyInner:after { content:''; display:block; clear:both; height:0; }
.casestudyInner li { float:left; width:32%; line-height:1.4; text-align:left; }
@media only screen and (max-width: 640px){
	.casestudyInner li {
        width:100%;
	}
}
@media only screen and (max-width: 1280px){
	.casestudyInner li img {
        width:100%;
	}
}
.casestudyInner li:nth-child(2) { margin-left:2%; margin-right:2%; }
@media only screen and (max-width: 640px){
		.casestudyInner li:nth-child(2) {
        margin:5% 0;
        width:100%;
	}
}
.casestudyInner li figure { display:block; margin-bottom:20px; }
@media only screen and (max-width: 1280px){
		.casestudyInner li figure img{
        margin:5% 0;
        width:100%;
	}
}
.casestudyInner li > figure img { width:100%; height:auto; }
.casestudyInner li a:hover figure img { opacity:0.8;}
.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; }
@media only screen and (max-width: 1280px){
		.casestudyInner li .note img{
        margin:0;
	}
}

.alignCenter { text-align:center; }
@media only screen and (max-width: 640px){
	.alignCenter {
        font-size:80%;
        text-align:left;
        margin:2%;
	}
}
.x12 { font-size:1.2em; }
@media only screen and (max-width: 640px){
	.alignCenter {
        font-size:80%;
	}
}
.cli { margin-bottom:0; }
.cli .PagesContentInner { padding-bottom:0; }

.guide .more-contact { clear:both; text-align:center; }
.guide .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; }
.guide .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; }
.guide .more-contact a:active { top:0; background-color:#fd7270; box-shadow:0 0 0 0 #bf3c35; transition:0.4s; }

.guide .group {width:800px;margin:0 auto;padding-bottom:300px;background:url('../images/flow/flow_fix.png') no-repeat center bottom;}
@media only screen and (max-width: 1280px){
	.guide .group {
        width:100%;
	}
}
@media only screen and (max-width: 960px){
	.guide .group {
        background-size:90%;
	}
}
.guide .group dl { margin-bottom:12px; padding:20px; border-radius:6px; border:#b5b5b6 1px solid; }
@media only screen and (max-width: 1280px){
	.guide .group dl {
        padding:2% 0;
        margin:1%;
	}
}
.guide .group dt {position:relative;font-size:1.4em;cursor:pointer;padding: 0 1% 1%;}
@media only screen and (max-width: 640px){
	.guide .group dt {
        padding: 0 8% 2% 2%;
        font-size:90%;
        margin:1%;
 }
}
.guide .group dt:before {content:'';display:block;position:absolute;width:0.6em;height:3px;top: 50%;right: 15px;background:#000;transform:rotate(-90deg);transition:0.4s;cursor:pointer;}
.guide .group dt:after { content:''; display:block; position:absolute; width:0.6em; height:3px; top:50%; right:15px; background:#000; cursor:pointer; }
.guide .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; }
.guide .group dt.active:after { content:''; display:block; position:absolute; width:0.6em; height:3px; top:16px; right:15px; background:#000; transition:0.4s; }
.guide .group dt .blue {color:#036eb8;font-size: 140%;}
.guide .group dd {display:none;margin-top:20px;padding-top:20px;border-top:#b5b5b6 1px dashed;margin: 0 1%;padding: 1% 0;}
.guide .group dd .red {color:#e9473f;font-size: 140%;}
.guide .group dd  {color:#585764;}
.guide .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; }
@media only screen and (max-width: 640px){
	.guide .group dd h4 {
        padding:2%;
        font-size:90%;
        margin:1%;
	}
}
@media only screen and (max-width: 640px){
	.guide .group dd p {
        padding:2%;
        font-size:90%;
        margin:1%;
	}
}


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

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


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

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

.staff .more-content { clear:both; text-align:center; }
.staff .more-content a { display:inline-block; position:relative; overflow:hidden; min-height:40px; padding:0.65em 15.5em; border-radius:5.0em; color:#fff; background:#585764; cursor:pointer; transition:0.4s; }
@media only screen and (max-width: 640px){
	.staff .more-content a {
        padding:2% 20% 1%;
	}
}
.staff .more-content a:after { content:''; display:inline-block; position:relative; top:-0.2em; width:0.8em; height:0.8em; margin-left:0.35em; border-top:#fff 1px solid; border-right:#fff 1px solid; transform:rotate(135deg); transition:0.4s; }
.staff .more-content a:hover { color:#eae9ee; background:#84838d; transition:0.4s; }
.staff .more-content a:hover:after { border-top:#eae9ee 1px solid; border-right:#eae9ee 1px solid; }
.staff .more-content a.active { transition:0.4s; }
.staff .more-content a.active:after { top:0.3em; border-top:#fffad6 1px solid; border-right:#fffad6 1px solid; transform:rotate(-45deg); transition:0.4s; }
.staff .more-content a:hover:after { border-top:#a9aacc 1px solid; border-right:#a9aacc 1px solid; }


/*######################################################################*/
/*																		*/
/*	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; }
@media only screen and (max-width: 1280px){
	.product .PagesContentInner  {
        width:100%;
	}
}


.ProductListItem {  }
.ProductListItem ul {
	display: flex;
    flex-wrap: wrap;
	padding-bottom: 30px;
}
.ProductListItem ul:after { content:''; display:block; clear:both; height:0; }
.ProductListItem li { float:left; width:22%; margin-right:4%; margin-bottom:2.2em; }
@media only screen and (max-width: 1280px){
	.ProductListItem li  {
		width:20%;
        margin:0 2% 15%;
	}
}
@media only screen and (max-width: 960px){
	.ProductListItem li  {
		width:46%;
        margin:0 2% 15%;
	}
}
@media only screen and (max-width: 640px){
	.ProductListItem li  {
        width:40%;
        margin:0 5% 20%;
	}
}
@media only screen and (max-width: 480px){
	.ProductListItem li  {
        width:48%;
        margin:1% 1% 40%;
	}
	.FlowContent li:nth-child(2),
.FlowContent li:nth-child(5)  {
		width: 96%;}
}
    .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; }
@media only screen and (max-width: 1280px){
	.ProductListItem a{
        width: 100%;
        margin: 0;
        display:block;
    position: relative;
    height: 100%;
    padding: 100% 0 0px;
 }
}
.ProductListItem figure { display:block; position:relative; top:0; width:100%; height:232px; margin-bottom:0.8em; transition:0.2s; }
@media only screen and (max-width: 1280px){
	.ProductListItem figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}
}
.ProductListItem figure img { width:100%; height:auto; }
    .ProductListItem a:hover figure { top:-14px; transition:0.2s; }

.ProductListItem ul.hidden { display:none; position:relative; top:-40px; overflow:hidden; width:100%; }
.ProductListItem ul.hidden:before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:5.0em; }

.ProductListItem h4 { padding-bottom:0; border-bottom:0; font-size:1.0em; font-weight:600; text-align:left; }
@media only screen and (max-width: 1280px){
	.ProductListItem h4 {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10%;
 }
}
.ProductListItem h4 small { display:block; font-weight:400; }

.product .btn-accordion.more { clear:both; text-align:center; }
.product .btn-accordion.more a { display:inline-block; position:relative; overflow:hidden; min-height:40px; padding:0.65em 15.5em; border-radius:5.0em; color:#fff; background:#54549c; cursor:pointer; transition:0.4s; }
.product .btn-accordion.more a:after { content:''; display:inline-block; position:relative; top:-0.2em; width:0.8em; height:0.8em; margin-left:0.35em; border-top:#fff 1px solid; border-right:#fff 1px solid; transform:rotate(135deg); transition:0.4s; }
.product .btn-accordion.more a:hover { color:#a9aacc; background:#7676b0; transition:0.4s; }
.product .btn-accordion.more a:hover:after { border-top:#a9aacc 1px solid; border-right:#a9aacc 1px solid; }
.product .btn-accordion.more a.active { transition:0.4s; }
.product .btn-accordion.more a.active:after { top:0.3em; border-top:#fffad6 1px solid; border-right:#fffad6 1px solid; transform:rotate(-45deg); transition:0.4s; }
.product .btn-accordion.more a:hover:after { border-top:#a9aacc 1px solid; border-right:#a9aacc 1px solid; }
@media only screen and (max-width: 768px){
	.product .btn-accordion.more a {
		width: 100%;
    display: block;
    padding: 2% 1% 1%;
	}
}
.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:after { content:''; display:block; clear:both; height:0; }
.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 ; }
@media only screen and (max-width: 1280px){
		.product .inner .photo{
        margin: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'); }
@media only screen and (max-width: 1280px){
	.product .inner .staff {
        padding:2% 0;
	}
}

.product .inner .staff:after { content:''; display:block; clear:both; height:0; }
.product .inner .staff p { font-size:1.0em; text-align:left; }
.product #cboxContent { border-radius:10px; background:#fff; }


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

.WorksContent { color:#585764; line-height:1.6; }
.WorksContentInner { width:1055px; margin:0 auto; padding:45px 0; }
@media only screen and (max-width: 1280px){
	.WorksContentInner {
        width:100%;
	}
}

.WorksContentInner 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; }
@media only screen and (max-width: 640px){
	.WorksContentInner h3 {
        font-size:140%;
	}
}
.movie { color:#231815; }
.movie .PagesTitle, .tv_regular .PagesTitle, .tv_sp .PagesTitle { background:url('../images/works/bg_works_title.png') no-repeat center center; background-size:cover; }
.movie .PagesContentInner { width:1055px; margin:0 auto; padding:45px 0; }
@media only screen and (max-width: 1280px){
	.movie .PagesContentInner {
        width:100%;
	}
}

.WorksListItem { clear:both; }
.WorksListItem ul { margin-top:-20px; padding-top:20px; }
@media only screen and (max-width: 1280px){
	.WorksListItem ul{
        margin:2%;
	}
}
.WorksListItem ul:after { content:''; display:block; clear:both; height:0; }

.WorksListItem ul.hidden { display:none; position:relative; top:-40px; overflow:hidden; }
.WorksListItem ul.hidden:before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:5.0em; }
.WorksListItem ul.hidden.active {position:relative;overflow: visible; max-height: 10px;}
.WorksListItem li { position:relative; float:left; width:22%; margin-right:4%; margin-bottom:2.2em; border-bottom:0 !important; list-style:none; }
.WorksListItem.tv_regular li,
.WorksListItem.tv_sp li{min-height: 280px;}
@media only screen and (max-width: 960px){
	.WorksListItem li  {
        width:46%;
        margin:2%;
				min-height: 300px;
	}
	.WorksListItem.tv_regular li,
	.WorksListItem.tv_sp li{
		/*min-height: inherit;*/
	}
}
@media only screen and (max-width: 640px){
	.WorksListItem li {
		width:48%;
        margin:1% 1% 0%;
        /*float:none;*/
 }
}
.WroksListItem li.hide { display:none; }
.WorksListItem li:nth-child(4n+4) { margin-right:0; }
@media only screen and (max-width: 640px){
	.WorksListItem li:nth-child(4n+4) {
		width:48%;
        margin:1% 1% 0%;
        /*float:none;*/
 }
}
.WorksListItem li:nth-child(5),
.WorksListItem li:nth-child(9),
.WorksListItem li:nth-child(13) { clear:both; }
.WorksListItem a { color:inherit; }
.WorksListItem figure {display:block;position:relative;overflow:hidden;top:0;height:132px;margin-top: 2em;margin-bottom:0.8em;border-radius:10px;/*border:#cbcccc 1px solid; background:#fff;*/transition:0.2s;}
@media only screen and (max-width: 1280px){
	.WorksListItem figure {
        width:100%;
        height:100%;
        padding:53% 0 0;
	}
}

.WorksListItem figure:hover { top:-14px; transition:0.2s; }
.WorksListItem figure img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; } }

.WorksListItem h4 { min-height:5.5em; margin-bottom:0 !important; padding-bottom:0 !important; border-bottom:0 !important; font-size:0.8em !important; font-weight:600; text-align:left !important; }
.WorksListItem h4 small { display:block; position:relative; margin-bottom:0.35em; padding-left:3.75em; font-weight:400; line-height: 1.3em; }
.WorksListItem h4 small:before { content:''; display:block; position:absolute; top:0.2em; left:0; width:3.25em; height:1.65em; }

     .WorksListItem h4 small.tv_regular:before { background:url('../images/works/icon_tv.png') no-repeat; background-size:auto 100%; }
     .WorksListItem h4 small.tv_sp:before { background:url('../images/works/icon_tv.png') no-repeat; background-size:auto 100%; }
     .WorksListItem h4 small.cm:before { background:url('../images/works/icon_cm.png') no-repeat; background-size:auto 100%; }
     .WorksListItem h4 small.event:before { background:url('../images/works/icon_event.png') no-repeat; background-size:auto 100%; }
     .WorksListItem h4 small.web:before { background:url('../images/works/icon_web.png') no-repeat; background-size:auto 100%; }


.movie .btn-accordion.more { clear:both; text-align:center; }
.movie .btn-accordion.more a { display:inline-block; position:relative; overflow:hidden; min-height:40px; padding:0.65em 15.5em; border-radius:5.0em; color:#fff; background:#f8b62d; cursor:pointer; transition:0.4s; }
.movie .btn-accordion.more a:after { content:''; display:inline-block; position:relative; top:-0.2em; width:0.8em; height:0.8em; margin-left:0.35em; border-top:#fff 1px solid; border-right:#fff 1px solid; transform:rotate(135deg); transition:0.4s; }
.movie .btn-accordion.more a:hover { color:#fffad6; background:#fdd684; transition:0.4s; }
.movie .btn-accordion.more a.active { transition:0.4s; }
.movie .btn-accordion.more a.active:after { top:0.3em; border-top:#fffad6 1px solid; border-right:#fffad6 1px solid; transform:rotate(-45deg); transition:0.4s; }

.movie .inner1 {  }
.movie .inner1 h4 { color:; font-size:1.7em; font-weight:600; }
.movie .inner1 figure { display:block; margin:70px 0 60px; }
.movie .inner1 section.intro p { line-height:1.6; font-size:1.4em; font-weight:500; text-align:center; }

.movie .inner:after { content:''; display:block; clear:both; height:0; }
.movie .inner .intro + ul li:first-child { margin-bottom:90px; }
.movie .inner h5 { margin-bottom:2.4em; color:#727171; font-size:1.2em; font-weight:600; }
.movie .inner .catch { text-align:left; }
.movie .inner .catch small { display:block; font-size:0.7em; }
.movie .inner .story { margin-bottom:20px; text-align:left; }
.movie .inner .story:after { content:''; display:block; clear:both; height:0; }
.movie .inner .photo { display:block; float:left; width:48%; margin:0 4% 0 0 ; }
@media only screen and (max-width: 1280px){
		.movie .inner .photo {
        margin:0;
	}
}
.movie .inner .photo img { width:100%; height:auto; }
.movie .inner .photo + p { float:left; width:48%; line-height:2.1; font-size:1.0em; text-align:left; }
.movie .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'); }
@media only screen and (max-width: 1280px){
	.movie .inner .staff {
        padding:2% 0;
	}
}
.movie .inner .staff:after { content:''; display:block; clear:both; height:0; }
.movie .inner .staff p { font-size:1.0em; text-align:left; }
.movie #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/common/bg00.gif'); }
@media only screen and (max-width: 1280px){
	.cvAreaInner {
        width:100%;
	}
}


.cvAreaInner h3 { margin-bottom:0.5em; font-size:2.0em; }
@media only screen and (max-width: 1280px){
	.cvAreaInner h3 {
       font-size:140%;
	}
}
.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 #f6a204; background:#f8b62d url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0.4s; }
@media only screen and (max-width: 480px){
	.cvAreaInner p a {
       padding:1% 25%;
       font-size:120%;
	}
}
.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; }

@media screen and (min-width:320px) and ( max-width:860px) {
    .movie .btn-accordion.more { display:block; clear:both; text-align:center; }
    .movie .btn-accordion.more a {display: block;position:relative;overflow:inherit;min-height:40px;padding:0.65em 15.5em;border-radius:5.0em;color:#fff;background:#f8b62d;cursor:pointer;transition:0.0s;}
@media only screen and (max-width: 640px){
	.movie .btn-accordion.more a{
		width:100%;
		display: block;
		padding: 2% 1% 1%;
	}
}
    .movie .btn-accordion.more a:after { content:''; display:inline-block; position:relative; top:-0.2em; width:0.8em; height:0.8em; margin-left:0.35em; border-top:#fff 1px solid; border-right:#fff 1px solid; transform:rotate(135deg); transition:0.0s; }
    .movie .btn-accordion.more a:hover { color:#fffad6; background:#fdd684; transition:0.0s; }
    .movie .btn-accordion.more a.active { transition:0.0s; }
    .movie .btn-accordion.more a.active:after { top:0.3em; border-top:#fffad6 1px solid; border-right:#fffad6 1px solid; transform:rotate(-45deg); transition:0.0s; }
}

/* cboxContent */
@media only screen and (max-width: 640px){
	iframe{
		width:100%;
		height:200px;
 }
}
#colorbox {  }
@media only screen and (max-width: 1280px){
	#colorbox{

 }
}
#cboxContent {  border-radius:10px; background:#fff; }
#cboxContent .inner { text-align:left; }
#cboxContent .inner:after { content:''; display:block; clear:both; height:0; }
#cboxContent .inner h5 {margin-bottom:1.4em; color:#727171; font-size:1.4em; font-weight:600; }/* a”?e??ao?aR?a?aa?c */
#cboxContent .inner .intro + ul li:first-child p { font-size:1.0em; }
#cboxContent .inner .catch { font-size:1.4em; line-height: 1.3em; text-align:left;margin-bottom: 0.6em; }
#cboxContent .inner .catch small { display:block; font-size:0.7em; opacity: 0.7; }
#cboxContent .inner .story { margin-bottom:20px; text-align:left; line-height: 1.8; }
#cboxContent .inner .story:after { content:''; display:block; clear:both; height:0; }
#cboxContent .inner .photo { display:block; float:left; width:48%; margin:0 3% 0 0 ; }
@media only screen and (max-width: 1280px){
		#cboxContent .inner .photo {

 }
}
#cboxContent .inner .photo img { width:100%; height:auto; }
#cboxContent .inner .photo + p { float:left; width:48%; line-height:2.1; font-size:1.0em; text-align:left; }
#cboxContent .inner ul li p { line-height:2.1; font-size:1.0em; text-align:left; }
#cboxContent .inner .staff {margin-bottom: 0;padding:20px 25px;border-radius:10px;font-size:1.0em;text-align:left;background:url('../images/english/bg_ptn.png');line-height: 1.6;}
@media only screen and (max-width: 1280px){
	#cboxContent .inner .staff {

	}
}
#cboxContent .inner .staff:after { content:''; display:block; clear:both; height:0; }
#cboxContent .inner .staff p { font-size:1.0em; text-align:left; }
#colorbox .inner img { max-width:100%; height:auto; margin-top: 4px; margin-bottom: 4px; }
#colorbox .inner h4+img { margin-top: 1em;}
#cboxContent .inner .intro { margin-bottom: 1.2em;font-size: 1em; line-height: 1.8em; text-align: left;}
#cboxContent .inner .intro h5 { margin-bottom: 0.8em;}
/* #cboxContent .inner p{font-size: 1em; line-height: 1.8em; text-align: left;} */
#cboxContent .inner figure { margin: 16px 0 8px;}
#cboxContent header { margin: 0px;}

.modalClose { cursor:pointer; }
.modalClose:hover { opacity:0.8; }

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

.Foot .pagetop {position:fixed;z-index:2001;bottom:5.0em;right: 50px;}
.Foot .PageTop {display:block;width:72px;height:72px;background:url('../images/common/pagetop2.png') no-repeat;cursor: pointer;background-size: 70px;}
@media only screen and (max-width: 1280px){
	.Foot .PageTop  {
		/* margin:0 0 0 -60%; */
	}
}
@media only screen and (max-width: 640px){
	.Foot .PageTop  {
		 margin:0 0 0 60%;
	}
}
.Foot { position:relative; }
@media only screen and (max-width: 640px){
	.Foot {
		position:static;
	}
}

    .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:33%; max-width:500px; height:100%; padding-top:55px; background:rgba(51,51,51,0.8); }
@media only screen and (max-width: 1280px){
	.Foot .Map .MapInner {
        max-width:100%;
        width:40%;
	}
}
@media only screen and (max-width: 640px){
	.Foot .Map .MapInner {
		position:static;
        width:100%;
        padding:5%;
	}
}
    .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; }
@media only screen and (max-width: 1280px){
	.Foot .Map .MapInner p {
        width:100%;
        min-width:100%;
	}
}
    .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:50px 0 50px; color:#fff; text-align:center; background:#ff4d49; }
@media only screen and (max-width: 1280px){
	.FootInner {
        width:100%;
        min-width:100%;
	}
}

.FootInner dl { width:100%; max-width:1120px; margin:0 auto; line-height:1.4; font-size:1.2em; }
@media only screen and (max-width: 1280px){
	.FootInner dl {
        min-width:100%;
        font-size:70%;
	}
}
@media only screen and (max-width: 960px){
	.FootInner dl {
        font-size:70%;
	}
}


.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;     font-size: 23px; }
.FootInner dd.contact {margin-bottom:4.0em;/* font-size: 100%; */}
.FootInner dd.contact a { display:inline-block; margin:0 0.35em; }
@media only screen and (max-width: 960px){
	.FootInner dd.contact a{
        width:50%;
	}
}
@media only screen and (max-width: 960px){
	.FootInner dd.contact a img {
        width:90%;
	}
}
.FootInner dd.contact span { display:inline-block; position:relative; }
@media only screen and (max-width: 960px){
	.FootInner dd.contact span{
        width:40%;
	}
}
@media only screen and (max-width: 960px){
	.FootInner dd.contact span img {
        width:80%;
	}
}
.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:static;
       width: 300px;
       margin: 0 auto;
}
@media only screen and (max-width: 1280px){
	.SNS {
       position:static;
       width:100%;
	}
}
.SNS ul {
       width:260px;
       overflow:hidden;
       margin: 0 auto;
	   padding-left: 16px;
}
@media only screen and (max-width: 1280px){
	.SNS ul {
       width:300px;
       overflow:hidden;
	}
}
.SNS li {
		display:block;
		margin:0;
        width:72px;
        float:left;
}
@media only screen and (max-width: 1280px){
	.SNS li {
		width: 60px;
		float:left;
		margin:0 20px;
	}
}
@media only screen and (max-width: 1280px){
	.SNS li.pageproduct,.SNS li.pagecontact,.SNS li.pagetop{
		display:block;
		margin:0;
		width: 100px;
		float:left;
		margin: 0;
	}
}

.SNS li a {
		display:block;
		height: 120px;
		margin:0;
}
@media only screen and (max-width: 1280px){
	.SNS li a{
		display:block;
		height: 150px;
		margin: 0;
	}
}
	.SNS li a img{
		margin: 0 0 0 50px;
		height:auto;
		width:auto;
		position:static;
		/* top: 0; */
		/* left: 0; */
		transform: none;
}
@media only screen and (max-width: 1280px){
	.SNS li a img{
		margin: 0 0 0 50px;
		height:auto;
		width:auto;
		position:static;
	}
}
.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:90%;
	}
}



/*######################################################################*/
/*																		*/
/*	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:78%; min-height:700px; margin:0 auto; }
.EnglishHeaderText {  }
    .EnglishHeaderText h1 { position:absolute; top:50%; left:50%; margin:-160px 0 0 -100px; }
    .EnglishHeaderText p { position:absolute; left:0; bottom:0.9em; color:#fff; line-height:1.25; font-family:'Open Sans', Arial, sans-serif; font-weight:600; font-size:3.6em; -webkit-font-smoothing:antialiased; }
.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:10px; 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 {
        min-width:100%;
	}
}



.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%; }
    .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 {
        min-width:100%;
	}
}
    .Aspiring .EnglishIntroText h3 { margin-bottom:0.7em; padding-top:0.7em; color:#ff4d49; line-height:1.3; font-size:2.4em; }
    .Aspiring .EnglishIntroText p { margin-bottom:1.0em; color:#585764; }
.GuidancetoJapanese { margin-bottom:90px; }
    .GuidancetoJapanese:after { content:''; display:block; clear:both; height:0; }
    .GuidancetoJapanese figure { display:block; float:right; width:51%; text-align:right; }
    .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 {
        max-width:100%;
	}
}

    .GuidancetoJapanese .EnglishIntroText h3 { margin-bottom:0.7em; padding-top:0.7em; color:#219b64; line-height:1.3; font-size:2.4em; }
    .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%; }
    .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 {
        max-width:100%;
        margin:0;
	}
}

    .Fullsupport .EnglishIntroText h3 { margin-bottom:0.7em; padding-top:0.7em; color:#036eb8; line-height:1.3; font-size:2.4em; }
    .Fullsupport .EnglishIntroText p { margin-bottom:1.0em; color:#585764; }

/* 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%; }
    .FullPackage-deal figure img { width:100%; height:auto; border-radius:0 1em 1em 0; }
    .FullPackage-deal .InnerText { display:block; float:left; width:51%; max-width:570px; margin-left:3%; }
@media only screen and (max-width: 1280px){
	.FullPackage-deal .InnerTextr {
        max-width:100%;
        margin:0;
	}
}

    .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; }
    .FullPackage-deal .InnerText p { margin-bottom:1.0em; line-height:1.75em; font-size:1.3em; font-weight:500; }
    .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%; }
    .ProductionSupport figure img { width:100%; height:auto; border-radius:1em 0 0 1em; }
    .ProductionSupport .InnerText { display:block; float:right; width:51%; max-width:570px; margin-right:3%; }
@media only screen and (max-width: 1280px){
	.ProductionSupport .InnerText {
        max-width:100%;
        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; }
    .ProductionSupport .InnerText p { margin-bottom:1.0em; line-height:1.75em; font-size:1.3em; font-weight:500; }
    .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 {  }
.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; }
.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:100%;
	}
}

    .EnglishwedoInner:after { content:''; display:block; clear:both; height:0; }
    .EnglishwedoInner li { float:left; width:30%; }
    .EnglishwedoInner li:nth-child(2) { margin-left:5%; margin-right:5%; }
    .EnglishwedoInner figure { display:block; margin-bottom:1.9em; }
    .EnglishwedoInner figure img { width:100%; height:auto; }
    .EnglishwedoInner li: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; }
    .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; }
@media only screen and (max-width: 1280px){
	#EnglishAccessInner{
        padding:2% 0;
	}
}
.inner h4 { color:; font-size:1.7em; font-weight:500; margin-bottom: 0.6em; }
.inner figure { display:block; margin:70px 0 60px; }
.inner figure img { max-width:100%; height:auto; }
.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{
        min-width:100%;
	}
}

.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{
        min-width:100%;
	}
}

.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%;
        margin:0;
	}
}




/*----------------------- ハンバーガーナビ --------------------------*/

#hnav_home{
	display:none;
}
@media only screen and (max-width: 960px){
	#hnav_home{
		display:block;
 }
}
#hnav{
        display:none;
}
@media only screen and (max-width: 1024px){
	#hnav{
        display:block;
        position: fixed;
        z-index: 999999999;
        right:0;
        top: 0;
 }
}

/*ヘッダーまわりはご自由に*/
#hnav header {
  padding:20px 10px 20px 20px;
  background: rgba(255,255,255,0.9);

}

#hnav #nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
#hnav .nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#hnav #nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#hnav #nav-open span, #hnav #nav-open span:before, #hnav #nav-open span:after {
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 25px;/*長さ*/
    border-radius: 3px;
    background: #555;
    display: block;
    content: '';
    cursor: pointer;
}
#hnav #nav-open span:before {
    bottom: -8px;
}
#hnav #nav-open span:after {
    bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#hnav #nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#hnav #nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;/*最前面に*/
    width: 90%;/*右側に隙間を作る*/
    max-width: 330px;/*最大幅*/
    height: 100%;
    background: rgba(0, 0, 0, 0.8);/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#hnav #nav-content h1{
	margin:5%;
	padding:2% 10%;
	background:#fff;
}
#hnav #nav-content h1 a{
	display:block;
}
#hnav #nav-content h1 img{
	width:80%;
	height:auto;
}
#hnav #nav-content nav{
	margin:1%;
	padding:1%;
}
#hnav #nav-content nav ul{
	margin:1%;
	padding:1%;
}
#hnav #nav-content nav ul li{
	margin:1% 1% 2%;
	padding:1%;
	border-bottom:dotted 1px #ccc;
}
#hnav #nav-content nav ul li a{
	color:#fff;
	display:block;
}
#hnav #nav-content nav ul li a:hover{
	opacity:0.7;
}
#colorbox{
    overflow-y: scroll;
    border-radius: 5px 0 0 5px;
}
#colorbox::-webkit-scrollbar {
  background:#ccc;
  width:10px;
}
@media only screen and (max-width: 640px){
	#colorbox::-webkit-scrollbar {
  background:#ccc;
  width:2px;
 }
}
#colorbox::-webkit-scrollbar-thumb {
  background:#aaa;
}
.inner {
    padding: 35px;
    border-radius: 14px;
}

#colorbox{
    height: 80% !important;
    overflow: overlay !important;
}
#cboxWrapper{
    height: auto !important;
}
#cboxMiddleLeft{
    height: auto !important;
}
#cboxContent{
    height: auto !important;
}
#cboxLoadedContent{
    height: auto !important;
}

.Pagecontact{
    display: block;
    width: 72px;
    height: 72px !important;
    background: url(../images/common/pagecontat2.png) no-repeat;
    cursor: pointer;
	background-size: 70px;
}
.pagecontact {
    position: fixed;
    z-index: 2001;
    bottom: 5.0em;
    right: 135px;
}
@media only screen and (max-width: 640px){
	.pagecontact {
    position: fixed;
    z-index: 2001;
    bottom: 5.0em;
    right: 74px;
}
.Foot .pagetop {
    position: fixed;
    z-index: 2001;
    bottom: 5.0em;
    right: -10px;
}}
.Pageproduct{
    display: block;
    width: 72px;
    height: 72px !important;
    background: url(../images/common/pagemo2.png) no-repeat;
    cursor: pointer;
	background-size: 70px;
}
.pageproduct {
    position: fixed;
    z-index: 2001;
    bottom: 5.0em;
    right: 222px;
}

/*----------------------- header190215 --------------------------*/

header.Head{}
header.Head div.HeadInner{}
header.Head div.HeadInner nav.HeadAside{
    padding: 0;
    margin: 26px 0 0;
}
header.Head div.HeadInner nav.HeadAside ul{
	display:inline-block;
}
header.Head div.HeadInner nav.HeadAside ul li{
	width:auto;
	padding: 0px 4px;
	font-size: 0.94em;
}
header.Head div.HeadInner nav.HeadAside ul li a{
    /* color: #fff; */
		color: #000;
    width:auto;
    height: auto;padding: 0 3px;
margin-top: -3px;
}

header.Head div.HeadInner nav.HeadAside ul li a:hover{
	color:#ccc;
}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-about{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-about a{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-guide{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-guide a{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-works{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-works a{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-product{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-product a{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-blog{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-blog a{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-recruit{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-recruit a{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-access{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-access a{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-contact{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-contact a{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-english{}
header.Head div.HeadInner nav.HeadAside ul li.nav.nav-english a{}

header.fixedHeader{}
header.fixedHeader div.fixedHeaderInner{}
header.fixedHeader div.fixedHeaderInner nav{
	padding:0 5px;
}
@media only screen and (max-width: 1100px){
	header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside{
	    min-width: 680px;
	    width: auto;
	}
}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul{
    display: inline-block;
    margin:0;
}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li{
    display: inline-block;
    float: none;
	font-size: 0.91em;
}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li a{
    width: auto;
    height: auto;
    margin: 0;
    padding: 24px 4px 18px;
    top: 0;
    color:#000;
}
@media only screen and (max-width: 960px){
	header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li a{
	    padding: 24px 5px 18px;
	}
}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li a:hover{
	color:#ccc;
}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-about{
}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-about a{
    width: 88px;
}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-guide{}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-guide a{}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-works{}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-works a{}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-product{}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-product a{}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-blog{}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-blog a{}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-recruit{}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-recruit a{}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-access{}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-access a{}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-contact{
    margin:0 8px 0;
}
@media only screen and (max-width: 960px){
	header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-contact{
    	margin:0 8px 0;
	}
}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-contact a{
    background: #ff3f3c;
    color: #fff;
    width:100px;
    text-align:center;
    border-radius:0 0 10px 10px;
}
@media only screen and (max-width: 960px){
	header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-contact a{
	        width:100px;
	}
}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-contact a:hover{
    background: #666;
}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-english{}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-english a{
    background: #ccc;
    width:100px;
    text-align:center;
    border-radius:0 0 10px 10px;
}
@media only screen and (max-width: 960px){
	header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-english a{
	        width: 100px;
	}
}
header.fixedHeader div.fixedHeaderInner nav.fixedHeadAside ul li.nav-english a:hover{
    background: #e1e1e1;
    color:#000;
}
header.PagesHeader{}
header.PagesHeader div.PagesHeaderInner{}
header.PagesHeader div.PagesHeaderInner nav{}
.advertisement header.PagesHeader div.PagesHeaderInner nav {font-size: 0.85em;}
.forbusiness header.PagesHeader div.PagesHeaderInner nav {font-size: 0.85em;}
.delivery-support header.PagesHeader div.PagesHeaderInner nav {font-size: 0.85em;}
/*@media only screen and (max-width: 960px){
	header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside{
	    min-width: 680px;
	    width: auto;
	}
}*/
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul{
    display: inline-block;
    margin:0;
}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li{
    display: inline-block;
    float: none;
}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li a{
    width: auto;
    height: auto;
    margin: 0;
    padding: 24px 5px 18px;
    top: 0;
    color:#000;
}
@media only screen and (max-width: 960px){
	header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li a{
	    padding: 24px 1px 18px;
	}
}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li a:hover{
	color:#ccc;
}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-about{
}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-about a{
    width: 90px;
}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-guide{}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-guide a{}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-works{}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-works a{}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-product{}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-product a{}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-blog{}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-blog a{}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-recruit{}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-recruit a{}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-access{}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-access a{}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-contact{
    margin:0 10px 0;
}
@media only screen and (max-width: 960px){
	header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-contact{
    	margin:0 10px 0;
	}
}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-contact a{
    background: #ff3f3c;
    color: #fff;
    width:100px;
    text-align:center;
    border-radius:0 0 10px 10px;
}
@media only screen and (max-width: 1280px){
	header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-contact a{
	        width:100px;
	}
}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-contact a:hover{
    background: #ff3f3c;
}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-english{}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-english a{
    background: #ccc;
    width:100px;
    text-align:center;
    border-radius:0 0 10px 10px;
}
@media only screen and (max-width: 960px){
	header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-english a{
	        width: 100px;
	}
}
header.PagesHeader div.PagesHeaderInner nav.PagesHeadAside ul li.nav-english a:hover{
    background: #e1e1e1;
    color:#000;
}


/*LP*/
@media only screen and (max-width: 960px){
	header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside{
	    min-width: 680px;
	    width: auto;
	}
}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul{
    display: inline-block;
    margin:0;
}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li{
    display: inline-block;
    float: none;
}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li a{
    width: auto;
    height: auto;
    margin: 0;
    padding:20px 3px 18px;
    top: 0;
    color:#000;
	font-size:14px;
}
@media only screen and (max-width: 960px){
	header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li a{
	    padding:20px 3px 18px;
	font-size:14px;
	}
}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li a:hover{
	color:#ccc;
}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-about{
}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-about a{
    width: 90px;
}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-guide{}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-guide a{}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-works{}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-works a{}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-product{}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-product a{}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-blog{}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-blog a{}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-recruit{}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-recruit a{}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-access{}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-access a{}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-contact{
    margin:0 10px 0;
}
@media only screen and (max-width: 960px){
	header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-contact{
    	margin:0 10px 0;
	}
}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-contact a{
    background: #333;
    color: #fff;
    width:100px;
    text-align:center;
    border-radius:0 0 10px 10px;
}
@media only screen and (max-width: 1280px){
	header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-contact a{
	        width:100px;
	}
}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-contact a:hover{
    background: #666;
}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-english{}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-english a{
    background: #ccc;
    width:100px;
    text-align:center;
    border-radius:0 0 10px 10px;
}
@media only screen and (max-width: 960px){
	header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-english a{
	        width: 100px;
	}
}
header.PagesHeader div.PagesHeaderInner nav.lpPagesHeadAside ul li.nav-english a:hover{
    background: #e1e1e1;
    color:#000;
}

/*ここまで*/

.PagesTitle-co img{
	margin-bottom: 20px;

}
.imgbannerBox{
	display:flex;
	}
.imgBanner{

	margin:auto;
	padding: 0px 5px;

}
.imgBanner img{
	/*width:100%;*/}
	.indexPickUp .bnrArea {
    /*max-width: 1120px;*/
		display: flex;
    }
	@media only screen and (max-width: 680px){
		.imgbannerBox{
	display:block;
	}
.imgBanner{

	margin:auto;
	    margin-bottom: 15px;

}
	}
.privacy {
	line-height: 1.6;
}
.bold{
	 font-weight: bold;
}
.privacy h3{
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 40px;
}
.privacy p{
	margin-bottom: 40px;
	font-size: 16px;
text-align: left;}
.line001{    border: 1px solid;
    margin: 40px 0;}
.wihte a {
       color: #ff4d49;
    width: 150px;
    margin: auto;
    background: white;
    padding: 10px;
    font-size: 12px;
}

.sm {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .sm {
        display: block !important;
    }
    .md {
        display: none !important;
    }
}