@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; }
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:0; left:0; z-index:2002; width:100%; min-width:1120px; height:26px; }
.HeadInner { width:100%; margin:0 auto; }
    .HeadInner:after { content:''; display:block; clear:both; height:0; }
.HeadLogo { float:left; padding: 0px;margin: -6px -4px; }
.HeadAside { float:right; padding-top:22px; text-align:right; }
    .HeadAside li { display:inline; }
    .HeadAside li a { display:inline-block; /*margin-left:20px;*/ padding:10px; position:relative; overflow:hidden; height:34px; }
        .HeadAside li.nav-about a { width:91px; }
        .HeadAside li.nav-guide a { width:63px; }
        .HeadAside li.nav-works a { width:72px; }
        .HeadAside li.nav-product a { width:95px; }
        .HeadAside li.nav-blog a { width:57px; }
        .HeadAside li.nav-recruit a { width:80px; }
        .HeadAside li.nav-access a { width:75px; }
        .HeadAside li.nav-contact a { width:103px; }
        .HeadAside li.nav-english a { width:82px; }
    .HeadAside li a img { position:relative; }
        .HeadAside li.nav-about a img { left:0; }
        .HeadAside li.nav-guide a img { left:-93px; }
        .HeadAside li.nav-works a img { left:-160px; }
        .HeadAside li.nav-product a img { left:-235px; }
        .HeadAside li.nav-blog a img { left:-333px; }
        .HeadAside li.nav-recruit a img { left:-393px; }
        .HeadAside li.nav-access a img { left:-475px; }
        .HeadAside li.nav-contact a img { left:-557px; top:-57px;  }
        .HeadAside li.nav-english a img { left:-681px; top:-57px; }
    .HeadAside li a img:hover { top:-30px; }
        .HeadAside li.nav-contact a img:hover { left:-557px; top:-57px; opacity:0.7; }
        .HeadAside li.nav-english a img:hover { left:-681px; top:-57px; opacity:0.7; }

/* 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); }
.fixedHeadInner { width:1120px; margin:0 auto; }
    .fixedHeadInner:after { content:''; display:block; clear:both; height:0; }
.fixedHeadLogo { float:left; padding:8px 10px; }
.fixedHeadAside { float:right; min-width:840px; height:70px; padding:0 20px; text-align:right; }
.fixedHeadAside:after { content:''; display:block; clear:both; height:0; }
    .fixedHeadAside li { display:inline; float:left; }
    .fixedHeadAside li a { display:inline-block; position:relative; /*margin-left:20px;*/ padding:10px; position:relative; overflow:hidden; height:34px; }
        .fixedHeadAside li.nav-about a { top:14px; width:91px; }
        .fixedHeadAside li.nav-guide a { top:14px; width:63px; }
        .fixedHeadAside li.nav-works a { top:14px; width:72px; }
        .fixedHeadAside li.nav-product a { top:14px; width:95px; }
        .fixedHeadAside li.nav-blog a { top:14px; width:57px; }
        .fixedHeadAside li.nav-recruit a { top:14px; width:80px; }
        .fixedHeadAside li.nav-access a { top:14px; width:75px; }
        .fixedHeadAside li.nav-contact a { position:relative; width:115px; height:73px; margin-left:20px; padding:0; }
        .fixedHeadAside li.nav-english a { position:relative; width:115px; height:73px; margin-left:20px; padding:0; }
    .fixedHeadAside li a img { position:relative; top:-80px; }
        .fixedHeadAside li.nav-about a img { left:0; }
        .fixedHeadAside li.nav-guide a img { left:-93px; }
        .fixedHeadAside li.nav-works a img { left:-160px; }
        .fixedHeadAside li.nav-product a img { left:-235px; }
        .fixedHeadAside li.nav-blog a img { left:-333px; }
        .fixedHeadAside li.nav-recruit a img { left:-393px; }
        .fixedHeadAside li.nav-access a img { left:-475px; }
        .fixedHeadAside li.nav-contact a img { left:-557px; top:-57px; }
        .fixedHeadAside li.nav-english a img { left:-681px; top:-57px; }
    .fixedHeadAside li a img:hover { top:-30px; }
        .fixedHeadAside li.nav-contact a img:hover { left:-557px; top:-57px; opacity:0.7; }
        .fixedHeadAside li.nav-english a img:hover { left:-681px; top:-57px; opacity:0.7; }

/* pagesHeader */
.PagesHeader { position:fixed; top:0; left:0; z-index:2002; width:100%; min-width:1120px; height:70px; background:rgba(255,255,255,0.9); }
.PagesHeadInner { width:1120px; margin:0 auto; }
    .PagesHeadInner:after { content:''; display:block; clear:both; height:0; }
.PagesHeadLogo { float:left; padding:8px 10px; }
.PagesHeadAside { float:right; min-width:840px; padding:0 20px; text-align:right; }
.PagesHeadAside:after { content:''; display:block; clear:both; height:0; }
    .PagesHeadAside li { display:inline; float:left; }
    .PagesHeadAside li a { display:inline-block; position:relative; /*margin-left:20px;*/ padding:10px; position:relative; overflow:hidden; height:34px; }
        .PagesHeadAside li.nav-about a { top:14px; width:91px; }
        .PagesHeadAside li.nav-guide a { top:14px; width:63px; }
        .PagesHeadAside li.nav-works a { top:14px; width:72px; }
        .PagesHeadAside li.nav-product a { top:14px; width:95px; }
        .PagesHeadAside li.nav-blog a { top:14px; width:57px; }
        .PagesHeadAside li.nav-recruit a { top:14px; width:80px; }
        .PagesHeadAside li.nav-access a { top:14px; width:75px; }
        .PagesHeadAside li.nav-contact a { position:relative; width:115px; height:53px; margin-left:20px; padding:0; }
        .PagesHeadAside li.nav-english a { position:relative; width:115px; height:53px; margin-left: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; }

/* lppagesHeader */
.lpPagesHeader { position:fixed; top:0; left:0; z-index:2002; width:100%; min-width:1120px; height:70px; background:rgba(255,255,255,0.9); }
.lpPagesHeadInner { width:1120px; margin:0 auto; }
    .lpPagesHeadInner:after { content:''; display:block; clear:both; height:0; }
.lpPagesHeadLogo { float:left; padding:8px 10px; }
.lpPagesHeadAside { float:right; min-width:840px; padding:0 20px; text-align:right; }
.lpPagesHeadAside:after { content:''; display:block; clear:both; height:0; }
    .lpPagesHeadAside li { display:inline; float:left; }
    .lpPagesHeadAside li a { display:inline-block; position:relative; /*margin-left:20px;*/ padding:10px; position:relative; overflow:hidden; height:34px; }
        .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; }





/* idolHeader */
.idolHeadInner { width:1120px; margin:0 auto; }
.idolPagesHeadLogo { float:left; padding:8px 10px; }



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

/*新アイキャッチ用*/


/*アイキャッチ１*/

/* external css: flickity.css */

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body { font-family: sans-serif; }

.gallery {
  background: #F2F2F2;
}

.gallery-cell {
  width: 87%;
  margin-right: 10px;
  margin-top: 35px;
  margin-bottom: 10px;
  background: none;
  counter-increment: gallery-cell;
}

.flickity-button {
}

.flickity-page-dots {
	display: none;
}
	
/* cell number 
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}*/



 /*=== 画像の表示エリア ================================= */
.slide2 {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 100vw;
  height: auto;
  margin     : auto; 
  padding-bottom: 45%; 
  background: #fff url('../images/common/bg00.gif') repeat center center;
}
 
 /*=== 画像の設定 ======================================= */
.slide2 img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 25s ease infinite;
  margin-top: 0px;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide2 img:nth-of-type(1) { animation-delay: 0s }
.slide2 img:nth-of-type(2) { animation-delay: 5s }
.slide2 img:nth-of-type(3) { animation-delay: 10s }
.slide2 img:nth-of-type(4) { animation-delay: 15s }
.slide2 img:nth-of-type(5) { animation-delay: 20s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   10% { opacity: 1 }
  20% { opacity: 1 }
  35% { opacity: 0 }
 100% { opacity: 0 }
}



/*ここまで*/

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

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

/* indexPickUp */
.indexPickUp { position:relative; z-index:2; }
.indexPickUp .bnrArea { width:1120px; margin:0 auto 50px; }
.indexPickUpInner { width:1120px; margin:0 auto 30px; }
.indexPickUp h2 { margin-bottom:1.0em; font-weight: 800; font-size: 1.2em;}
.indexPickUp ul {  }
.indexPickUpInner ul:after { content:''; display:block; clear:both; height:0; }
.indexPickUp li { float:left; width:22%; margin-right:4%; }
.indexPickUp li:last-child { margin-right:0; }
.indexPickUp li figure { /*display:block; position:relative; top:0; margin-bottom:0.9em; border-radius:10px; background:#fff; transition:0.2s;*/ }
.indexPickUp li 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; }
.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'); }

/* 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; */ }
.indexWorksInner { width:1120px; margin:0 auto 30px; }
.indexWorks h2 { margin-bottom:2.0em; text-align:center; }
.indexWorks ul { margin-bottom:2.0em; }
.indexWorksInner ul:after { content:''; display:block; clear:both; height:0; }
.indexWorks li { float:left; width:22%; margin-right:4%; }
.indexWorks li:nth-child(4n+4) { margin-right:0; }
.indexWorks li:nth-child(4n+5) { clear:both; }
.indexWorks li figure { display:block; position:relative; 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; }
.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; }
.indexWorks ul + p a:hover { background-color:#fd7270; transition:0.4s; }

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

.indexStaffBlog { width:972px; margin:0 auto 3.0em; }
.indexStaffBlog:after { content:''; display:block; clear:both; height:0; }
.indexStaffBlog dt { float:left; width:175px; }
.indexStaffBlog dd { float:left; width:797px; }
.indexStaffBlog dd ul { margin-bottom:1.0em; }
.indexStaffBlog dd ul:after { content:''; display:block; clear:both; height:0; }
.indexStaffBlog dd li { float:left; width:30%; margin-right:5%; line-height:1.4; }
.indexStaffBlog dd li: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; }
.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; }
.indexStaffBlog dd li small { display:block; margin-bottom:0.5em; font-size:0.85em; }
.indexStaffBlog + p { padding-bottom:94px; text-align:center; }
.indexStaffBlog li a { display:block; color:inherit; }

.indexStaffBlog + p a {
	display:inline-block; 
	position:relative; 
	padding:1.2em 5.75em; 
	border-radius:5.0em; 
	color:#fff;
	font-size:1.4em; 
	text-decoration:none; 
	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;
}
.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; }
.indexStaffBlog dd ul + p a { display:inline-block; padding-right:1.0em; background:url('../images/common/icon_arrow-right.png') no-repeat right center; }


/* indexNews */
.indexNews { position:relative; z-index:2; padding:60px 0; background:#fff; }
.indexNewsWrap { width:972px; margin:0 auto; }
.indexNewsInner { display:table; width:100%; border-collapse:collapse; }
.indexNewsInner:after { content:''; display:block; clear:both; height:0; }
.indexNews h2 { display:table-cell; width:258px; vertical-align:top; }
.indexNews ul { display:table-cell; vertical-align:top; }
.indexNews li { position:relative; margin-top:-0.75em; margin-bottom:1.75em; }
    .indexNews li.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 ; }
.Home .inner .photo img { width:100%; height:auto; }
.Home .inner .photo + p { float:left; width:48%; line-height:2.1; font-size:1.0em; text-align:left; }
.Home .inner .staff { margin-bottom:45px; padding:20px 25px; border-radius:10px; font-size:1.0em; text-align:left; background:url('../images/english/bg_ptn.png'); }
.Home .inner .staff: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; font-size:2.0em; text-align:center; }
.PagesTitle img { margin-bottom:20px; }


/* PagesIntro */
.PagesIntro { width:1120px; margin:0 auto; padding:80px 0; color:#585764; text-align:center; }
.PagesIntro h2 { margin-bottom:0.8em; line-height:1.5; font-size:2.2em; }
.PagesIntro h2 + p { line-height:1.8; }


    /* About --- PagesIntro */
    .about-us .PagesIntro { width:960px; margin:0 auto; padding:80px 0; color:#585764; text-align:center; }
    .about-us .PagesIntro:after { content:''; display:block; clear:both; height:0; }
    .about-us .PagesIntro figure { display:block; float:left; width:400px; text-align:left; }
    .about-us .PagesIntroText { float:left; width:560px; text-align:left; }
    .about-us .PagesIntro h2 { margin-bottom:0.8em; line-height:1.5; font-size:2.2em; }
    .about-us .PagesIntro h2 + p { line-height:1.8; }

    .about-us .PagesIntroNote { clear:both; width:840px; margin:0 auto 70px; padding:; }

    /* Flow --- PagesIntro */
    .guide .PagesIntro { width:960px; margin:0 auto; padding:80px 0; color:#585764; text-align:center; }
    .guide .PagesIntro:after { content:''; display:block; clear:both; height:0; }
    .guide .PagesIntro figure { display:block; float:left; width:400px; text-align:left; }
    .guide .PagesIntroText { float:left; width:560px; text-align:left; }
    .guide .PagesIntro h2 { margin-bottom:0.8em; line-height:2.2; font-size:2.2em; }
    .guide .PagesIntro h2 + p { line-height:2.4; }

    .guide .PagesIntroNote { clear:both; width:885px; margin:0 auto 70px; padding:; }
    .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; }
    .guide .PagesIntroNote li:nth-child(2) { margin-left:45px; margin-right:45px; }
    .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; }
    .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; }
    .grayBG { background:url('../images/common/bg00.gif') repeat center center; }

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

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

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


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

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

.archiveContentInner ul {  }
.archiveContentInner ul:after { content:''; display:block; clear:both; height:0; }
.archiveContentInner li { float:left; width:22%; margin-right:4%; margin-bottom:2.2em; }
.archiveContentInner li:nth-child(4n+4) { margin-right:0; }
.archiveContentInner li:nth-child(4n+5) { clear:both; }
.archiveContentInner a { color:inherit; }
.archiveContentInner figure { display:block; 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; }
.more-content a:hover { color:#eae9ee; background:#84838d url('../images/staffblog/icon_arrow-bottom-wh.png') no-repeat 21em center; }

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



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

/* blogsIntro */
.blogsIntro { width:800px; margin:0 auto; padding:20px 0 80px; color:#585764; line-height:1.8; text-align:left; }
.blogsNav-gotoList { min-height:30px; margin-bottom:1.0em; }
    .blogsNav-gotoList a { display:inline-block; padding-left:1.2em; background:url('../images/common/icon_arrow-left.png') no-repeat left center; }
.blogsIntro h2 { margin-bottom:0.8em; line-height:1.5; font-size:2.2em; }
.blogsIntro h2 small { display:block; font-size:0.45em; 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'); }
.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-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;}
.blogsIntro .inner .staff p { font-size:1.0em; text-align:left; }
.blogsIntro img{margin-bottom: 0.3em;}



/*######################################################################*/
/*																		*/
/*	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; }
.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; }
.AboutService:after { content:''; display:block; clear:both; height:0; }
.AboutService li { float:left; width:190px; margin:0 0 25px; line-height:1.4; }
.AboutService li:nth-child(4n+5) { clear:both; }
.AboutService li figure { display:block; }
.AboutService li figcaption { display:block; padding-top:20px; }

.AboutPoint { width:862px; /*margin:0 auto;*/ margin-left:-51px; }
.AboutPoint:after { content:''; display:block; clear:both; height:0; }
.AboutPoint li { float:left; width:256px; line-height:1.4; text-align:left; }
.AboutPoint li:nth-child(2) { margin-left:45px; margin-right:45px; }
.AboutPoint li figure { display:block; margin: 10px 0px 16px 0px; text-align: center; }
.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; }
.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; 
}
.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:auto; }

#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; }
.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:-200%; background:#fff; }
.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:'閉じる'; 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:760px; margin:0 auto; }
.about-us .group table td { width:33%; text-align:center; vertical-align:middle; }
.AboutAccess h3 { margin-bottom:1.8em; padding-bottom:2.0em; font-size:1.7em; text-align:center; background:url('../images/common/bg_pages_headline.png') no-repeat center bottom; }
.AboutAccess iframe { display:block; margin:0; padding:0; border:0; width:100%; height:380px; }
.AboutAccess p { padding:45px; color:#fff; line-height:2.0; font-size:1.1em; text-align:center; background:#585764 url('../images/english/bg_ptn4.png'); }
.AboutAccess p a { color:#ccc; text-decoration:underline; }


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

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

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

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

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

/* staffs */
.FlowStaff {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; }

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

.casestudy { padding-top:50px; }
.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; }
.casestudyInner:after { content:''; display:block; clear:both; height:0; }
.casestudyInner li { float:left; width:32%; line-height:1.4; text-align:left; }
.casestudyInner li:nth-child(2) { margin-left:2%; margin-right:2%; }
.casestudyInner li figure { display:block; margin-bottom:20px; }
.casestudyInner li > figure img { width:100%; height:auto; }
.casestudyInner li 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; }

.alignCenter { text-align:center; }
.x12 { font-size:1.2em; }
.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; }
.guide .group dl { margin-bottom:12px; padding:20px; border-radius:6px; border:#b5b5b6 1px solid; }
.guide .group dt { position:relative; font-size:1.4em; cursor:pointer; }
.guide .group dt:before { content:''; display:block; position:absolute; width:0.6em; height:3px; top:16px; right:15px; background:#000; transform:rotate(-90deg); transition:0.4s; cursor:pointer; }
.guide .group dt:after { content:''; display:block; position:absolute; width:0.6em; height:3px; top:16px; 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; }
.guide .group dd { display:none; margin-top:20px; padding-top:20px; border-top:#b5b5b6 1px dashed; }
.guide .group dd .red { color:#e9473f; }
.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; }




/*######################################################################*/
/*																		*/
/*	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; }
.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; }
.ProductListItem {  }
.ProductListItem ul {  }
.ProductListItem ul:after { content:''; display:block; clear:both; height:0; }
.ProductListItem li { float:left; width:22%; margin-right:4%; margin-bottom:2.2em; }
    .ProductListItem li.hide { display:none; }
.ProductListItem li:nth-child(4n+4) { margin-right:0; }
.ProductListItem li:nth-child(4n+5) { clear:both; }
.ProductListItem a { color:inherit; }
.ProductListItem figure { display:block; position:relative; top:0; width:100%; height:232px; margin-bottom:0.8em; transition:0.2s; }
.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; }
.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; }

.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 ; }
.product .inner .photo img { width:100%; height:auto; }
.product .inner .photo + p { float:left; width:48%; line-height:2.1; font-size:1.0em; text-align:left; }
.product .inner .staff { margin-bottom:45px; padding:20px 25px; border-radius:10px; font-size:1.0em; text-align:left; background:url('../images/english/bg_ptn.png'); }
.product .inner .staff: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; }
.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; }

.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; }
.WorksListItem { clear:both; }
.WorksListItem ul { margin-top:-20px; padding-top:20px; }
.WorksListItem ul:after { content:''; display:block; clear:both; height:0; }

.WorksListItem ul.hidden { display:none; position:relative; top:-40px; overflow:hidden; width:100%; }
.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:hidden; }
.WorksListItem li { position:relative; float:left; width:22%; margin-right:4%; margin-bottom:2.2em; border-bottom:0 !important; list-style:none; }
.WroksListItem li.hide { display:none; }
.WorksListItem li:nth-child(4n+4) { margin-right:0; }
.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-bottom:0.8em; border-radius:10px; /*border:#cbcccc 1px solid; background:#fff;*/ transition:0.2s; }
.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:1.0em !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 ; }
.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'); }
.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/works/bg_ptn.png'); }
.cvAreaInner h3 { margin-bottom:0.5em; font-size:2.0em; }
.cvAreaInner p { line-height:2.0; }
.cvAreaInner p + p { margin-top:2.0em; }
.cvAreaInner p a { display:inline-block; position:relative; padding:0.6em 5.75em; border-radius:5.0em; color:#fff; font-size:1.4em; text-decoration:none; box-shadow:0 6px 0 0 #bf3c35; background:#ff4d49 url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0.4s; }
.cvAreaInner p a:hover { display:inline-block; top:0; padding:0.60em 5.75em; border-radius:5.0em; color:#fff; font-size:1.4em; text-decoration:none; box-shadow:0 6px 0 0 #bf3c35; background:#fd8482 url('../images/common/icon_arrow-right-l.png') no-repeat 95.0% center; transition:0.4s; }
.cvAreaInner p a:active { top:6px; background-color:#fd7270; box-shadow:0 0 0 0 #bf3c35; transition:0.2s; }

@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:inline-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; }
    .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 */
#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; }/* 放送予定など */
#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 ; }
#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:45px; padding:20px 25px; border-radius:10px; font-size:1.0em; text-align:left; background:url('../images/english/bg_ptn.png');  line-height: 1.6;}
#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; }


/*######################################################################*/
/*																		*/
/*	forbusiness													    */
/*																		*/
/*######################################################################*/


.forbusiness { }

.forbusiness .PagesIntro { width:100%; margin:0; padding:0px; }
.forbusiness .PagesIntro img { padding:0; }
.forbusiness .PagesIntro h1 { margin: 0px 0px 0px; padding:0px 0px 20px; color:#ffffff; font-size:1.2em; text-align:center; font-weight:700; letter-spacing: 4px; background-color: #3270a5; }
.forbusiness .PagesIntro p { margin: -15px 0px 0px; padding:15px 0px 3px; color:#ffffff; font-size:0.9em; text-align:center; line-height:1.8em; letter-spacing: 1.3px; background-color: #3270a5; }

.forbusiness .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }
.forbusiness .PagesHead img { padding:0; }

.forbusiness .PagesContent { width:100%; margin:-23px auto 0px; padding:30px 30px 75px;  background:#fff url('../images/common/bg00.gif') repeat center center; }
.forbusiness .PagesContent .right { padding:0px 30px 40px 0px; text-align: right;}

.forbusiness .PagesContent h2 { margin:0px 15px; padding:40px 0px; color:#003366; font-size:1.3em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1px;}
.forbusiness .PagesContent h3 { margin:0px 15px 0px; padding:50px 0px; color:#003366; font-size:1.5em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1px;}

.forbusiness h6 { margin:0px; padding:10px 0px 40px; color:#fff; background-color:#3270a5; font-size:clamp(11px,3vw,35px); text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 3px;}

.forbusiness .PagesContent p { margin:0px 8%; padding:0px; color:#000000; font-size:1.1em; text-align:justify; line-height:1.8em; letter-spacing: 1.3px;}
.forbusiness .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.forbusiness .PagesContent li { margin:20px 0px; padding:0px; color:#000000; font-size:1.1em; text-align:justify; letter-spacing: 1.2px; list-style-type: none; position: relative; text-indent: -1em;}

.forbusiness .form {width:100%; margin:0 auto; padding:0px; }

.forbusiness .PagesContent table { width:85%; margin:0px 8%; }
.forbusiness .PagesContent table th { width: 20%; margin:0px 8% ; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }
.forbusiness .PagesContent table td { width: 80%; margin:0px 8% ; padding:5px 0px 5px 15px; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }


.forbusiness .PagesContent .about {
    background-color: #ffffff; 
    margin:  30px 5% 0px 5%;   
    padding:  10px; 
	box-shadow: 6px 6px 8px #bbbbbb;}

.forbusiness .PagesContent .about h1 { margin:-30px -30px 10px; padding:20px 15px 20px 30px; color:#ffffff; font-size:clamp(13px,3vw,30px); text-align:left; font-weight: bold; letter-spacing: 4px; background-color: #3270a5; width:fit-content;}
.forbusiness .PagesContent .about h2 { margin: 0px 20px 0px 25px; padding:0px; color:#003366; font-size:clamp(9px,2vw,29px); text-align:left; line-height:1.6em; font-weight:700; letter-spacing: 2.5px;}
.forbusiness .PagesContent .about h3 { margin:10px -11px 10px ; padding:7px 25px 7px 30px; color:#ffffff; font-size:clamp(13px,3vw,30px); text-align:left; font-weight:bold; letter-spacing: 2px; background-color: #3270a5; width:fit-content;}
.forbusiness .PagesContent .about h4 { margin:-15px 30px 0px 155px; padding:0px; color:#003366; font-size:0.9em; text-align:justify; line-height:1.6em; font-weight:500; letter-spacing: 0px;}
.forbusiness .PagesContent .about p { margin:10px 30px; padding:0px; color:#003366; font-size:1em; text-align:justify; line-height:1.6em; font-weight:400; letter-spacing: 1px;}
.forbusiness .PagesContent .about b { margin:40px 3px; padding:0px; color:#ff3333; font-size:1.8em; text-align:center; line-height:1.6em; font-weight:500; letter-spacing: 0px;}
.forbusiness .PagesContent .about small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.6em; text-align:right; font-weight:600; letter-spacing: -0.5px;}
.forbusiness .PagesContent .about img .logo { padding:8% 0px 0px; vertical-align:middle;}

/****worksボタン****/

.forbusiness .PagesContent .about a#works {
  margin-right: auto;
  width: 200px;
  height: 50px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  background: #3270a5;
  line-height: 50px;
  border-radius: 15px;
  position: relative;
  z-index: 1;
  display: inline-block;
  transition: .3s;
}

.forbusiness .PagesContent .about a#works::before {
  width: 200px;
  height: 50px;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid #3270a5;
  line-height: 50px;
  border-radius: 15px;
  box-sizing: border-box;
  z-index: -1;
  transform: scale(1.1);
  opacity: 0;
  transition: transform ease .3s, opacity .3s;
}

.forbusiness .PagesContent .about a#works:hover {
  color: #3270a5;
  background: transparent;
}

.forbusiness .PagesContent .about a#works:hover::before {
  transform: scale(1);
  opacity: 1;
}


.forbusiness .PagesContent .about table { width:90%; margin:-20px 6% 0px; }
.forbusiness .PagesContent .about table th { width: 20%; margin:0px 8% ; padding:5px 5px 5px 10px; color:#003366; text-align:left; vertical-align:middle; font-size:0.85em; font-weight:700; height: 60px;}
.forbusiness .PagesContent .about table td { width: 80%; margin:0px 8% ; padding:5px 5px 5px; color:#003366; text-align:left; vertical-align:middle; font-size:0.8em; }



.forbusiness .PagesContent .about .wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-left: 20px;
  margin-right: 20px;
}

.forbusiness .PagesContent .about .wrapper h2 { margin:0px 0px 0px; padding:0px; color:#003366; font-size:1.4em; text-align:center; line-height:1.6em; font-weight:700;}
.forbusiness .PagesContent .about .wrapper b { margin:40px 3px; padding:0px; color:#ff3333; font-size:2em; text-align:center; line-height:1.6em; font-weight:900; letter-spacing: -2px;}
.forbusiness .PagesContent .about .wrapper small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.6em; text-align:right; font-weight:600; letter-spacing: -0.5px;}

.forbusiness .PagesContent .about .box {
  text-align:  left; 
  /*border: medium solid #3270a5;*/
  margin:10px 10px 10px;
  padding: 0px;
}



.forbusiness .PagesContent .about .wrapper2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-left: 20px;
  margin-right: 20px;
}

.forbusiness .PagesContent .about .wrapper2 h2 { margin:0px 0px 0px; padding:0px; color:#003366; font-size:1.6em; text-align:left; line-height:1.6em; font-weight:700;}
.forbusiness .PagesContent .about .wrapper2 b { margin:40px 3px; padding:0px; color:#ff3333; font-size:2.3em; text-align:center; line-height:1.6em; font-weight:900; letter-spacing: -2px;}
.forbusiness .PagesContent .about .wrapper2 small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.6em; text-align:right; font-weight:600; letter-spacing: -0.5px;}

.forbusiness .PagesContent .about .box2 {
  text-align:  left; 
  /*border: medium solid #3270a5;*/
  margin:10px 10px 10px;
  padding: 0px;
  max-width: 500px;
}
.forbusiness .PagesContent .about .box3 {
  text-align:  right; 
  /*border: medium solid #3270a5;*/
  margin:0px 10px 10px;
  padding: 0px;
  max-width: 300px;
}



.forbusiness .PagesContent .works {
    background-color: #ffffff; 
    margin:  30px 5% 0px 5%;   
    padding:  10px; 
	box-shadow: 6px 6px 8px #bbbbbb;
    overflow:  hidden;         /* floatで高さがなくなる問題解消 */
}

.forbusiness .PagesContent .works img { margin: 10px 0px -5px ; padding:0px; z-index: 1;}

.forbusiness .PagesContent .works h1 { margin:-50px -30px 10px; padding:10px 15px 10px 30px; color:#ffffff; font-size:2em; text-align:left; font-weight: bold; letter-spacing: 4px; background-color: #3270a5; width:fit-content;}
.forbusiness .PagesContent .works h2 { margin:10px -15px 10px ; padding:7px 25px 7px 30px; color:#ffffff; font-size:1.3em; text-align:left; font-weight:bold; letter-spacing: 2px; background-color: #3270a5; width:fit-content;}
.forbusiness .PagesContent .works h3 { margin:5px 0px 0px; padding:0px 20px 0px 25px; color:#003366; font-size:0.9em; text-align:left; line-height:1.6em; font-weight:700; letter-spacing: 0px;}
.forbusiness .PagesContent .works h4 { margin:5px 0px 0px; padding:0px 20px 30px 20px; color:#003366; font-size:0.8em; text-align:left; line-height:1.6em; font-weight:500; letter-spacing: 0px;}
.forbusiness .PagesContent .works p { margin:5px 0px 0px; padding:0px 0px 0px 20px; color:#003366; font-size:0.7em; line-height:1.6em; font-weight:500; letter-spacing: 0px;}
.forbusiness .PagesContent .works small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.9em; text-align:left; line-height:1.6em; font-weight:600; letter-spacing: 0px;}
.forbusiness .PagesContent .works b { margin:30px 5px; padding:0px; color:#ff3333; font-size:2.6em; text-align:center; line-height:1.6em; font-weight:900; letter-spacing: -2px;}


/****worksボタン****/

.forbusiness .PagesContent .works a#works {
  margin-right: auto;
  width: 200px;
  height: 50px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  background: #3270a5;
  line-height: 50px;
  border-radius: 15px;
  position: relative;
  z-index: 1;
  display: inline-block;
  transition: .3s;
}

.forbusiness .PagesContent .works a#works::before {
  width: 200px;
  height: 50px;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid #3270a5;
  line-height: 50px;
  border-radius: 15px;
  box-sizing: border-box;
  z-index: -1;
  transform: scale(1.1);
  opacity: 0;
  transition: transform ease .3s, opacity .3s;
}

.forbusiness .PagesContent .works a#works:hover {
  color: #3270a5;
  background: transparent;
}

.forbusiness .PagesContent .works a#works:hover::before {
  transform: scale(1);
  opacity: 1;
}






.forbusiness .PagesContent2 { width:100%; margin:-13px auto 0px; padding:0px 0px 70px;  background:#3270a5; }
.forbusiness .PagesContent .right { padding:0px 30px 40px 0px; text-align: right;}
.forbusiness .PagesContent2 h1 { margin:5px 15px; padding:0px; color:#fff; font-size:1.6em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1px;}
.forbusiness .PagesContent2 h2 { margin:0px 15px; padding:30px 1% 0px 3%; color:#fff; font-size:1.6em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1.5px;}

.forbusiness .PagesContent2 .box{
    margin:  5px 5% 10px 5%;   
    padding:  10px 20px 0px 20px; }

.forbusiness .PagesContent2 .point{
    background-color: #ffffff; 
    margin:  0px 10px 30px 10px;   
    padding:  10px 20px 10px 20px; 
	box-shadow: 6px 6px 8px #003366;}

.forbusiness .PagesContent2 .point h1 { margin:-105px 10px 0px 20px ; padding:10px 0px 0px 70px; color:#003366; font-size:clamp(15px,3vw,30px); text-align:left; font-weight: bold; letter-spacing: 3px; line-height:1.6em;}
.forbusiness .marker {background:linear-gradient(transparent 60%, #FFF81F 60%);}
.forbusiness .PagesContent2 .point h2 { margin:20px 10px; padding:0px; color:#003366; font-size:1em; text-align:left; line-height:2.5em; font-weight:700; letter-spacing: 1px; }
.forbusiness .PagesContent2 .point h3 { margin:20px 0px 0px; padding:0px; color:#003366; font-size:clamp(15px,2.5vw,20px); text-align:center; line-height:1.6em; font-weight:650; letter-spacing: 1px; vertical-align:top;}
.forbusiness .PagesContent2 .point p { margin:10px 10px 20px 10px; padding:0px; color:#003366; font-size:1em; text-align:justify; line-height:1.5em; font-weight:400; letter-spacing: 1px; }
.forbusiness .PagesContent .point img { padding:50; }


.forbusiness .PagesContent2 .point  table { width:100%; margin-top:10px; }
.forbusiness .PagesContent2 .point  table th { width: 20%; margin:0px 3% ; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }
.forbusiness .PagesContent2 .point  table td { margin:0px 5% ; padding:5px 10px; color:#003366; text-align:justify; vertical-align:middle; font-size:1.4em; }

.forbusiness .PagesContent2 .point ul {}
.forbusiness .PagesContent2 .point li { margin:20px 0px; padding:0px; color:#003366; font-size:clamp(13px,2.3vw,30px); text-align:left; line-height:2em; font-weight:650; letter-spacing: 1px; }


.forbusiness .PagesContent2 .point .circle {
  margin: -30px 10px 15px -50px;
  padding: 20px 15px 15px 15px;
  width: 120px;
  height: 120px;
  color: #fff;
  font-size: 30px;
  font-weight: bolder;
  background: #FFB800;
  text-align:center;
  line-height: 80px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  display: inline-block;
}



.forbusiness .PagesContent3 { width:100%; margin:0px auto 0px; padding:0px 30px 0px; background:#fff url('../images/common/bg00.gif') repeat center center; }
.forbusiness .PagesContent3 .right { padding:0px 30px 40px 0px; text-align: right;}

.forbusiness .PagesContent3 h3 { margin:0px 15px 0px; padding:50px 0px 10px; color:#003366; font-size:1.2em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1px;}

.forbusiness .PagesContent3 .contact {
    margin:  0px 0px 0px 0px;   
    padding:  10px 0px 0px 0px; 
	position: relative;
}


.forbusiness .PagesContent3 .contact img {
}

.forbusiness .PagesContent3 .contact .img_01 {
  position: absolute;
  top: 0;
  left: 0;
  margin:  0px 0px 0px 0px;   
  padding:  0px 0px 0px 0px;  
  z-index: 1;
}

.forbusiness .PagesContent3 .contact .img_02 {
  top: 30;
  left: 0;
  margin:  0px 0px 0px 0px;   
  padding:  0px 0px 0px 0px; 
  z-index: 2;
}


.forbusiness .PagesContent3 .contact a{
opacity:1;}

.forbusiness .PagesContent3 .contact a img:hover{
  transform:scale(1.1,1.1);
  opacity:1;
}


.fadein {
	opacity : 0.1;
	transform : translate(0, 90px);
	transition : all 700ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}


/*######################################################################*/
/*																		*/
/*	advertisement													    */
/*																		*/
/*######################################################################*/


.advertisement { }

.advertisement .PagesIntro { width:100%; margin:0; padding:0px 0px 0px;  background:#ffffff;}
.advertisement .PagesIntro img { padding:0; }
.advertisement .PagesIntro h1 { margin: 0px 0px 0px; padding:0px 0px 20px; color:#ffffff; font-size:1.2em; text-align:center; font-weight:700; letter-spacing: 4px; background-color: #F2567F; }
.advertisement .PagesIntro p { margin: 0px 0px 0px; padding:15px 0px 3px; color:#ffffff; font-size:0.9em; text-align:center; line-height:1.8em; letter-spacing: 1.3px; background-color: #F2567F; }

.advertisement .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }
.advertisement .PagesHead img { padding:0; }


.advertisement .PagesContent { width:100%; margin:0px auto 0px; padding:0px 30px 50px;  background:#fff url('../images/common/bg00.gif') repeat center center; }
.advertisement .PagesContent .right { padding:0px 30px 40px 0px; text-align: right;}

.advertisement .PagesContent h1 { margin:0px 15px; padding:40px 0px; color:#003366; font-size:1.3em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1px;}
.advertisement .PagesContent h3 { margin:0px 15px 0px; padding:50px 0px; color:#003366; font-size:1.5em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1px;}

.advertisement .PagesContent p { margin:0px 8%; padding:0px; color:#000000; font-size:1.1em; text-align:justify; line-height:1.8em; letter-spacing: 1.3px;}
.advertisement .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.advertisement .PagesContent li { margin:20px 0px; padding:0px; color:#000000; font-size:1.1em; text-align:justify; letter-spacing: 1.2px; list-style-type: none; position: relative; text-indent: -1em;}

.advertisement .form {width:100%; margin:0 auto; padding:0px; }

.advertisement .PagesContent table { width:85%; margin:0px 8%; }
.advertisement .PagesContent table th { width: 20%; margin:0px 8% ; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }
.advertisement .PagesContent table td { width: 80%; margin:0px 8% ; padding:5px 0px 5px 15px; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }


.advertisement .PagesContent .about {
    background-color: #ffffff; 
    margin:  70px 5% 0px 5%;   
    padding:  10px; 
	box-shadow: 6px 6px 8px #bbbbbb;}

.advertisement .PagesContent .about h1 { margin:-45px -30px 5px; padding:20px 20px 20px 30px; color:#ffffff; font-size:clamp(13px,3vw,30px); text-align:left; line-height:1.6em; font-weight: bold; letter-spacing: 4px; background-color: #F2567F; width:fit-content;}
.advertisement .PagesContent .about p { margin:10px 30px 20px; padding:0px; color:#003366; font-size:1em; text-align:justify; line-height:1.6em; font-weight:400; letter-spacing: 0.5px;}
.advertisement .PagesContent .about small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.9em; text-align:left; line-height:1.6em; font-weight:600; letter-spacing: 0px;}
.advertisement .PagesContent .about b { margin:30px 0px; padding:0px; color:#ff3333; font-size:1em; text-align:center; line-height:1.6em; font-weight:500; letter-spacing: 0.5px;}
.advertisement .PagesContent .about img {  padding:0; }



.advertisement .PagesContent .about2 {
    background-color: #ffffff; 
    margin:  -18px 5% 0px 5%;   
    padding:  0px 10px 10px; 
	box-shadow: 6px 6px 8px #bbbbbb;}

.advertisement .PagesContent .about2 h1 { margin:-35px -30px 5px; padding:20px 20px 20px 30px; color:#ffffff; font-size:clamp(13px,3vw,30px); text-align:left; line-height:1.6em; font-weight: bold; letter-spacing: 4px; background-color: #F2567F; width:fit-content; z-index: 1;}
.advertisement .PagesContent .about2 p { margin:20px 30px 10px; padding:0px; color:#003366; font-size:1em; text-align:justify; line-height:1.6em; font-weight:400; letter-spacing: 0.5px;}
.advertisement .PagesContent .about2 small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.9em; text-align:left; line-height:1.6em; font-weight:600; letter-spacing: 0px;}
.advertisement .PagesContent .about2 b { margin:30px 0px; padding:0px; color:#ff3333; font-size:1em; text-align:center; line-height:1.6em; font-weight:500; letter-spacing: 0.5px;}
.advertisement .PagesContent .about2 img {  padding:0; margin: 0px 0px -25px;}


/****worksボタン****/

.advertisement .PagesContent .about2 a#works {
  margin-right: auto;
  margin-top: 10px;
  width: 200px;
  height: 50px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  background: #F2567F;
  line-height: 50px;
  border-radius: 15px;
  position: relative;
  z-index: 1;
  display: inline-block;
  transition: .3s;
}

.advertisement .PagesContent .about2 a#works::before {
  width: 200px;
  height: 50px;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid #F2567F;
  line-height: 50px;
  border-radius: 15px;
  box-sizing: border-box;
  z-index: -1;
  transform: scale(1.1);
  opacity: 0;
  transition: transform ease .3s, opacity .3s;
}

.advertisement .PagesContent .about2 a#works:hover {
  color: #F2567F;
  background: transparent;
}

.advertisement .PagesContent .about2 a#works:hover::before {
  transform: scale(1);
  opacity: 1;
}




.advertisement .PagesContent2 { width:100%; margin:0px auto; padding:20px 5% 20px;  background:#eeeeee; }
.advertisement .PagesContent .right { padding:0px 30px 40px 0px; text-align: right;}
.advertisement .PagesContent2 h1  { margin:10px 0px 20px; padding:10px 0px 30px; color:#003366; font-size:1.6em; text-align:center; font-weight: bold; letter-spacing: 2px; line-height:1.6em; background-color: #eeeeee;}
.advertisement .PagesContent2 h2 { margin:0px 15px; padding:20px 1% 0px 3%; color:#fff; font-size:1.6em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1.5px;}

.advertisement .PagesContent2 .merit{
    background-color: #ffffff; 
    margin:  30px 5% 50px 5%;   
    padding:  10px 10px 10px 10px; 
	box-shadow: 6px 6px 8px #bbbbbb;
	height: 370px;
}

.advertisement .PagesContent2 .merit h1 { margin:10px ; padding:5px; color:#003366; font-size:1.5em; text-align:left; font-weight: bold; letter-spacing: 1px; line-height:1.6em;}
.advertisement .marker {background:linear-gradient(transparent 60%, #FFF81F 60%);}
.advertisement .PagesContent2 .merit h2 { margin:20px 3px; padding:0px 1%; color:#003366; font-size:1.3em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1px; height: 75px; vertical-align:middle; }
.advertisement .PagesContent2 .merit h3 { margin:20px 3px; padding:3.2% 1%; color:#003366; font-size:1.3em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1px; height: 75px;}
.advertisement .PagesContent2 .merit p { margin:10px 10px 20px 10px; padding:10px 0px; color:#003366; font-size:1em; text-align:justify; line-height:1.6em; font-weight:400;}
.advertisement .PagesContent2 .merit b { margin:30px 0px; padding:0px; color:#ff3333; font-size:1em; text-align:center; line-height:1.6em; font-weight:500; letter-spacing: 0.5px;}
.advertisement .PagesContent2 .merit img { padding:50; }


.advertisement .PagesContent2 .merit table { width:95%; margin:-20px 0px; }
.advertisement .PagesContent2 .merit table th { margin:0px 3px; padding:0px; color:#003366; font-size:clamp(15px,2vw,20px); text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1px; vertical-align:middle; height: 90px;}
.advertisement .PagesContent2 .merit table td { margin:10px 20px 20px 10px; padding:10px 0px; color:#003366; font-size:1em; text-align:justify; line-height:1.6em; font-weight:400; letter-spacing: 0.5px;  vertical-align:middle; }


.advertisement .PagesContent2 .parent {
  text-align: center;
  margin-top: -75px;
}

.advertisement .PagesContent2 .merit .circle {
  margin: 10px 0px 15px 0px;
  padding: 20px 15px 15px 15px;
  width: 120px;
  height: 120px;
  color: #fff;
  font-size: 55px;
  font-weight: bold;
  background: #54549A;
  text-align:center;
  line-height: 80px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  display: inline-block;
}


.advertisement h5{ margin:0px; padding:10px 0px 20px; color:#fff; background-color:#F2567F ; font-size:clamp(11px,3vw,35px); text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 4px;}

.advertisement h6{ margin:0px 0px 0px; padding:20px 0px; color:#fff; background-color:#54549A ; font-size:1.6em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 3px;}

.advertisement .PagesContent3 { width:100%; margin:0px auto 0px; padding:0px 5% 80px; background:#fff url('../images/common/bg00.gif') repeat center center; }
.advertisement .PagesContent3 .right { padding:0px 30px 40px 0px; text-align: right;}

.advertisement .PagesContent3 h1{ margin:0px 0px 0px; padding:50px 0px; color:#fff; background-color:#F2567F ; font-size:1.6em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 2px;}
.advertisement .PagesContent3 h3 { margin:0px 15px 0px; padding:50px 0px; color:#003366; font-size:1.2em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1px;}




.advertisement .PagesContent3 .works {
    background-color: #ffffff; 
    margin:  30px 16px 0px;   
    padding:  10px; 
	box-shadow: 6px 6px 8px #bbbbbb;
}

.advertisement .PagesContent3 .works img { margin: 10px 0px -5px ; padding:0px; z-index: 1;}

.advertisement .PagesContent3 .works h1 { margin:-50px -30px 10px; padding:10px 15px 10px 30px; color:#ffffff; font-size:2em; text-align:left; font-weight: bold; letter-spacing: 4px; }
.advertisement .PagesContent3 .works h2 { margin:20px -15px 0px ; padding:7px 25px 7px ; color:#54549A; font-size:1.5em; text-align:center; font-weight:bold; letter-spacing: 2px; border: solid 3px #54549A; width:fit-content;}
.advertisement .PagesContent3 .works h3 { margin:15px 0px 0px; padding:0px 25px 0px 20px; color:#003366; font-size:1.2em; text-align:center; line-height:1.6em; font-weight:500; letter-spacing: 0px;}
.advertisement .PagesContent3 .works h4 { margin:25px 0px 20px; padding:0px 20px 0px 0px; color:#003366; font-size:0.9em; line-height:1.6em; font-weight:400; letter-spacing: 0px; text-align: right;}
.advertisement .PagesContent3 .works p { margin:20px 0px 10px; padding:0px 24px 0px 15px; color:#003366; font-size:0.9em; text-align:justify; line-height:1.6em; font-weight:400; letter-spacing: 0px;}
.advertisement .PagesContent3 .works small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.9em; text-align:left; line-height:1.6em; font-weight:600; letter-spacing: 0px;}
.advertisement .PagesContent3 .works b { margin:30px 5px; padding:0px; color:#ff3333; font-size:2.6em; text-align:center; line-height:1.6em; font-weight:900; letter-spacing: -2px;}



.advertisement .PagesContent4 { width:100%; margin:-47px auto 0px; padding:0px 5% 90px; background:#F2567F; }
.advertisement .PagesContent4 .right { padding:0px 30px 40px 0px; text-align: right;}

.advertisement .PagesContent4 h1{ margin:0px 0px 0px; padding:30px 0px; color:#fff; ; font-size:1.6em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 2px;}
.advertisement .PagesContent4 .flow h3 { margin:10px 10px -56px 10px; padding:10px 40px; color:#ffffff; font-size:1.6em; text-align:center; line-height:1.6em; font-weight: bold; letter-spacing: 4px; background-color: #F2567F; width:fit-content; z-index:1; border-radius: 48%;}


.advertisement .PagesContent4 .flow .box table { width:100%; margin:0px; }
.advertisement .PagesContent4 .flow .box table th { width:0px 5%; margin:5px 5px 5px 10px; color:#000000; text-align:center; vertical-align:middle; font-size:1em; }
.advertisement .PagesContent4 .flow .box table td { margin:0px 5% ; padding:5px 5px 5px 10px; color:#003366; text-align:justify; vertical-align:top; font-size:0.9em; }



.advertisement .PagesContent4 .flow {
    background-color: #ffffff; 
    margin:  0px 16px 0px;   
    padding:  10px 25px;
    overflow:  hidden;         /* floatで高さがなくなる問題解消 */
}


.advertisement .PagesContent4 .flow .box {
  background-color: #fff;
  border: medium solid #F2567F;
  text-align:  center; 
  margin:25px 10px;
  padding: 15px;
}

.advertisement .PagesContent4 .flow .box2 {
  background-color: #fff;
  border: medium solid #F2567F;
  text-align:  center; 
  margin:25px 10px 25px;
  padding: 15px 20px;
}

.advertisement .PagesContent4 .flow .wrapper2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center; 
}


.advertisement .PagesContent4 .flow .box4 {
  background-color: #fff;
  border: medium solid #F2567F;
  margin:25px 0px ;
  padding:15px 5px;
  width: 400px;
  justify-content: center;
}


.advertisement .PagesContent4 .flow .box h1 { margin:-25px -43px 0px; padding:12px 23px 12px 26.5px; color:#ffffff; font-size:1.8em; text-align:center; line-height:1.6em; font-weight: bold; letter-spacing: 4px; background-color: #F2567F; width:fit-content; z-index: 1; border-radius: 50%;}
.advertisement .PagesContent4 .flow .box h2 { margin:-52px 0px 20px 40px; padding:0px 5px; color:#F2567F; font-size:1.4em; text-align:left; line-height:1.6em; font-weight:700; letter-spacing: 1px;}
.advertisement .PagesContent4 .flow .box p { margin:0px; padding:0px; color:#003366; text-align:justify; vertical-align:top; font-size:0.9em; }


.advertisement .PagesContent4 .flow .box2 h1 { margin:-25px -43px 0px; padding:12px 23px 12px 26.5px; color:#ffffff; font-size:1.8em; text-align:center; line-height:1.6em; font-weight: bold; letter-spacing: 4px; background-color: #F2567F; width:fit-content; z-index: 1; border-radius: 50%;}
.advertisement .PagesContent4 .flow .box2 h2 { margin:-52px 0px 20px 40px; padding:0px 5px; color:#F2567F; font-size:1.4em; text-align:left; line-height:1.6em; font-weight:700; letter-spacing: 1px;}
.advertisement .PagesContent4 .flow .box2 p { margin:0px; padding:0px; color:#003366; text-align:justify; vertical-align:top; font-size:0.9em; }




.advertisement .PagesContent4 .flow .box4 h1 { margin:10px; padding:10px; color:#ffffff; font-size:1.8em; text-align:center; line-height:1.6em; font-weight: bold; letter-spacing: 4px; background-color: #F2567F; width:fit-content; z-index: 1; border-radius: 70%;}
.advertisement .PagesContent4 .flow .box4 h2 { margin:25px 5px 10px; padding:5px 0px; color:#003366; font-size:1.1em; font-weight:700;　text-align: justify;　letter-spacing: 2px; line-height:1.6em;}
.advertisement .PagesContent4 .flow img { margin: 0px; padding:0px; z-index: 1;}




.advertisement .PagesContent5 { width:100%; margin:0px auto; padding:10px 5% 20px;  background:#E22C2C; }
.advertisement .PagesContent5 .right { padding:0px 30px 40px 0px; text-align: right;}
.advertisement .PagesContent5 h1  { margin:10px 0px 20px; padding:10px 0px 30px; color:#fff; font-size:1.6em; text-align:center; font-weight: bold; letter-spacing: 2px; line-height:1.6em;}

.advertisement .PagesContent5 .contact {
    margin:  30px 20px 0px;   
    padding:  10px; 
}


.advertisement .PagesContent6 { width:100%; margin:0px auto 0px; padding:0px 5% 40px; background:#fff url('../images/common/bg00.gif') repeat center center; }
.advertisement .PagesContent6 .right { padding:0px 30px 40px 0px; text-align: right;}

.advertisement .PagesContent6 h1{ margin:0px 0px 0px; padding:50px 0px; color:#fff; background-color:#F2567F ; font-size:1.6em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 2px;}
.advertisement .PagesContent6 h3 { margin:0px 15px 0px; padding:50px 0px; color:#003366; font-size:1.2em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1px;}




.advertisement .PagesContent6 .works {
    background-color: #ffffff; 
    margin:  30px 16px 0px;   
    padding:  10px 10px 25px; 
	box-shadow: 6px 6px 8px #bbbbbb;
}

.advertisement .PagesContent6 .works img { margin: 10px 0px -5px ; padding:0px; z-index: 1;}

.advertisement .PagesContent6 .works h3 { margin:15px 0px 0px; padding:0px 25px 0px 20px; color:#003366; font-size:1.2em; text-align:left; line-height:1.6em; font-weight:500; letter-spacing: 0px;}


.fadein {
	opacity : 0.1;
	transform : translate(0, 90px);
	transition : all 700ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}



.advertisementFootInner { width:100%; padding:50px 0 50px; color:#fff; text-align:center; background:#F2567F; }
.advertisementFootCopyright p { width:100%;  color:#fff; font-size:1em; text-align:center; }




/*######################################################################*/
/*																		*/
/*	delivery-support													*/
/*																		*/
/*######################################################################*/


.delivery-support { }

.delivery-support .PagesIntro { width:100%; margin:0; padding:0px 0px 0px;  background:#fff;}
.delivery-support .PagesIntro img { padding:0; }
.delivery-support .PagesIntro h1 { margin: 0px 0px 0px; padding:0px 0px 20px; color:#ffffff; font-size:1.2em; text-align:center; font-weight:700; letter-spacing: 4px; background-color: #219f64; }
.delivery-support .PagesIntro p { margin: 0px 0px 0px; padding:15px 0px 3px; color:#ffffff; font-size:0.9em; text-align:center; line-height:1.8em; letter-spacing: 1.3px; background-color: #219f64; }

.delivery-support .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }
.delivery-support .PagesHead img { padding:0; }


.delivery-support h5{ margin:0px 0px 0px; padding:10px 0px 20px; color:#fff; background-color:#219f64 ; font-size:clamp(11px,3vw,35px); text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 3px;}

.delivery-support h6{ margin:0px 0px 0px; padding:20px 20px; color:#fff; background-color:#219f64 ; font-size:1.6em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 3px;}


.delivery-support .PagesContent { width:100%; margin:0px auto 0px; padding:0px 30px 50px;  background:#fff url('../images/common/bg00.gif') repeat center center; }
.delivery-support .PagesContent .right { padding:0px 30px 40px 0px; text-align: right;}

.delivery-support .PagesContent h1 { margin:0px 15px; padding:40px 0px; color:#003366; font-size:1.3em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1px;}
.delivery-support .PagesContent h3 { margin:0px 15px 0px; padding:50px 0px; color:#003366; font-size:1.5em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1px;}

.delivery-support .PagesContent p { margin:0px 8%; padding:0px; color:#000000; font-size:1.1em; text-align:justify; line-height:1.8em; letter-spacing: 1.3px;}
.delivery-support .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.delivery-support .PagesContent li { margin:20px 0px; padding:0px; color:#000000; font-size:1.1em; text-align:justify; letter-spacing: 1.2px; list-style-type: none; position: relative; text-indent: -1em;}

.delivery-support .form {width:100%; margin:0 auto; padding:0px; }

.delivery-support .PagesContent .about {
    background-color: #ffffff; 
    margin:  70px 5% 0px 5%;   
    padding:  10px; 
	box-shadow: 6px 6px 8px #bbbbbb;}

.delivery-support .PagesContent .about h1 { margin:-45px -30px 5px; padding:20px 20px 20px 30px; color:#ffffff; font-size:clamp(13px,3vw,30px); text-align:left; line-height:1.6em; font-weight: bold; letter-spacing: 4px; background-color: #219f64; width:fit-content;}
.delivery-support .PagesContent .about h2 { margin:10px -11px 10px ; padding:7px 25px 7px 30px; color:#ffffff; font-size:clamp(13px,3vw,30px); text-align:left; font-weight:bold; letter-spacing: 2px; background-color: #219f64; width:fit-content;}
.delivery-support .PagesContent .about p { margin:10px 30px 30px; padding:0px; color:#003366; font-size:1em; text-align:justify; line-height:1.6em; font-weight:400; letter-spacing: 0.5px;}
.delivery-support .PagesContent .about small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.9em; text-align:left; line-height:1.6em; font-weight:600; letter-spacing: 0px;}
.delivery-support .PagesContent .about b { margin:30px 0px; padding:0px; color:#ff3333; font-size:1em; text-align:center; line-height:1.6em; font-weight:500; letter-spacing: 0.5px;}
.delivery-support .PagesContent .about img {  padding:0;  vertical-align:middle;}

.delivery-support .PagesContent .about table { width:100%; margin:0px; flex-wrap: wrap;}
.delivery-support .PagesContent .about table th { width: 30%; margin:0px 5% ; padding:5% 0% 0% 2%; vertical-align:middle; font-size:1em; text-align:justify;}
.delivery-support .PagesContent .about table td { margin:0px 5% ; padding:3% 4% 0% 0%; color:#003366; text-align:justify; vertical-align:middle; font-size:1em; }


/****worksボタン****/

.delivery-support .PagesContent .about a#works {
  margin-right: auto;
  margin-top: 10px;
  width: 200px;
  height: 50px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  background: #219f64;
  line-height: 50px;
  border-radius: 15px;
  position: relative;
  z-index: 1;
  display: inline-block;
  transition: .3s;
}

.delivery-support .PagesContent .about a#works::before {
  width: 200px;
  height: 50px;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid #219f64;
  line-height: 50px;
  border-radius: 15px;
  box-sizing: border-box;
  z-index: -1;
  transform: scale(1.1);
  opacity: 0;
  transition: transform ease .3s, opacity .3s;
}

.delivery-support .PagesContent .about a#works:hover {
  color: #219f64;
  background: transparent;
}

.delivery-support .PagesContent .about a#works:hover::before {
  transform: scale(1);
  opacity: 1;
}


.delivery-support .PagesContent .works{
    margin:  20px 30px 0px;   
    padding:  10px 0px 0px; 
}


.delivery-support .PagesContent .works .marker {background:linear-gradient(transparent 60%, #FFF81F 60%);}
.delivery-support .PagesContent .works h1 { margin:10px 0px 20px; padding:10px 0px; color:#ffffff; font-size:1.2em; text-align:center; font-weight: bold; letter-spacing: 0.5px; background-color: #f4a900; line-height:1.3em; width: auto;}
.delivery-support .PagesContent .works h2 { margin:10px 0px 20px; padding:10px 0px; color:#ffffff; font-size:1.2em; text-align:center; font-weight: bold; letter-spacing: 0.5px; background-color: #ff4d49; line-height:1.3em; width: auto;}
.delivery-support .PagesContent .works h3 { margin:10px 0px 20px; padding:10px 0px 10px 10px; color:#ffffff; font-size:1.2em; text-align:center; font-weight: bold; letter-spacing: 0.5px; background-color: #3270a5; line-height:1.3em;}
.delivery-support .PagesContent .works h4 { margin:20px 0px; padding:0px; color:#003366; font-size:clamp(13px,2vw,25px); text-align:center; line-height:1.6em; font-weight:500; letter-spacing: 1px;}
.delivery-support .PagesContent .works p { margin:20px 30px; padding:0px; color:#003366; font-size:1em; text-align:justify; line-height:1.6em; font-weight:400; letter-spacing: 1px;}
.delivery-support .PagesContent .works b  { margin:10px 0px; padding:0px; color:#ff3333; font-size:1em; text-align:center; line-height:1.6em; font-weight:500; letter-spacing: 1px;}
.delivery-support .PagesContent .works small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.6em; text-align:right; font-weight:600; letter-spacing: -0.5px;}
.delivery-support .PagesContent .works img .logo { padding:8% 0px 0px; vertical-align:middle;}


.delivery-support .PagesContent .works table { width:100%; margin:0px; }
.delivery-support .PagesContent .works table th { width: 20%; margin:0px 8% ; padding:5px; color:#003366; text-align:center; vertical-align:middle; font-size:0.85em; font-weight:700; height: 30px;}
.delivery-support .PagesContent .works table td { margin:0px 8% ; padding:0px 5px 5px 5px; color:#003366; text-align:justify;; vertical-align:middle; font-size:0.8em; }



.delivery-support .PagesContent2 { width:100%; margin:0px auto; padding:0px 30px 50px;  background:#eeeeee; }
.delivery-support .PagesContent2 h1  { margin:0px 0px 0px; padding:30px 0px 10px; color:#003366; font-size:1.6em; text-align:center; font-weight: bold; letter-spacing: 2px; line-height:1.6em; background-color: #eeeeee;}
.delivery-support .PagesContent2 h2 { margin:0px 15px; padding:20px 1% 0px 3%; color:#fff; font-size:1.6em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1.5px;}

.delivery-support .PagesContent2 .tool{
    background-color: #ffffff; 
    margin:  0px 5% 0px 5%;   
    padding:  10px; 
	box-shadow: 6px 6px 8px #bbbbbb;
}

.delivery-support .PagesContent2 .tool p { margin:10px 30px 20px; padding:10px 0px; color:#003366; font-size:1em; text-align:justify; line-height:1.6em; font-weight:400;}
.delivery-support .PagesContent2 .tool b { margin:0px 30px 10px; padding:0px; color:#ff3333; font-size:1em; text-align:center; line-height:1.6em; font-weight:500; letter-spacing: 0.5px;}
.delivery-support .PagesContent2 .tool h3 { margin:10px 10px; padding:10px 0px; color:#003366; font-size:clamp(14px,3vw,50px); text-align:center; line-height:2em; font-weight:700; letter-spacing: 1px;}
.delivery-support .PagesContent2 .tool img { padding:20px 0px 0px; }




.delivery-support .PagesContent3 { width:100%; margin:0px auto; padding:0px 30px 50px;  background:#fff url('../images/common/bg00.gif') repeat center center; }
.delivery-support .PagesContent3 h1  { margin:0px 0px 0px; padding:30px 0px 30px; color:#003366; font-size:1.6em; text-align:center; font-weight: bold; letter-spacing: 2px; line-height:1.6em; background-color: #eeeeee;}
.delivery-support .PagesContent3 h2 { margin:0px 15px; padding:20px 1% 0px 3%; color:#fff; font-size:1.6em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 1.5px;}

.delivery-support .PagesContent3 .works{
    background-color: #ffffff; 
    margin:  20px 5% 0px 5%;   
    padding:  20px 25px; 
	box-shadow: 6px 6px 8px #bbbbbb;
}


.delivery-support .PagesContent3 .works .marker {background:linear-gradient(transparent 60%, #FFF81F 60%);}
.delivery-support .PagesContent3 .works h1 { margin:10px 0px 20px; padding:10px 0px; color:#ffffff; font-size:1.3em; text-align:center; font-weight: bold; letter-spacing: 4px; background-color: #f4a900; line-height:1.3em;}
.delivery-support .PagesContent3 .works h2 { margin:10px 0px 20px; padding:10px 0px; color:#ffffff; font-size:1.3em; text-align:center; font-weight: bold; letter-spacing: 4px; background-color: #ff4d49; line-height:1.3em;}
.delivery-support .PagesContent3 .works h3 { margin:10px 0px 20px; padding:10px 0px 10px 10px; color:#ffffff; font-size:1.3em; text-align:center; font-weight: bold; letter-spacing: 4px; background-color: #3270a5; line-height:1.3em;}
.delivery-support .PagesContent3 .works h4 { margin:10px 10px; padding:0px; color:#003366; font-size:1.3em; text-align:center; line-height:1.6em; font-weight:500; letter-spacing: 1px;}
.delivery-support .PagesContent3 .works p { margin:20px 30px; padding:0px; color:#003366; font-size:1em; text-align:justify; line-height:1.6em; font-weight:400; letter-spacing: 1px;}
.delivery-support .PagesContent3 .works b  { margin:10px 10px; padding:0px; color:#ff3333; font-size:1em; text-align:center; line-height:1.6em; font-weight:500; letter-spacing: 1px;}
.delivery-support .PagesContent3 .works small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.6em; text-align:right; font-weight:600; letter-spacing: -0.5px;}
.delivery-support .PagesContent3 .works img .logo { padding:8% 0px 0px; vertical-align:middle;}


.delivery-support .PagesContent3 .works table { width:100%; margin:0px; }
.delivery-support .PagesContent3 .works table th { width: 20%; margin:0px 8% ; padding:5px; color:#003366; text-align:center; vertical-align:middle; font-size:0.85em; font-weight:700; height: 30px;}
.delivery-support .PagesContent3 .works table td { margin:0px 8% ; padding:0px 5px 5px 5px; color:#003366; text-align:justify;; vertical-align:middle; font-size:0.8em; }



.delivery-support .PagesContent4 { width:100%; margin:0px auto 0px; padding:0px 30px 70px; background:#219f64; }
.delivery-support .PagesContent4 .right { padding:0px 30px 40px 0px; text-align: right;}


.delivery-support .PagesContent4 .flow{
    background-color: #ffffff; 
    margin:  0px 5% 0px 5%;   
    padding:  20px 25px; 
}

.delivery-support .PagesContent4 .flow .marker {background:linear-gradient(transparent 60%, #FFF81F 60%);}
.delivery-support .PagesContent4 h1{ margin:0px 0px 0px; padding:30px 0px; color:#fff; ; font-size:1.6em; text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 2px;}
.delivery-support .PagesContent4 .flow h2 { margin:10px 10px; padding:0px; color:#003366; font-size:1.1em; text-align:justify; line-height:1.7em; font-weight:500; letter-spacing: 1px;}
.delivery-support .PagesContent4 .flow p { margin:20px 30px; padding:0px; color:#003366; font-size:1em; text-align:justify; line-height:1.6em; font-weight:400; letter-spacing: 1px;}




.delivery-support .PagesContent5 { width:100%; margin:0px auto; padding:10px 5% 20px;  background:#f4a900; }
.delivery-support .PagesContent5 .right { padding:0px 30px 40px 0px; text-align: right;}
.delivery-support .PagesContent5 h1  { margin:10px 0px 20px; padding:10px 0px 30px; color:#fff; font-size:1.6em; text-align:center; font-weight: bold; letter-spacing: 2px; line-height:1.6em;}

.delivery-support .PagesContent5 .contact {
    margin:  30px 20px 0px;   
    padding:  10px; 
}

.fadein {
	opacity : 0.1;
	transform : translate(0, 90px);
	transition : all 700ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}


.delivery-supportFootInner { width:100%; padding:50px 0 50px; color:#fff; text-align:center; background:#219f64; }
.delivery-supportFootCopyright p { width:100%;  color:#fff; font-size:1em; text-align:center; }



/*######################################################################*/
/*																		*/
/*	creator													    */
/*																		*/
/*######################################################################*/


.creator { }

.creator .PagesIntro { width:100%; margin:0; padding:0px; }
.creator .PagesIntro img { padding:0; }
.creator .PagesIntro h1 { margin: 0px 0px 0px; padding:0px 0px 20px; color:#ffffff; font-size:1.2em; text-align:center; font-weight:700; letter-spacing: 4px; background-color: #3270a5; }
.creator .PagesIntro p { margin: -15px 0px 0px; padding:15px 0px 3px; color:#ffffff; font-size:0.9em; text-align:center; line-height:1.8em; letter-spacing: 1.3px; background-color: #3270a5; }

.creator .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }
.creator .PagesHead img { padding:0; }

.creator .PagesContent { width:100%; margin:0px auto 0px; padding:0px 0px 75px; background:#fff;}
.creator .PagesContent .right { padding:0px 30px 40px 0px; text-align: right;}

.creator .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.creator .PagesContent li { margin:20px 0px; padding:0px; color:#000000; font-size:1.1em; text-align:justify; letter-spacing: 1.2px; list-style-type: none; position: relative; text-indent: -1em;}

.creator .row  {width:100%; margin:0px; padding:0px; }
.creator .sample-box {
    position: relative;
}

.creator .good {
	width: 50vw;
    display: flex;
    cursor: pointer;
    
    position: absolute;
    top: 1%;
    left: 1%;
}


.creator .good2 {
	width: 20vw;
    display: flex;
    cursor: pointer;
    
    position: absolute;
    top: 73%;
    left: 40%;
}

.creator.PagesContent .form {width:100%; margin:0 auto; padding:0px; }

.creator .PagesContent table { width:85%; margin:0px 8%; }
.creator .PagesContent table th { width: 20%; margin:0px 8% ; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }
.creator .PagesContent table td { width: 80%; margin:0px 8% ; padding:5px 0px 5px 15px; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }


.creator .PagesContent h1 { margin:0px; padding:50px 0px 10px; color:#003366; font-size:clamp(8px,3vw,18px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px; background-color: #9ec3d2;}
.creator .PagesContent h2 { margin:0px; padding: 20px 15% 60px; color:#000000; font-size:0.8em; line-height:1.6em; font-weight:400; letter-spacing: 1px; background-color: #9ec3d2; text-align:left;}
.creator .PagesContent h3 { margin:0px; padding: 0px 15%; color:#003366; font-size:clamp(10px,3vw,18px); line-height:1.6em; font-weight:700; letter-spacing: 1px; text-align:left;}
.creator .PagesContent h4 { margin:0px; padding: 0px 3% 10px; color:#003366; font-size:clamp(12px,2.5vw,15px); line-height:1.6em; font-weight:600; letter-spacing: 1px; text-align:left;}
.creator .PagesContent h5 { margin:0px; padding:0px 3% 20px; color:#000000; font-size:0.8em; line-height:1.6em; font-weight:400; letter-spacing: 1px; text-align: justify;}
.creator .PagesContent p { margin:0px; padding:0px 15%; color:#000000; font-size:0.8em; line-height:1.6em; font-weight:400; letter-spacing: 1px; text-align: justify;}
.creator .PagesContent b { margin:0px; padding: 0px 15%; color:#003366; font-size:0.8em; text-align:left; line-height:1.6em; font-weight:600; letter-spacing: 0px;}
.creator .PagesContent small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.8em; text-align:right; font-weight:600; letter-spacing: -0.5px;}
.creator .PagesContent .example img { margin:0px 0.5% 0px ; padding:0px;}


.creator .PagesContent .about {
    background-color: #ffffff; 
	margin: 0px 8% 0px 8%;
padding: 0px 10px 10px 10px;
}

.creator .PagesContent a {
  color: #003366;
  background: transparent;
}


.creator .PagesContent a:hover {
  color: #007bff;
  background: transparent;
}



/****worksボタン****/

.creator .PagesContent a#works {
  margin-right: auto;
  width: 200px;
  height: 50px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  background: #d6d12b;
  line-height: 50px;
  position: relative;
  z-index: 1;
  display: inline-block;
  transition: .3s;
}

.creator .PagesContent a#works::before {
  width: 200px;
  height: 50px;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid #d6d12b;
  line-height: 50px;
  box-sizing: border-box;
  z-index: -1;
  transform: scale(1.1);
  opacity: 0;
  transition: transform ease .3s, opacity .3s;
}

.creator .PagesContent a#works:hover {
  color: #d6d12b;
  background: transparent;
}

.creator .PagesContent a#works:hover::before {
  transform: scale(1);
  opacity: 1;
}


/****worksボタン****/

.creator .PagesContent a#works2 {
  margin-right: auto;
  width: 200px;
  height: 50px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  background: #3270a5;
  line-height: 50px;
  position: relative;
  z-index: 1;
  display: inline-block;
  transition: .3s;
}

.creator .PagesContent a#works2::before {
  width: 200px;
  height: 50px;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid #3270a5;
  line-height: 50px;
  box-sizing: border-box;
  z-index: -1;
  transform: scale(1.1);
  opacity: 0;
  transition: transform ease .3s, opacity .3s;
}

.creator .PagesContent a#works2:hover {
  color: #3270a5;
  background: transparent;
}

.creator .PagesContent a#works2:hover::before {
  transform: scale(1);
  opacity: 1;
}



.creator .PagesContent .form {
    background-color: #ffffff; 
    margin:  30px 8% 0px 8%;   
    padding:  10px;
	box-shadow: 6px 6px 8px #bbbbbb; }

.creator .PagesContent span.wpcf7-list-item {
display: inline-block;
}

.fadein {
	opacity : 0.1;
	transform : translate(0, 90px);
	transition : all 700ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

.creator .PagesContent2 { width:100%; margin:0px ; padding:0px 0px 75px; background:#edf3f4;}

.creator .PagesContent2 h1 { margin:0px; padding:50px 0px 10px; color:#003366; font-size:clamp(8px,3vw,18px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px; background-color: #9ec3d2;}
.creator .PagesContent2 h2 { margin:0px; padding: 20px 15% 60px; color:#000000; font-size:0.8em; line-height:1.6em; font-weight:400; letter-spacing: 1px; background-color: #9ec3d2; text-align:left;}
.creator .PagesContent2 h3 { margin:0px; padding: 0px 15%; color:#003366; font-size:clamp(10px,3vw,18px); line-height:1.6em; font-weight:700; letter-spacing: 1px; text-align:left;}
.creator .PagesContent2 h4 { margin:0px; padding: 0px 15%; color:#003366; font-size:clamp(12px,2.5vw,15px); line-height:1.6em; font-weight:600; letter-spacing: 1px; text-align:left;}
.creator .PagesContent2 h5 { margin:0px; padding:0px 3%; color:#000000; font-size:0.7em; line-height:1.6em; font-weight:400; letter-spacing: 1px; text-align: justify;}
.creator .PagesContent2 p { margin:0px; padding:0px 15% 0px 16%; color:#000000; font-size:0.8em; line-height:1.6em; font-weight:400; letter-spacing: 1px; text-align: justify;}
.creator .PagesContent2 b { margin:0px; padding: 0px 15%; color:#003366; font-size:0.9em; text-align:left; line-height:1.6em; font-weight:600; letter-spacing: 0px;}
.creator .PagesContent2 small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.8em; text-align:right; font-weight:600; letter-spacing: -0.5px;}


/****worksボタン****/

.creator .PagesContent2 a#works {
  margin-right: auto;
  width: 200px;
  height: 50px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  background: #d6d12b;
  line-height: 50px;
  position: relative;
  z-index: 1;
  display: inline-block;
  transition: .3s;
}

.creator .PagesContent2 a#works::before {
  width: 200px;
  height: 50px;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid #d6d12b;
  line-height: 50px;
  box-sizing: border-box;
  z-index: -1;
  transform: scale(1.1);
  opacity: 0;
  transition: transform ease .3s, opacity .3s;
}

.creator .PagesContent2 a#works:hover {
  color: #d6d12b;
  background: transparent;
}

.creator .PagesContent2 a#works:hover::before {
  transform: scale(1);
  opacity: 1;
}


.creatorFootInner { width:100%; padding:50px 0 50px; color:#fff; text-align:center; background:#9ec3d2; }
.creatorFootCopyright p { width:100%;  color:#fff; font-size:1em; text-align:center; }


/*######################################################################*/
/*																		*/
/*	creator2													    */
/*																		*/
/*######################################################################*/


.creator2 { }

.creator2 .PagesIntro { width:100%; margin:0; padding:0px; }
.creator2 .PagesIntro img { padding:0; }
.creator2 .PagesIntro h1 { margin: 0px 0px 0px; padding:0px 0px 20px; color:#ffffff; font-size:1.2em; text-align:center; font-weight:700; letter-spacing: 4px; background-color: #3270a5; }
.creator2 .PagesIntro p { margin: -15px 0px 0px; padding:15px 0px 3px; color:#ffffff; font-size:0.9em; text-align:center; line-height:1.8em; letter-spacing: 1.3px; background-color: #3270a5; }

.creator2 .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }
.creator2 .PagesHead img { padding:0; }

.creator2 .PagesContent { width:100%; margin:0px auto 0px; padding:0px 0px 75px; background:#fff;}
.creator2 .PagesContent .right { padding:0px 30px 40px 0px; text-align: right;}

.creator2 .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.creator2 .PagesContent li { margin:20px 0px; padding:0px; color:#000000; font-size:1.1em; text-align:justify; letter-spacing: 1.2px; list-style-type: none; position: relative; text-indent: -1em;}

.creator2.PagesContent .form {width:100%; margin:0 auto; padding:0px; }

.creator2 .PagesContent table { width:85%; margin:0px 8%; }
.creator2 .PagesContent table th { width: 20%; margin:0px 8% ; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }
.creator2 .PagesContent table td { width: 80%; margin:0px 8% ; padding:5px 0px 5px 15px; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }


.creator2 .PagesContent .about {
    background-color: #ffffff; 
    margin:  30px 5% 0px;   
    padding:  10px; }


.creator2 .PagesContent h1 { margin:0px; padding:50px 0px; color:#003366; font-size:clamp(8px,3vw,18px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px; background-color: #9ec3d2;}
.creator2 .PagesContent p { margin:10px; padding:0px; color:#003366; font-size:clamp(12px,2.5vw,15px); text-align:justify; line-height:1.6em; font-weight:400; letter-spacing: 1px;}
.creator2 .PagesContent b { margin:40px 3px; padding:0px; color:#ff3333; font-size:1.8em; text-align:center; line-height:1.6em; font-weight:500; letter-spacing: 0px;}
.creator2 .PagesContent small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.8em; text-align:right; font-weight:600; letter-spacing: -0.5px;}
.creator2 .PagesContent img .logo { padding:8% 0px 0px; vertical-align:middle;}



.creator2 .PagesContent .about a#works:hover {
  color: #3270a5;
  background: transparent;
}

.creator2 .PagesContent .about a#works:hover::before {
  transform: scale(1);
  opacity: 1;
}



.creator2 .PagesContent .works a#works:hover {
  color: #3270a5;
  background: transparent;
}

.creator2 .PagesContent .works a#works:hover::before {
  transform: scale(1);
  opacity: 1;
}
.creator2 .PagesContent .form {
    background-color: #ffffff; 
    margin:  30px 8% 0px 8%;   
    padding:  10px;
	box-shadow: 6px 6px 8px #bbbbbb; }

.creator2 .PagesContent span.wpcf7-list-item {
display: inline-block;
}



/*######################################################################*/
/*																		*/
/*	creator_form													    */
/*																		*/
/*######################################################################*/


.creator_form { }

.creator_form .PagesIntro { width:100%; margin:0; padding:0px; }
.creator_form .PagesIntro img { padding:0; }
.creator_form .PagesIntro h1 { margin: 0px 0px 0px; padding:0px 0px 20px; color:#ffffff; font-size:1.2em; text-align:center; font-weight:700; letter-spacing: 4px; background-color: #3270a5; }
.creator_form .PagesIntro p { margin: -15px 0px 0px; padding:15px 0px 3px; color:#ffffff; font-size:0.9em; text-align:center; line-height:1.8em; letter-spacing: 1.3px; background-color: #3270a5; }

.creator_form .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }
.creator_form .PagesHead img { padding:0; }

.creator_form .PagesContent { width:100%; margin:0px auto 0px; padding:0px 0px 75px; background:#fff;}
.creator_form .PagesContent .right { padding:0px 30px 40px 0px; text-align: right;}

.creator_form .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.creator_form .PagesContent li { margin:20px 0px; padding:0px; color:#000000; font-size:1.1em; text-align:justify; letter-spacing: 1.2px; list-style-type: none; position: relative; text-indent: -1em;}

.creator_form.PagesContent .form {width:100%; margin:0 auto; padding:0px; }

.creator_form .PagesContent table { width:85%; margin:0px 8%; }
.creator_form .PagesContent table th { width: 20%; margin:0px 8% ; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }
.creator_form .PagesContent table td { width: 80%; margin:0px 8% ; padding:5px 0px 5px 15px; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }


.creator_form .PagesContent h1 { margin:0px; padding:50px 0px; color:#003366; font-size:clamp(8px,3vw,18px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px; background-color: #9ec3d2;}
.creator_form .PagesContent p { margin:0px; padding:20px 0px 0px; color:#003366; font-size:1.1em; line-height:1.6em; font-weight:600; letter-spacing: 1px;}
.creator_form .PagesContent b { margin:0px; padding: 0px 15%; color:#003366; font-size:0.8em; text-align:left; line-height:1.6em; font-weight:600; letter-spacing: 0px;}
.creator_form .PagesContent small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.8em; text-align:right; font-weight:600; letter-spacing: -0.5px;}
.creator_form .PagesContent img .logo { padding:8% 0px 0px; vertical-align:middle;}


/*######################################################################*/
/*																		*/
/*	creator_confirm													    */
/*																		*/
/*######################################################################*/


.creator_confirm	 { }

.creator_confirm .PagesIntro { width:100%; margin:0; padding:0px; }
.creator_confirm .PagesIntro img { padding:0; }
.creator_confirm .PagesIntro h1 { margin: 0px 0px 0px; padding:0px 0px 20px; color:#ffffff; font-size:1.2em; text-align:center; font-weight:700; letter-spacing: 4px; background-color: #3270a5; }
.creator_confirm .PagesIntro p { margin: -15px 0px 0px; padding:15px 0px 3px; color:#ffffff; font-size:0.9em; text-align:center; line-height:1.8em; letter-spacing: 1.3px; background-color: #3270a5; }

.creator_confirm .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }
.creator_confirm .PagesHead img { padding:0; }

.creator_confirm .PagesContent { width:100%; margin:0px auto 0px; padding:0px 0px 75px; background:#fff;}
.creator_confirm .PagesContent .right { padding:0px 30px 40px 0px; text-align: right;}

.creator_confirm .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.creator_confirm .PagesContent li { margin:20px 0px; padding:0px; color:#000000; font-size:1.1em; text-align:justify; letter-spacing: 1.2px; list-style-type: none; position: relative; text-indent: -1em;}

.creator_confirm .PagesContent .form {width:100%; margin:0 auto; padding:0px; }

.creator_confirm .PagesContent table { width:85%; margin:0px 8%; }
.creator_confirm .PagesContent table th { width: 20%; margin:0px 8% ; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }
.creator_confirm .PagesContent table td { width: 80%; margin:0px 8% ; padding:5px 0px 5px 15px; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }


.creator_confirm .PagesContent h1 { margin:0px; padding:50px 0px; color:#003366; font-size:clamp(8px,3vw,18px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px; background-color: #9ec3d2;}
.creator_confirm .PagesContent p { margin:0px; padding:0px 15%; color:#003366; font-size:1.1em; line-height:1.6em; font-weight:600; letter-spacing: 1px;}
.creator_confirm .PagesContent b { margin:0px; padding: 0px 15%; color:#003366; font-size:0.8em; text-align:left; line-height:1.6em; font-weight:600; letter-spacing: 0px;}
.creator_confirm .PagesContent small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.8em; text-align:right; font-weight:600; letter-spacing: -0.5px;}
.creator_confirm .PagesContent img .logo { padding:8% 0px 0px; vertical-align:middle;}



/*######################################################################*/
/*																		*/
/*	creator_thanks													    */
/*																		*/
/*######################################################################*/


.creator_thanks	 { }

.creator_thanks .PagesIntro { width:100%; margin:0; padding:0px; }
.creator_thanks .PagesIntro img { padding:0; }
.creator_thanks .PagesIntro h1 { margin: 0px 0px 0px; padding:0px 0px 20px; color:#ffffff; font-size:1.2em; text-align:center; font-weight:700; letter-spacing: 4px; background-color: #3270a5; }
.creator_thanks .PagesIntro p { margin: -15px 0px 0px; padding:15px 0px 3px; color:#ffffff; font-size:0.9em; text-align:center; line-height:1.8em; letter-spacing: 1.3px; background-color: #3270a5; }

.creator_thanks .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }
.creator_thanks .PagesHead img { padding:0; }

.creator_thanks .PagesContent { width:100%; margin:0px auto 0px; padding:0px 0px 75px; background:#fff;}
.creator_thanks .PagesContent .right { padding:0px 30px 40px 0px; text-align: right;}

.creator_thanks .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.creator_thanks .PagesContent li { margin:20px 0px; padding:0px; color:#000000; font-size:1.1em; text-align:justify; letter-spacing: 1.2px; list-style-type: none; position: relative; text-indent: -1em;}

.creator_thanks .PagesContent .form {width:100%; margin:0 auto; padding:0px; }

.creator_thanks .PagesContent table { width:85%; margin:0px 8%; }
.creator_thanks .PagesContent table th { width: 20%; margin:0px 8% ; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }
.creator_thanks .PagesContent table td { width: 80%; margin:0px 8% ; padding:5px 0px 5px 15px; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }


.creator_thanks .PagesContent h1 { margin:0px; padding:50px 0px; color:#003366; font-size:clamp(8px,3vw,18px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px; background-color: #9ec3d2;}
.creator_thanks .PagesContent p { margin:0px; padding:0px 15%; color:#003366; font-size:1.1em; line-height:1.6em; font-weight:600; letter-spacing: 1px;}
.creator_thanks .PagesContent b { margin:0px; padding: 0px 15%; color:#003366; font-size:0.8em; text-align:left; line-height:1.6em; font-weight:600; letter-spacing: 0px;}
.creator_thanks .PagesContent small { margin:5px 0px 0px; padding:0px 0px 0px 0px; color:#003366; font-size:0.8em; text-align:right; font-weight:600; letter-spacing: -0.5px;}
.creator_thanks .PagesContent img .logo { padding:8% 0px 0px; vertical-align:middle;}


/*######################################################################*/
/*																		*/
/*	audition															*/
/*																		*/
/*######################################################################*/

.audition {  }

.audition .PagesIntro { width:100%; margin:0; padding:80px 0px 0px 0px; }
.audition .PagesIntro img { padding:10px 0 0 0; }
.audition .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }
.audition .PagesHead img { padding:0; }


.audition .PagesContent { width:85%; margin:35px auto; padding:0px 0px; }
.audition .PagesContent img { padding:5% 0 5%;}
.audition .PagesContent .right { padding:0px 30px 40px 0px; text-align: right;}

.audition .PagesContent h1 { margin:20px 5%; padding:0px; color:#000000; font-size:1.5em; text-align:left; font-weight: bold; letter-spacing: 5px; }

.audition .PagesContent h2 { margin:0px 10%; padding:0px; color:#f2425a; font-size:1.3em; line-height:1.8em;  text-align:center; font-weight: bold; letter-spacing: 5px;}

.audition .PagesContent h3
{ margin:0px 8% ; padding:0px; color:#000000; font-size:1.1em; text-align:justify; line-height:1.7em; letter-spacing: 1.2px;}

.audition .PagesContent h4 { margin:20px 8% ; padding:0px; color:#f2682c; font-size:1.3em; line-height:2.8em;  text-align:left; font-weight: bold; letter-spacing: 1px;}

.audition .PagesContent h5 { margin:0px 8% 5px; padding:0px; color:#25bfe5; font-size:1.3em; line-height:2.8em;  text-align:left; font-weight: bold; letter-spacing: 1px;}

.audition .PagesContent p { margin:0px 8%; padding:0px; color:#000000; font-size:1.1em; text-align:justify; line-height:1.8em; letter-spacing: 1.3px;}
.audition .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.audition .PagesContent li { margin:20px 0px; padding:0px; color:#000000; font-size:1.1em; text-align:justify; letter-spacing: 1.2px; list-style-type: none; position: relative; text-indent: -1em;}

.audition .PagesContent b{ font-size:1.1em; text-align:left; line-height:1.7em; font-weight: bold; letter-spacing: 1.5px;}

.audition .form {width:100%; margin:0 auto; padding:0px; }

.audition .PagesContent table { width:85%; margin:0px 8%; }
.audition .PagesContent table th { width: 20%; margin:0px 8% ; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }
.audition .PagesContent table td { width: 80%; margin:0px 8% ; padding:5px 0px 5px 15px; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }



/*Youtube*/

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	 width: 100%;
　　　text-align: center;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 10px;
     left: 4%;
	 right: 0%;
     width: 90%;
     height: 90%;
　　　text-align: center;
}


/*アイキャッチ*/


.album {
	margin: auto;
	background-color: white;
	position: relative;
}
.album img {
	width: 100%;
	animation-name: album;
	-webkit-animation-name: album;
	animation-duration: 10s;
	-webkit-animation-duration: 10s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}
.album .img1 {
	display: block;
	margin: 0 auto;
}
.album .img2 {
	animation-delay:5s;
	-webkit-animation-delay:5s;
	top: 0;
	position: absolute;
}

@keyframes album {
	0% {
		opacity: 0;
	}
	12.5% {
		opacity: 1;
	}
	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
@-webkit-keyframes album {
	0% {
		opacity: 0;
	}
	12.5% {
		opacity: 1;
	}
	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}



 /*=== 画像の表示エリア ================================= */
.slide {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 100vw;
  height: auto;
  margin     : auto; 
  padding-bottom: 53%; 
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 20s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 5s }
.slide img:nth-of-type(3) { animation-delay: 10s }
.slide img:nth-of-type(4) { animation-delay: 15s }
 
 /*=== スライドのアニメーション ========================= */
/*@keyframes slideAnime{
   0% { opacity: 0 }
   10% { opacity: 1 }
  27% { opacity: 1 }
  37% { opacity: 0 }
 100% { opacity: 0 }
}*/




/****worksボタン****/

.audition .PagesContent a#works {
  margin-right: auto;
  width: 200px;
  height: 50px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  background: #f2425a;
  line-height: 50px;
  border-radius: 15px;
  position: relative;
  z-index: 1;
  display: inline-block;
  transition: .3s;
}

.audition .PagesContent a#works::before {
  width: 200px;
  height: 50px;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid #f2425a;
  line-height: 50px;
  border-radius: 15px;
  box-sizing: border-box;
  z-index: -1;
  transform: scale(1.1);
  opacity: 0;
  transition: transform ease .3s, opacity .3s;
}

.audition .PagesContent a#works:hover {
  color: #f2425a;
  background: transparent;
}

.audition .PagesContent a#works:hover::before {
  transform: scale(1);
  opacity: 1;
}


/****応募方法ボタン****/

.audition .PagesContent a#circle {
  margin: 30px 50px;
  width: 220px;
  height: 220px;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  background: #f2682c;
  line-height: 220px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  display: inline-block;
  transition: .3s;
}
.audition .PagesContent a#circle::before {
  width: 220px;
  height: 220px;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid #f2682c;
  line-height: 220px;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: -1;
  transform: scale(1.2);
  opacity: 0;
  transition: transform ease .3s, opacity .3s;
}

.audition .PagesContent a#circle:hover {
  color: #f2682c;
  background: transparent;
}

.audition .PagesContent a#circle:hover::before {
  transform: scale(1);
  opacity: 1;
}


/****ENTRYボタン****/

.entry a{ 
     width: 130px;
     height: 130px;
  color: #e4ec42;
  font-size: 23px;
  font-weight: 900;
  line-height: 125px;
  border-radius: 50%;
  position: fixed;
  border: 5px solid #e4ec42;
     right:-240px;
     bottom:40px;
     z-index:80;
}


.entry a:hover{ 
     width: 130px;
     height: 130px;
  color: #fff;
  font-size: 23px;
  font-weight: 900;
  line-height: 125px;
  border-radius: 50%;
  position: fixed;
	 background: #e4ec42;
     right:-240px;
     bottom:40px;
     z-index:80;
}



/**page_top**/
h2{
  text-align: center;
  margin-bottom: 20px;
}
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: -70px;
  bottom: 5px;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  right: 20px;
  text-decoration: none;
}



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

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

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

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

.FootCopyright small { display:block; width:1120px; margin:2.0em auto 0; color:#fff; font-size:0.7em; text-align:left; }


.idolFootInner { width:100%; padding:50px 0 50px; color:#fff; text-align:center; background:#3270a5; }
.idolFootCopyright p { width:100%;  color:#fff; font-size:1em; text-align:center; }


/*######################################################################*/
/*																		*/
/*	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'); }
.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%; }
    .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%; }
    .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%; }
    .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; }
    .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%; }
    .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%; }
    .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; }
.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; }
    .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; }
    .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; }
    .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; }
    .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; }
    .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; }
    .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; }

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

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

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

.EnglishFootCopyright small { display:block; width:1120px; margin:2.0em auto 0; color:#fff; font-size:0.7em; text-align:left; }