@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;*/ background-color: white;}
.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 5px;}
.PagesHeadAside { float:right; min-width:600px; padding:0 5px; 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; }


/*新アイキャッチ用*/
/*250929更新*/
.fadeslide {
position: relative;
width: 100vw;
height: 42.4vw;
overflow-x: hidden;
z-index: 0;
/* display: block; */
/* vertical-align: top; */
}

.fadeslide div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.fadeslide div a :hover {opacity:1; 
}

.fadeslide div:nth-of-type(1) {
	animation: fadeslide 44s 0s infinite both;
	z-index: 9;
}

.fadeslide div:nth-of-type(2) {
	animation: fadeslide 44s 4s infinite both;
	z-index: 8;
}

.fadeslide div:nth-of-type(3) {
	animation: fadeslide 44s 8s infinite both;
	z-index: 7;
}

.fadeslide div:nth-of-type(4) {
	animation: fadeslide 44s 12s infinite both;
	z-index: 6;
}


.fadeslide div:nth-of-type(5) {
	animation: fadeslide 44s 16s infinite both;
	z-index: 5;
}


.fadeslide div:nth-of-type(6) {
	animation: fadeslide 44s 20s infinite both;
	z-index: 4;
}


.fadeslide div:nth-of-type(7) {
	animation: fadeslide 44s 24s infinite both;
	z-index: 3;
}


.fadeslide div:nth-of-type(8) {
	animation: fadeslide 44s 28s infinite both;
	z-index: 2;
}


.fadeslide div:nth-of-type(9) {
	animation: fadeslide 44s 32s infinite both;
	z-index: 1;
}


.fadeslide div:nth-of-type(10) {
	animation: fadeslide 44s 36s infinite both;
	z-index: 0;
}


@keyframes fadeslide {
	0% { left: 0; opacity: 0; }
	5% { left: 0; opacity: 1; }
	20% { left: 0; opacity: 1; }
	25% { left: 0; opacity: 0; }
	26% { left: 100%; opacity: 0; }
	100% { left: 100%; opacity: 0; }
}

@media screen and (max-width: 768px) {
  .fadeslide {
    height: 45vw;
  }
}

/*ここまで*/



/*ボタン付きアイキャッチ用*/
/*251010更新*/

.out{
    position: relative;
    height: 42.4vw;
    width: 100vw; 
    overflow-x: hidden;
	
}

.out a :hover {
opacity: 0;
}

.in img{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s;
}
img#slide{
    display: block;
    width: 100%;
    height: auto;
}
input{
    display: none;
}
.in{
    display: flex;
    justify-content: center;
}



input:nth-of-type(1):checked ~ .in label:nth-of-type(1) span::before,
input:nth-of-type(2):checked ~ .in label:nth-of-type(2) span::before,
input:nth-of-type(3):checked ~ .in label:nth-of-type(3) span::before,
input:nth-of-type(4):checked ~ .in label:nth-of-type(4) span::before,
input:nth-of-type(5):checked ~ .in label:nth-of-type(5) span::before,
input:nth-of-type(6):checked ~ .in label:nth-of-type(6) span::before,
input:nth-of-type(7):checked ~ .in label:nth-of-type(7) span::before,
input:nth-of-type(8):checked ~ .in label:nth-of-type(8) span::before,
input:nth-of-type(9):checked ~ .in label:nth-of-type(9) span::before,
input:nth-of-type(10):checked ~ .in label:nth-of-type(10) span::before
{
    background: #000;
    opacity: 1;
}
        

label:nth-of-type(2) span::before,label:nth-of-type(2) img{
    animation-delay: 4s;
}            
label:nth-of-type(3) span::before,label:nth-of-type(3) img{
    animation-delay: 8s;
}            
label:nth-of-type(4) span::before,label:nth-of-type(4) img{
    animation-delay: 12s;
}            
label:nth-of-type(5) span::before,label:nth-of-type(5) img{
    animation-delay: 16s;
}            
label:nth-of-type(6) span::before,label:nth-of-type(6) img{
    animation-delay: 20s;
}            
label:nth-of-type(7) span::before,label:nth-of-type(7) img{
    animation-delay: 24s;
}            
label:nth-of-type(8) span::before,label:nth-of-type(8) img{
    animation-delay: 28s;
}            
label:nth-of-type(9) span::before,label:nth-of-type(9) img{
    animation-delay: 32s;
}            
label:nth-of-type(10) span::before,label:nth-of-type(10) img{
    animation-delay: 36s;
}            

input:nth-of-type(1):checked ~ .in label:nth-of-type(1) img,
input:nth-of-type(2):checked ~ .in label:nth-of-type(2) img,
input:nth-of-type(3):checked ~ .in label:nth-of-type(3) img,
input:nth-of-type(4):checked ~ .in label:nth-of-type(4) img,
input:nth-of-type(5):checked ~ .in label:nth-of-type(5) img,
input:nth-of-type(6):checked ~ .in label:nth-of-type(6) img,
input:nth-of-type(7):checked ~ .in label:nth-of-type(7) img,
input:nth-of-type(8):checked ~ .in label:nth-of-type(8) img,
input:nth-of-type(9):checked ~ .in label:nth-of-type(9) img,
input:nth-of-type(10):checked ~ .in label:nth-of-type(10) img{
    opacity: 1;
    z-index: 1;
}
.in img{
    animation: slide 40s infinite;/* (a+b)×c=x */
    opacity: 0;
}
@keyframes slide{
    0%{opacity: 0;}
    2.5%{opacity: 1;z-index: 1;}/* b÷x×100=y */
    10%{opacity: 1;}/* 100÷c=z */
    12.5%{opacity: 0;z-index: 0;}/* y+z */
}
input:checked ~ .in img,input:checked ~ .in span::before{
    animation: none;
}
.in:hover img,.in:hover span::before{
    animation-play-state:paused;/* マウスを載せると一時停止 */
}


/*ここまで*/



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

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

/* indexPickUp */
.indexPickUp { position:relative; z-index:2; }
.indexPickUp .bnrArea { width:1120px; margin:0 auto 50px; }
.indexPickUpInner { width:1120px; margin:0 auto 30px; }
.indexPickUp h5  { margin-bottom:0.5em; padding-bottom:2.0em; font-size:1.7em; text-align:center; background:url('../images/common/bg_pages_headline.png') no-repeat center bottom; }
.indexPickUp h2 { margin-bottom:1.0em; font-weight: 800; font-size: 1.2em; text-align: center;}
.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'); }
    .indexPickUp li h3 span.staff { background:url('../images/index/icon_staff.png'); }


/*new*/
.indexservice { color:#585764; line-height:1.6; }
.indexserviceInner { width: fit-content; margin:0 auto; padding:5px 0; }
    .indexservicegrayBG { background-color:white; }

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

.indexService { width: 100%; /*margin-left: -45px;*/ text-align: center;}
.indexService:after { content:''; display:block; clear:both; height:0; }
.indexService li {float: left;
width: clamp(57px,16vw,140px);
margin: 0 3.5vw 15px;
line-height: 1.4;
padding: 0 ;
}
.indexService li:nth-child(4n+5) { clear:both; }
.indexService li figure { display:block; }
.indexService li figcaption { display:block; padding-top:10px; color: #585764;  font-size:clamp(10px,1.6vw,12px); font-weight: 600;}

.indexservice a {
color: #585764;
text-decoration: none;
outline: 0;
}

.indexservice a:hover {
color: #A3A3A3;
text-decoration: none;
outline: 0;
}




/* 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:; }



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

    .about-us_new .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 h6 { margin-bottom:0; padding-bottom:0; border-bottom:0; margin-bottom:20px; line-height:1.6; font-size:1.65em; text-align:center; }
.PagesContentInner table { width:100%; border-collapse:collapse; }
.PagesContentInner table th { width:14%; padding:0.65em 0; text-align:center; }
.PagesContentInner table td { padding:0.65em 0; text-align: center; vertical-align: middle;}

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

.AboutPoint { width:862px; /*margin:0 auto;*/ margin-left:-51px; }
@media only screen and (max-width: 1280px)
.AboutPoint {
width: 100%;
margin: 0;
}
.AboutPoint:after { content:''; display:block; clear:both; height:0; }
.AboutPoint li { float:left; width:256px; line-height:1.4; text-align:left; }
.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; }



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

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



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

.about-us_new .AboutPoint li p { display:block; line-height:1.6; }


.about-us_new .more-contact { clear:both; text-align:center; }
.about-us_new .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_new .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_new .more-contact a:active {
	top:3px;
	background-color:#fd7270;
	box-shadow:0 1px 0 0 #bf3c35; transition:0.1s;
}



.about-us_new .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_new a {
color: #585764;
text-decoration: none;
outline: 0;
}

.about-us_new a:hover {
color: #A3A3A3;
text-decoration: none;
outline: 0;
}

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

.about-us_new 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_new footer p .viewmore:hover { opacity:0.5; }
.about-us_new 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_new 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_new 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_new 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_new .PagesContentInner .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_new .PagesContentInner h5 { 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_new .PagesContentInner .group table { width:100%; margin:0 auto; }
.about-us_new .PagesContentInner .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; }



.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; }


.workflow {background-color: white;}
.workflow h3 {margin-top: 60px; 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 h5 {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; }
.workflow h4 + figure { display:block; margin-bottom:45px; padding:45px 0; text-align:center; }

.workflowInner { margin-bottom:80px; background-color: white;}
.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; }

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


.about-us_new .moreFlow { text-align:center; }
.about-us_new .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; }
.about-us_new .workflowInnerNav .moreFlow a:hover { opacity:0.5; }
.about-us_new .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; }
.about-us_new .workflowInnerNav .moreFlow a.active { display:inline-block; position:relative; overflow:hidden;padding:0.45em 5.0em 0.45em 3.0em; border-radius:3.0em; border:#585764 1px solid; color:inherit; text-indent:-400%; background:#fff; }
.about-us_new .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; }
.about-us_new .workflowInnerNav .moreFlow a.active:after { content:'\9589\3058\308B'; display:inline-block; position:absolute; top:0.5em; left:0; width:100%; height:100%; margin-left:-1.0em; color:inherit; text-indent:0; }


/*######################################################################*/
/*																		*/
/*	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; }


/*######################################################################*/
/*																		*/
/*	Recruit_new															*/
/*																		*/
/*######################################################################*/

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

.recruit_new .PagesIntro {
/*width: 960px;*/
margin: 0 auto;
padding: 0px 0;
color: #585764;
text-align: center;}

.recruit_new h2 {
	color: #585764;
text-align: center;
margin-bottom: 0.8em;
line-height: 1.5;
font-size: 1.5em;
}

.recruit_new .PagesIntro figure {
display: block;
float: left;
/* width: 400px; */
text-align: left;
padding: 20px 55px 20px 50px;
margin: 0px 0px 0px 0px;
}

.recruit_new .PagesIntroText {
float: left;
width: 500px;
text-align: left;
margin: 20px 20px 0px;
}

.recruit_new .PagesIntro h2 {
margin-bottom: 0.8em;
line-height: 1.5;
font-size: 2.2em;
}

.recruit_new .PagesIntro h3 {
margin-bottom: 0.8em;
line-height: 1.5;
font-size: 1.8em;
}

.recruit_new .PagesIntro h2 + p {
line-height: 1.8;
}

.recruit_new .PagesIntro p {
line-height: 1.8;
}

.recruit_new .PagesIntroNote {
clear: both;
width: 840px;
margin: 0 auto 70px;
}


	
/* recruitレスポンシブ*/
	
	/* PagesIntro */
	
@media only screen and (max-width: 1280px){
	.recruit_new .PagesIntro figure {
        width:100%;
	}
}
@media only screen and (max-width: 1280px){
	.recruit_new .PagesIntro figure img {
        max-width:80%;
       display:block;
       margin:0 auto 5%;
	}
}

@media only screen and (max-width: 1280px){
	.recruit_new .PagesIntroText {
        width:80%;
        margin:0 auto;
        float:none;
	}
}
@media only screen and (max-width: 640px){
	.recruit_new .PagesIntroText {
        width:90%;
	}
}

@media only screen and (max-width: 1280px){
	.recruit_new .PagesIntro h2 {
        font-size:130%;
        text-align:center;
        width:100%;
	}
}



@media only screen and (max-width: 1280px){
	.recruit_new .PagesIntroNote {
        width:100%;
		padding-top: 30px;
	}
}
@media only screen and (max-width: 1280px){
	.recruit_new .PagesIntroNote figure{
        text-align:center;
	}
}
@media only screen and (max-width: 1280px){
	.recruit_new .PagesIntroNote figure img {
        max-width:96%;
	}
}


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



/*######################################################################*/
/*																		*/
/*	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;}
.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:0; background-color: white; }
.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; }

.contact { background-color: white; padding: 0px;}
.contact h3{margin-top: 15px; margin-bottom: 0.5em;font-size: 1em;}
.contactInner { width:80%; margin:0 auto; padding:10px 0 ; border-radius:10px; text-align:center; }


@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:-1px 0px 0px 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;}
.forbusiness .PagesContent .about .example img { margin:0.5% 0.5% ; padding:0px;}
/****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;
}



/****contactボタン****/

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

.forbusiness .PagesContent .about a#contact::before {
  width: 200px;
  height: 50px;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid #FFB800;
  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#contact:hover {
  color: #FFB800;
  background: transparent;
}

.forbusiness .PagesContent .about a#contact: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:-1px 0px 0px 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:-1px 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 3%; 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;
	margin-top: 0px;
}

.creator .good {
	width: 15vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 1%;
    left: 1%;
}


.creator .good2 {
	width: 85vw;
    /*display: flex;*/
    cursor: pointer;

    position: absolute;
    top: 13%;
    left: 5%;
}

.creator .good2 h1{
	margin: 0px;
	padding:15px 0px 3px;
	color: #ffffff;
	font-size:clamp(6px,8vw,80px);
	letter-spacing:1.3px;
	text-shadow: 2px 3px 5px #132a4f;
}

.creator .good2 p{
	margin:0px; 
	padding:1% 0px 2%; 
	color:#ffffff; 
	font-size:clamp(3px,1.5vw,16px); 
	line-height:1.3em; 
	letter-spacing: 1.3px;
	text-shadow: 1px 2px 5px #132a4f;
}

.creator .good3 {
	width: 85vw;
    /*display: flex;*/
    cursor: pointer;

    position: absolute;
    bottom: 5%;
    left: 4.5%;
}

.creator .good3 p{
	margin:0px; 
	padding:15px 0px 3px; 
	color:#ffffff; 
	font-size:clamp(3px,1.4vw,16px); 
	line-height:1.5em; 
	letter-spacing: 1.3px;
	text-shadow: 1px 2px 5px #132a4f;
}

.creator .good4 {
	width: 18vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 78%;
    left: 5.5%;
}



.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 0px 3%; padding:10px 0px 10px; color:#003366; font-size:clamp(8px,4vw,25px); text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 2px; background-color: #9ec3d2;}
.creator .PagesContent h2 { margin:0px; padding: 3% 15% 0px; color:#003366; font-size:clamp(10px,4vw,26px); line-height:1.6em; font-weight:700; letter-spacing: 1px; /*background-color: #9ec3d2;*/ text-align:center;}
.creator .PagesContent h3 { margin:0px; padding: 0px 8%; color:#003366; font-size:clamp(8px,4vw,25px); line-height:1.6em; font-weight:700; letter-spacing: 1px; text-align:center;}
.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:3% 3% 3%; color:#000000; font-size:0.8em; line-height:1.6em; font-weight:400; letter-spacing: 1px; text-align: justify;}
.creator .PagesContent h6 { margin:0px; padding:0px 3% 3%; color:#000000; font-size:0.8em; line-height:1.6em; font-weight:400; letter-spacing: 1px; text-align: right;}
.creator .PagesContent p { margin:0px; padding:0px 10%; color:#000000; font-size:clamp(10px,2vw,15px); 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% 0.5% ; padding:0px;}
.creator .PagesContent .example2 { margin:1% 4% 0px ; padding: 0px; border: solid 0.5vw #003366;}
.creator .PagesContent .merit { margin:1% 8% 0px ; padding:0px;}

.creator .PagesContent .back{
	border: solid 2px #9ec3d2;
	/*border-radius: 20%;
	background-color: #9ec3d2;*/
	margin-bottom: 3%;
}

.creator .PagesContent .back2{
	margin: 0px 9%;
	padding:2%;
	border: solid 2px #003366;
	/*border-radius: 20%;
	background-color: #9ec3d2;*/
	margin-bottom: 3%;
}

.creator .PagesContent .back2 p{
	margin:0px; 
	padding:0px; 
	color:#000000; 
	font-size:clamp(10px,2vw,15px); 
	line-height:1.6em; 
	font-weight:400; 
	letter-spacing: 1px; 
	text-align: justify;
}

.creator .PagesContent .back2 b{
	margin:0px; 
	padding: 0px 0%; 
	color:#003366; 
	font-size:clamp(10px,2vw,15px); 
	text-align:left; 
	line-height:1.6em; 
	font-weight:600; 
	letter-spacing: 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;
}



.creator .PagesContent .recruit {
  margin: 0px 0px ;
  width: 20.5%;
  height:5vw;
  color: #003366;
  text-align: center;
  font-size: clamp(3px,1.6vw,19px);
  font-weight: bold;
  /*background: #003366;*/
  line-height: 5vw;
  position: relative;
  z-index: 1;
  display: inline-block;
  letter-spacing: 1.3px;
}



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

.creator .PagesContent a#join {
  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#join::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#join:hover {
  color: #d6d12b;
  background: transparent;
}

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


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

.creator .PagesContent 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;
  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 #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#works:hover {
  color: #3270a5;
  background: transparent;
}

.creator .PagesContent a#works: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 0px; 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: 3% 0% 0px; color:#003366; font-size:clamp(10px,4vw,26px); line-height:1.6em; font-weight:700; letter-spacing: 1px; /*background-color: #9ec3d2;*/ text-align:center;}
.creator .PagesContent2 h3 { margin:0px; padding: 0px 11%; 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 11%; 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:3% 3% 5%; color:#000000; font-size:clamp(10px,2vw,15px); line-height:1.4em; font-weight:400; letter-spacing: 1px; text-align: justify;}
.creator .PagesContent2 h6 { margin:3% 0px 0px; padding: 0px 3%; color:#003366; font-size:clamp(12px,3.5vw,18px); line-height:1.6em; font-weight:700; letter-spacing: 1px; text-align:center;}
.creator .PagesContent2 p { margin:0px; padding:0px 11% 0px 12%; color:#000000; font-size:clamp(10px,2vw,15px); 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;}
.creator .PagesContent2 .example img { margin:0.5% 0.5%  ; padding:0px;}
.creator .PagesContent2 .example { margin:1% 4% 0px ; padding:0px;}
.creator .PagesContent2 .merit { margin:1% 8.5% 0px ; padding:0px;}


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

.creator .PagesContent2 a#join {
  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#join::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#join:hover {
  color: #d6d12b;
  background: transparent;
}

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

.creator .PagesContent2 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;
  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 #3270a5;
  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: #3270a5;
  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; }



/*######################################################################*/
/*																		*/
/*	creator_test    												    */
/*																		*/
/*######################################################################*/


.creator_test { }

.creator_test .PagesIntro { width:100%; margin:0; padding:0px; }
.creator_test .PagesIntro img { padding:0; }
.creator_test .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_test .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_test .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }
.creator_test .PagesHead img { padding:0; }

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

.creator_test .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.creator_test .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_test .row  {width:100%; margin:0px; padding:0px; }
.creator_test .sample-box {
    position: relative;
	margin-top: 0px;
}

.creator_test .good {
	width: 15vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 1%;
    left: 1%;
}


.creator_test .good2 {
	width: 85vw;
    /*display: flex;*/
    cursor: pointer;

    position: absolute;
    top: 13%;
    left: 5%;
}

.creator_test .good2 h1{
	margin: 0px;
	padding:15px 0px 3px;
	color: #ffffff;
	font-size:clamp(6px,8vw,80px);
	letter-spacing:1.3px;
	text-shadow: 2px 3px 5px #132a4f;
}

.creator_test .good2 p{
	margin:0px; 
	padding:1% 0px 2%; 
	color:#ffffff; 
	font-size:clamp(3px,1.5vw,16px); 
	line-height:1.3em; 
	letter-spacing: 1.3px;
	text-shadow: 1px 2px 5px #132a4f;
}

.creator_test .good3 {
	width: 85vw;
    /*display: flex;*/
    cursor: pointer;

    position: absolute;
    bottom: 5%;
    left: 4.5%;
}

.creator_test .good3 p{
	margin:0px; 
	padding:15px 0px 3px; 
	color:#ffffff; 
	font-size:clamp(3px,1.4vw,16px); 
	line-height:1.5em; 
	letter-spacing: 1.3px;
	text-shadow: 1px 2px 5px #132a4f;
}

.creator_test .good4 {
	width: 18vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 78%;
    left: 5.5%;
}



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

.creator_test .PagesContent table { width:85%; margin:0px 8%; }
.creator_test .PagesContent table th { width: 20%; margin:0px 8% ; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }
.creator_test .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_test .PagesContent h1 { margin:0px 0px 3%; padding:10px 0px 10px; color:#003366; font-size:clamp(8px,4vw,25px); text-align:center; line-height:1.6em; font-weight:700; letter-spacing: 2px; background-color: #9ec3d2;}
.creator_test .PagesContent h2 { margin:0px; padding: 3% 15% 0px; color:#003366; font-size:clamp(10px,4vw,26px); line-height:1.6em; font-weight:700; letter-spacing: 1px; /*background-color: #9ec3d2;*/ text-align:center;}
.creator_test .PagesContent h3 { margin:0px; padding: 0px 8%; color:#003366; font-size:clamp(8px,4vw,25px); line-height:1.6em; font-weight:700; letter-spacing: 1px; text-align:center;}
.creator_test .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_test .PagesContent h5 { margin:0px; padding:3% 3% 3%; color:#000000; font-size:0.8em; line-height:1.6em; font-weight:400; letter-spacing: 1px; text-align: justify;}
.creator_test .PagesContent h6 { margin:0px; padding:0px 3% 3%; color:#000000; font-size:0.8em; line-height:1.6em; font-weight:400; letter-spacing: 1px; text-align: right;}
.creator_test .PagesContent p { margin:0px; padding:0px 10%; color:#000000; font-size:clamp(10px,2vw,15px); line-height:1.6em; font-weight:400; letter-spacing: 1px; /*text-align: justify;*/}
.creator_test .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_test .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_test .PagesContent .example img { margin:0px 0.5% 0.5% ; padding:0px;}
.creator_test .PagesContent .example2 { margin:1% 4% 0px ; padding: 0px; border: solid 0.5vw #003366;}
.creator_test .PagesContent .merit { margin:1% 8% 0px ; padding:0px;}

.creator_test .PagesContent .back{
	border: solid 2px #9ec3d2;
	/*border-radius: 20%;
	background-color: #9ec3d2;*/
	margin-bottom: 3%;
}

.creator_test .PagesContent .back2{
	margin: 0px 9%;
	padding:2%;
	border: solid 2px #003366;
	/*border-radius: 20%;
	background-color: #9ec3d2;*/
	margin-bottom: 3%;
}

.creator_test .PagesContent .back2 p{
	margin:0px; 
	padding:0px; 
	color:#000000; 
	font-size:clamp(10px,2vw,15px); 
	line-height:1.6em; 
	font-weight:400; 
	letter-spacing: 1px; 
	text-align: justify;
}

.creator_test .PagesContent .back2 b{
	margin:0px; 
	padding: 0px 0%; 
	color:#003366; 
	font-size:clamp(10px,2vw,15px); 
	text-align:left; 
	line-height:1.6em; 
	font-weight:600; 
	letter-spacing: 0px;
}



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

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


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



.creator_test .PagesContent .recruit {
  margin: 0px 0px ;
  width: 20.5%;
  height:5vw;
  color: #003366;
  text-align: center;
  font-size: clamp(3px,1.6vw,19px);
  font-weight: bold;
  /*background: #003366;*/
  line-height: 5vw;
  position: relative;
  z-index: 1;
  display: inline-block;
  letter-spacing: 1.3px;
}



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

.creator_test .PagesContent a#join {
  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_test .PagesContent a#join::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_test .PagesContent a#join:hover {
  color: #d6d12b;
  background: transparent;
}

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


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

.creator_test .PagesContent 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;
  position: relative;
  z-index: 1;
  display: inline-block;
  transition: .3s;
}

.creator_test .PagesContent 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;
  box-sizing: border-box;
  z-index: -1;
  transform: scale(1.1);
  opacity: 0;
  transition: transform ease .3s, opacity .3s;
}

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

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



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

.creator_test .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_test .PagesContent2 { width:100%; margin:0px ; padding:0px 0px 0px; background:#edf3f4;}

.creator_test .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_test .PagesContent2 h2 { margin:0px; padding: 3% 0% 0px; color:#003366; font-size:clamp(10px,4vw,26px); line-height:1.6em; font-weight:700; letter-spacing: 1px; /*background-color: #9ec3d2;*/ text-align:center;}
.creator_test .PagesContent2 h3 { margin:0px; padding: 0px 11%; color:#003366; font-size:clamp(10px,3vw,18px); line-height:1.6em; font-weight:700; letter-spacing: 1px; text-align:left;}
.creator_test .PagesContent2 h4 { margin:0px; padding: 0px 11%; color:#003366; font-size:clamp(12px,2.5vw,15px); line-height:1.6em; font-weight:600; letter-spacing: 1px; text-align:left;}
.creator_test .PagesContent2 h5 { margin:0px; padding:3% 3% 5%; color:#000000; font-size:clamp(10px,2vw,15px); line-height:1.4em; font-weight:400; letter-spacing: 1px; text-align: justify;}
.creator_test .PagesContent2 h6 { margin:3% 0px 0px; padding: 0px 3%; color:#003366; font-size:clamp(12px,3.5vw,18px); line-height:1.6em; font-weight:700; letter-spacing: 1px; text-align:center;}
.creator_test .PagesContent2 p { margin:0px; padding:0px 11% 0px 12%; color:#000000; font-size:clamp(10px,2vw,15px); line-height:1.6em; font-weight:400; letter-spacing: 1px; text-align: justify;}
.creator_test .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_test .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;}
.creator_test .PagesContent2 .example img { margin:0.5% 0.5%  ; padding:0px;}
.creator_test .PagesContent2 .example { margin:1% 4% 0px ; padding:0px;}
.creator_test .PagesContent2 .merit { margin:1% 8.5% 0px ; padding:0px;}


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

.creator_test .PagesContent2 a#join {
  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_test .PagesContent2 a#join::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_test .PagesContent2 a#join:hover {
  color: #d6d12b;
  background: transparent;
}

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

.creator_test .PagesContent2 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;
  position: relative;
  z-index: 1;
  display: inline-block;
  transition: .3s;
}

.creator_test .PagesContent2 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;
  box-sizing: border-box;
  z-index: -1;
  transform: scale(1.1);
  opacity: 0;
  transition: transform ease .3s, opacity .3s;
}

.creator_test .PagesContent2 a#works:hover {
  color: #3270a5;
  background: transparent;
}

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


.creator_testFootInner { width:100%; padding:50px 0 50px; color:#fff; text-align:center; background:#9ec3d2; }
.creator_testFootCopyright 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_contact   												    */
/*																		*/
/*######################################################################*/


.creator_contact { }

.creator_contact .PagesIntro { width:100%; margin:0; padding:0px; }
.creator_contact .PagesIntro img { padding:0; }
.creator_contact .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_contact .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_contact .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }
.creator_contact .PagesHead img { padding:0; }

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

.creator_contact .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.creator_contact .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_contact.PagesContent .form {width:100%; margin:0 auto; padding:0px; }

.creator_contact .PagesContent table { width:85%; margin:0px 8%; }
.creator_contact .PagesContent table th { width: 20%; margin:0px 8% ; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }
.creator_contact .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_contact .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_contact .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_contact .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_contact .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_contact .PagesContent img .logo { padding:8% 0px 0px; vertical-align:middle;}



/*######################################################################*/
/*																		*/
/*	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;}


/*######################################################################*/
/*																		*/
/*	creator_old													    */
/*																		*/
/*######################################################################*/


.creator_old { }

.creator_old .PagesIntro { width:100%; margin:0; padding:0px; }
.creator_old .PagesIntro img { padding:0; }
.creator_old .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_old .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_old .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }
.creator_old .PagesHead img { padding:0; }

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

.creator_old .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.creator_old .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_old .row  {width:100%; margin:0px; padding:0px; }
.creator_old .sample-box {
    position: relative;
	margin-top: -23px;
}

.creator_old .good {
	width: 50vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 1%;
    left: 1%;
}


.creator_old .good2 {
	width: 20vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 73%;
    left: 40%;
}

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

.creator_old .PagesContent table { width:85%; margin:0px 8%; }
.creator_old .PagesContent table th { width: 20%; margin:0px 8% ; color:#000000; text-align:left; vertical-align:middle; font-size:1em; }
.creator_old .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_old .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_old .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_old .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_old .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_old .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_old .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_old .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_old .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_old .PagesContent .example img { margin:0px 0.5% 0px ; padding:0px;}


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

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


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



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

.creator_old .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_old .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_old .PagesContent a#works:hover {
  color: #d6d12b;
  background: transparent;
}

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


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

.creator_old .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_old .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_old .PagesContent a#works2:hover {
  color: #3270a5;
  background: transparent;
}

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



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

.creator_old .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_old .PagesContent2 { width:100%; margin:0px ; padding:0px 0px 75px; background:#edf3f4;}

.creator_old .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_old .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_old .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_old .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_old .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_old .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_old .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_old .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_old .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_old .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_old .PagesContent2 a#works:hover {
  color: #d6d12b;
  background: transparent;
}

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


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




/*######################################################################*/
/*																		*/
/*	thanks													    */
/*																		*/
/*######################################################################*/


.thanks1 .PagesIntro { width:100%; margin:0; padding:0px; }
.thanks .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }

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

.thanks1 .PagesContent h1 { margin:0px; padding:100px 0px 50px; color:#ffffff; font-size:clamp(8px,3vw,18px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px; background-color: #ff4d49;}
.thanks1 .PagesContent p { margin:0px; padding:0px 15%; font-size:1.1em; line-height:1.6em; font-weight:600; letter-spacing: 1px;}
.thanks1 .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;}
.thanks1 .PagesContent img .logo { padding:8% 0px 0px; vertical-align:middle;}

.thanks2 .PagesIntro { width:100%; margin:0; padding:0px; }
.thanks2 .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }

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

.thanks2 .PagesContent h1 { margin:0px; padding:100px 0px 50px;  color:#ffffff;font-size:clamp(8px,3vw,18px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px; background-color: #ff4d49;}
.thanks2 .PagesContent p { margin:0px; padding:0px 15%; font-size:1.1em; line-height:1.6em; font-weight:600; letter-spacing: 1px;}
.thanks2 .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;}
.thanks2 .PagesContent img .logo { padding:8% 0px 0px; vertical-align:middle;}

.thanks3 .PagesIntro { width:100%; margin:0; padding:0px; }
.thanks3 .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }

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

.thanks3 .PagesContent h1 { margin:0px; padding:100px 0px 50px; color:#ffffff; font-size:clamp(8px,3vw,18px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px; background-color: #ff4d49;}
.thanks3 .PagesContent p { margin:0px; padding:0px 15%; font-size:1.1em; line-height:1.6em; font-weight:600; letter-spacing: 1px;}
.thanks3 .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;}
.thanks3 .PagesContent img .logo { padding:8% 0px 0px; vertical-align:middle;}


.thanks4 .PagesIntro { width:100%; margin:0; padding:0px; }
.thanks4 .PagesHead { width:100%; margin:0; padding:50px 0px 0px 0px; }

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

.thanks4 .PagesContent h1 { margin:0px; padding:100px 0px 50px; color:#ffffff; font-size:clamp(8px,3vw,18px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px; background-color: #ff4d49;}
.thanks4 .PagesContent p { margin:0px; padding:0px 15%; font-size:1.1em; line-height:1.6em; font-weight:600; letter-spacing: 1px;}
.thanks4 .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;}
.thanks4 .PagesContent img .logo { padding:8% 0px 0px; vertical-align:middle;}



/*######################################################################*/
/*																		*/
/*	omikuji2025												    */
/*																		*/
/*######################################################################*/

.omikuji2025 { }

.omikuji2025 .PagesIntro { width:100%; margin:0; padding:0px; }
.omikuji2025 .PagesIntro img { padding:0; }
.omikuji2025 .PagesIntro h1 { margin: 0px 0px 0px; padding:0px 0px 20px; color:#000000; font-size:1.2em; text-align:center; font-weight:700; letter-spacing: 4px;}
.omikuji2025 .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; }

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

.omikuji2025 h1 { margin: 0px 0px 0px; padding:0px 0px 20px; color:#000000; font-size:1.2em; text-align:center; font-weight:700; letter-spacing: 4px;}

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


.omikuji2025 .good {
	width: 15vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 2%;
    left: 1%;
}


.omikuji2025 .good2 {
	width: 15vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 38%;
    left: 20%;
}

.omikuji2025 .good2 a img:hover {
opacity: 1;
transform: scale(1.1);
}


.omikuji2025 .good3 {
	width: 15vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 71%;
    left: 22%;
}

.omikuji2025 .good3 a img:hover {
opacity: 1;
transform: scale(1.1);
}



.omikuji2025 .good4 {
	width: 15vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 20%;
    left: 45%;
}

.omikuji2025 .good4 a img:hover {
opacity: 1;
transform: scale(1.1);
}



.omikuji2025 .good5 {
	width: 15vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 78%;
    left: 75%;
}

.omikuji2025 .good5 a img:hover {
opacity: 1;
transform: scale(1.1);
}



.omikuji2025 .good6 {
	width: 15vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 60%;
    left: 52%;
}

.omikuji2025 .good6 a img:hover {
opacity: 1;
transform: scale(1.1);
}

/* animation*/
.omikuji2025 .fluffy1 {
  animation: hebi1 1.3s ease-in-out infinite alternate-reverse;
}

@keyframes hebi1 {
  0% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(5px);
  }
}


.omikuji2025 .fluffy1:hover {
  animation-name: zoom;
  animation-duration: 0.7s;
}

@keyframes zomm {
  /*キーフレーム*/
  from 
  {transform: scale(1)}
  to
  {transform: scale(2)}
}


/* animation*/
.omikuji2025 .fluffy2 {
  animation: hebi2 1.5s ease-in-out infinite alternate-reverse;
}

@keyframes hebi2 {
  0% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(5px);
  }
}

.omikuji2025 .fluffy2:hover {
  animation-name: zoom;
  animation-duration: 0.7s;
}

@keyframes zomm {
  /*キーフレーム*/
  from 
  {transform: scale(1)}
  to
  {transform: scale(2)}
}


/* animation*/
.omikuji2025 .fluffy3 {
  animation: hebi3 1.2s ease-in-out infinite alternate-reverse;
}

@keyframes hebi3 {
  0% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(-5px);
  }
}

.omikuji2025 .fluffy3:hover {
  animation-name: zoom;
  animation-duration: 0.7s;
}

@keyframes zomm {
  /*キーフレーム*/
  from 
  {transform: scale(1)}
  to
  {transform: scale(2)}
}


/* animation*/
.omikuji2025 .fluffy4 {
  animation: hebi4 2.2s ease-in-out infinite alternate-reverse;
}

@keyframes hebi4 {
  0% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(5px);
  }
}

.omikuji2025 .fluffy4:hover {
  animation-name: zoom;
  animation-duration: 0.7s;
}

@keyframes zomm {
  /*キーフレーム*/
  from 
  {transform: scale(1)}
  to
  {transform: scale(2)}
}

/* animation*/
.omikuji2025 .fluffy5 {
  animation: hebi5 1.8s ease-in-out infinite alternate-reverse;
}

@keyframes hebi5 {
  0% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(5px);
  }
}

.omikuji2025 .fluffy5:hover {
  animation-name: zoom;
  animation-duration: 0.7s;
}

@keyframes zomm {
  /*キーフレーム*/
  from 
  {transform: scale(1)}
  to
  {transform: scale(2)}
}



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




/*######################################################################*/
/*																		*/
/*	omikuji1												    */
/*																		*/
/*######################################################################*/

.omikuji1 { }

.omikuji1 .PagesIntro { width:100%; margin:0; padding:0px; }
.omikuji1 .PagesIntro img { padding:0; }
.omikuji1 .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; }
.omikuji1 .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; }

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

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

.omikuji1 .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.omikuji1 .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;}

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


.omikuji1 .good {
	width: 15vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 1%;
    left: 1%;
}



/*######################################################################*/
/*																		*/
/*	omikuji2												    */
/*																		*/
/*######################################################################*/

.omikuji2 { }

.omikuji2 .PagesIntro { width:100%; margin:0; padding:0px; }
.omikuji2 .PagesIntro img { padding:0; }
.omikuji2 .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; }
.omikuji2 .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; }

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

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

.omikuji2 .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.omikuji2 .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;}

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


.omikuji2 .good {
	width: 15vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 1%;
    left: 1%;
}




/*######################################################################*/
/*																		*/
/*	omikuji3												    */
/*																		*/
/*######################################################################*/

.omikuji3 { }

.omikuji3 .PagesIntro { width:100%; margin:0; padding:0px; }
.omikuji3 .PagesIntro img { padding:0; }
.omikuji3 .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; }
.omikuji3 .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; }

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

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

.omikuji3 .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.omikuji3 .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;}

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


.omikuji3 .good {
	width: 15vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 1%;
    left: 1%;
}



/*######################################################################*/
/*																		*/
/*	omikuji4												    */
/*																		*/
/*######################################################################*/

.omikuji4 { }

.omikuji4 .PagesIntro { width:100%; margin:0; padding:0px; }
.omikuji4 .PagesIntro img { padding:0; }
.omikuji4 .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; }
.omikuji4 .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; }

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

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

.omikuji4 .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.omikuji4 .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;}

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


.omikuji4 .good {
	width: 15vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 1%;
    left: 1%;
}



/*######################################################################*/
/*																		*/
/*	omikuji5												    */
/*																		*/
/*######################################################################*/

.omikuji5 { }

.omikuji5 .PagesIntro { width:100%; margin:0; padding:0px; }
.omikuji5 .PagesIntro img { padding:0; }
.omikuji5 .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; }
.omikuji5 .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; }

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

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

.omikuji5 .PagesContent ul { margin:0px 9% ; padding:0px 0%; }
.omikuji5 .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;}

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


.omikuji5 .good {
	width: 15vw;
    display: flex;
    cursor: pointer;

    position: absolute;
    top: 1%;
    left: 1%;
}



/*######################################################################*/
/*																		*/
/*	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;
}


/*######################################################################*/
/*																		*/
/*	talent																*/
/*																		*/
/*######################################################################*/

.talent {  }
.talent .PagesTitle {
min-height: 130px;
margin-top: 0px;
padding-top: 0px;
color: #fff !important;
font-size: 2.0em;
text-align: center;
}
.talent PagesTitleInner h1 {color: black;}
.talent footer p { padding-top:2.0em; text-align:center; }

.talent .PagesContent { width:100%; margin:0px 0px 30% ; padding:0px 0px 0px; background:#edf3f4;}

.talent .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;}
.talent .PagesContent h2 { margin:0px; padding: 3% 0% 0px; color:#003366; font-size:clamp(10px,4vw,26px); line-height:1.6em; font-weight:700; letter-spacing: 1px; /*background-color: #9ec3d2;*/ text-align:center;}
.talent .PagesContent h3 { margin:0px; padding: 0px 11%; color:#003366; font-size:clamp(10px,3vw,18px); line-height:1.6em; font-weight:700; letter-spacing: 1px; text-align:left;}
.talent .PagesContent h4 { margin:0px; padding: 0px 11%; color:#003366; font-size:clamp(12px,2.5vw,15px); line-height:1.6em; font-weight:600; letter-spacing: 1px; text-align:left;}
.talent .PagesContent h5 { margin:0px; padding:3% 3% 5%; color:#000000; font-size:clamp(10px,2vw,15px); line-height:1.4em; font-weight:400; letter-spacing: 1px; text-align: justify;}
.talent .PagesContent h6 { margin:3% 0px 0px; padding: 0px 3%; color:#003366; font-size:clamp(12px,3.5vw,18px); line-height:1.6em; font-weight:700; letter-spacing: 1px; text-align:center;}
.talent .PagesContent p { margin:0px; padding:0px 11% 0px 12%; color:#000000; font-size:clamp(10px,2vw,15px); line-height:1.6em; font-weight:400; letter-spacing: 1px; text-align: justify;}
.talent .PagesContent 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;}
.talent .PagesContent small { margin:0px; padding: 0px 11%; color:#003366; font-size:clamp(8px,2vw,15px); line-height:1.6em; font-weight:700; letter-spacing: 1px; text-align:left;}
.talent .PagesContent .talent { margin:1% 8.5% 0px ; padding:0px;}


    .talent .PagesIntroNote { clear:both; width:100%; margin:0 auto 35%; padding:0; }
    .talent .PagesIntroNote .catch { color:#585764; }
    .talent .PagesIntroNote ul { margin-top: 5%; margin-bottom: 15%; }
    .talent .PagesIntroNote ul:after { content:''; display:block; clear:both; height:0; }
    .talent .PagesIntroNote li { float:left; width:46%; margin-left:2%; margin-right:2%;  }
    .talent .PagesIntroNote li figure { display:block; margin-bottom:10px; text-align:center; }
    .talent .PagesIntroNote li h3 { margin-bottom:20px; color:#585764; font-size:clamp(8px,3.5vw,18px); text-align:center; font-weight:700;}
    .talent .PagesIntroNote li small { margin:0px; padding: 0px; color:#585764; font-size:clamp(8px,2vw,15px); line-height:1.6em; font-weight:700; letter-spacing: 1px; text-align:left;}
.talent .PagesContent .talent { margin:1% 8.5% 0px ; padding:0px;}
    .talent .PagesIntroNote li p { line-height:1.6; }

#top_belt { max-width:660px;margin:0 auto ; }
#top_belt  h1 { margin:0px; padding:10px 0px 10px; color:#000000; font-size:clamp(10px,5vw,25px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px;}


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

/*######################################################################*/
/*																		*/
/*	talent1																*/
/*																		*/
/*######################################################################*/

.talent1 {  }
.talent1 .PagesTitle {
min-height: 130px;
margin-top: 0px;
padding-top: 0px;
color: #fff !important;
font-size: 2.0em;
text-align: center;
}
.talent1 PagesTitleInner h1 {color: black;}
.talent1 footer p { padding-top:2.0em; text-align:center; }

.talent1 .PagesContent { width:100%; margin:0px; padding:0px 3%  ; }


    .talent1 .PagesIntroNote { clear:both; width:885px; margin:0 auto 70px; padding:0; }
    .talent1 .PagesIntroNote .catch { color:#585764; }
    .talent1 .PagesIntroNote ul { margin-top: 5%; margin-bottom: 15%; }
    .talent1 .PagesIntroNote ul:after { content:''; display:block; clear:both; height:0; }
    .talent1 .PagesIntroNote li { float:left; width:46%; margin-left:2%; margin-right:2%;  }
    .talent1 .PagesIntroNote li figure { display:block; margin-bottom:20px; text-align:center; }
    .talent1 .PagesIntroNote li h3 { margin-bottom:20px; color:#585764; font-size:1.6em; }
    .talent1 .PagesIntroNote li p { line-height:1.6; }

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



/*スライド*/
/* 画面上部の帯 */
#top_belt { max-width:660px;margin:0 auto ; }
#top_belt  h1 { margin:0px; padding:10px 0px 0px; color:#000000; font-size:clamp(10px,5vw,25px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px;}
#top_belt  h2 { margin:0px; padding:10px 0px 10px; color:#626262; font-size:clamp(8px,3vw,18px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px;}
#top_belt  a {
color: #000000;
text-decoration: none;
outline: 0;
}
#top_belt  a :hover {
color: #8E8E8E;
}
#top_belt  small { margin:0px; padding:10px 0px 10px; color:#000000; font-size:clamp(8px,3vw,20px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px;}
/*スライダー全体のコンテナー*/
#stage {
	position: relative;
	max-width: 660px;
	margin: 0 auto 2.5%;
	padding: 0;
	overflow: hidden;
	height: 100%;
}
/*全ラジオボタンを非表示に*/
#r1,#r2,#r3,#r4,#r5,#back1,#back2,#back3,#back4,#back5,#next1,#next2,#next3,#next4,#next5 {
	display: none;
}
/* 表示切換えボタンと表示位置 */
.circ img {
	position: absolute;
	bottom:2.5%;
	cursor: pointer;
}
#lb1 img { left: 40%;width:3%; }
#lb2 img { left: 43%;width:3%; }
#lb3 img { left: 46%;width:3%; }
#lb4 img { left: 49%;width:3%; }
#lb5 img { left: 52%;width:3%; }
/* 左右送りボタン */
.pb, .nb { color:#555555;font-weight:bold; font-size:26px;display:block;position:absolute;top:45%;/*z-index:200;pointer-events:auto;*/}
.pb { left:0%; }
.nb { left:96%; }
.pb:hover, .nb:hover { color:orange; cursor:pointer; }
/* stageが初期サイズ以下のなったときのサイズ */
@media screen and (max-width: 660px) { .pb, .nb { font-size:18px; } }
/*全表示スライドのコンテナー*/
#photos {
	position: absolute;
	width:100%;
	height:90%; /*100%;*/
	left: 4.55%;
	opacity:0;
	/*pointer-events: none;*/
	animation:flowSlides 40s infinite;
}
/* 個々のスライド・現スライド標示ボタン */
.pic {
	position: absolute;
	width:100%;
	height:100%;
}
.pic img:nth-child(1) { width:90.9%; margin-left:4.55%; }
.pic img:nth-child(2) { width:3%; bottom:-8.5%; /*2.5%;*/ }

/*表示スライドをphotosの中に横並びで一列に並べる*/
#photo1 { left: 0; }
#photo2 { left: 660px; }
#photo3 { left: 1320px; }
#photo4 { left: 1980px; }
#photo5 { left: 2640px; }

/* 左右送りボタン */
#back1:checked ~ #photos { animation:flowSlides5 40s infinite; animation-delay:-32s; }
#back2:checked ~ #photos { animation:flowSlides1 40s infinite; animation-delay: 0s; }
#back3:checked ~ #photos { animation:flowSlides2 40s infinite; animation-delay:-8s; }
#back4:checked ~ #photos { animation:flowSlides3 40s infinite; animation-delay:-16s; }
#back5:checked ~ #photos { animation:flowSlides4 40s infinite; animation-delay:-24s; }
#next1:checked ~ #photos { animation:flowSlides2 40s infinite; animation-delay:-8s; }
#next2:checked ~ #photos { animation:flowSlides3 40s infinite; animation-delay:-16s; }
#next3:checked ~ #photos { animation:flowSlides4 40s infinite; animation-delay:-24s; }
#next4:checked ~ #photos { animation:flowSlides5 40s infinite; animation-delay:-32s; }
#next5:checked ~ #photos { animation:flowSlides1 40s infinite; animation-delay: 0s; }
/* 初期スライドショー */
@keyframes flowSlides {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	20% { left:0px; opacity:0; }
	20.01% { left:-660px; opacity:0; }
	22% { left:-660px; opacity:1; }
	38% { left:-660px; opacity:1; }
	40% { left:-660px; opacity:0; }
	40.01% { left:-1320px; opacity:0; }
	42% { left:-1320px; opacity:1; }
	58% { left:-1320px; opacity:1; }
	60% { left:-1320px; opacity:0; }
	60.01% { left:-1980px; opacity:0; }
	62% { left:-1980px; opacity:1; }
	78% { left:-1980px; opacity:1; }
	80% { left:-1980px; opacity:0; }
	80.01% { left:-2640px; opacity:0; }
	82% { left:-2640px; opacity:1; }
	98% { left:-2640px; opacity:1; }
	100% { left:-2640px; opacity:0; }
}


/*リスト*/

#list { position: relative; max-width: 600px; margin:0 auto 5%; padding: 0;}

ol.sample1{
  counter-reset:list;
  list-style-type:none;
  /*font: 14px/1.6 'arial narrow', sans-serif;*/
  padding:0;
}
ol.sample1 li{
  position:relative;
  padding: 0 0 0 20px;
  margin: 3% 0 7px 0px;
  font-weight: bold;
  font-size:14px;
  line-height: 30px;
  border-bottom: dashed 1px #585764;
}
ol.sample1 li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #585764;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

ol.sample1 h2 { margin:0px; padding:0px 0px 10px 5px; color:#626262; font-size:clamp(15px,10vw,25px); line-height:1.6em; font-weight:600; letter-spacing: 2px; text-align:left;}

ol.sample1 p{
  position:relative;
  padding: 0 0 0 0px;
  margin: 4px 0 4px 0px;
  font-size:13px;
}


ol.sample1 a {color: #000000; text-decoration: none; outline: 0;}
ol.sample1 a :hover {color: #8E8E8E;}


/*######################################################################*/
/*																		*/
/*	talent2																*/
/*																		*/
/*######################################################################*/

.talent2 {  }
.talent2 .PagesTitle {
min-height: 130px;
margin-top: 0px;
padding-top: 0px;
color: #fff !important;
font-size: 2.0em;
text-align: center;
}
.talent2 PagesTitleInner h1 {color: black;}
.talent2 footer p { padding-top:2.0em; text-align:center; }

.talent2 .PagesContent { width:100%; margin:0px; padding:0px 3%  ; }


    .talent2 .PagesIntroNote { clear:both; width:885px; margin:0 auto 70px; padding:0; }
    .talent2 .PagesIntroNote .catch { color:#585764; }
    .talent2 .PagesIntroNote ul { margin-top: 5%; margin-bottom: 15%; }
    .talent2 .PagesIntroNote ul:after { content:''; display:block; clear:both; height:0; }
    .talent2 .PagesIntroNote li { float:left; width:46%; margin-left:2%; margin-right:2%;  }
    .talent2 .PagesIntroNote li figure { display:block; margin-bottom:20px; text-align:center; }
    .talent2 .PagesIntroNote li h3 { margin-bottom:20px; color:#585764; font-size:1.6em; }
    .talent2 .PagesIntroNote li p { line-height:1.6; }

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



/*スライド*/
/* 画面上部の帯 */
#top_belt { max-width:660px;margin:0 auto ; }
#top_belt  h1 { margin:0px; padding:10px 0px 0px; color:#000000; font-size:clamp(10px,5vw,25px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px;}
#top_belt  h2 { margin:0px; padding:10px 0px 10px; color:#626262; font-size:clamp(8px,3vw,18px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px;}
#top_belt  a {
color: #000000;
text-decoration: none;
outline: 0;
}
#top_belt  a :hover {
color: #8E8E8E;
}
#top_belt  small { margin:0px; padding:10px 0px 10px; color:#000000; font-size:clamp(8px,3vw,20px); text-align:center; line-height:1.6em; font-weight:600; letter-spacing: 2px;}
/*スライダー全体のコンテナー*/
#stage {
	position: relative;
	max-width: 660px;
	margin: 0 auto 2.5%;
	padding: 0;
	overflow: hidden;
	height: 100%;
}
/*全ラジオボタンを非表示に*/
#r1,#r2,#r3,#r4,#r5,#back1,#back2,#back3,#back4,#next1,#next2,#next3,#next4 {
	display: none;
}
/* 表示切換えボタンと表示位置 */
.circ img {
	position: absolute;
	bottom:2.5%;
	cursor: pointer;
}
#lb1 img { left: 40%;width:3%; }
#lb2 img { left: 43%;width:3%; }
#lb3 img { left: 46%;width:3%; }
#lb4 img { left: 49%;width:3%; }
/* 左右送りボタン */
.pb, .nb { color:#555555;font-weight:bold; font-size:26px;display:block;position:absolute;top:45%;/*z-index:200;pointer-events:auto;*/}
.pb { left:0%; }
.nb { left:96%; }
.pb:hover, .nb:hover { color:orange; cursor:pointer; }
/* stageが初期サイズ以下のなったときのサイズ */
@media screen and (max-width: 660px) { .pb, .nb { font-size:18px; } }
/*全表示スライドのコンテナー*/
#photos {
	position: absolute;
	width:100%;
	height:90%; /*100%;*/
	left: 4.55%;
	opacity:0;
	/*pointer-events: none;*/
	animation:flowSlides 40s infinite;
}
/* 個々のスライド・現スライド標示ボタン */
.pic {
	position: absolute;
	width:100%;
	height:100%;
}
.pic img:nth-child(1) { width:90.9%; margin-left:4.55%; }
.pic img:nth-child(2) { width:90.9%; margin-left:4.55%; }

/*表示スライドをphotosの中に横並びで一列に並べる*/
#photo1 { left: 0; }
#photo2 { left: 660px; }
#photo3 { left: 1320px; }
#photo4 { left: 1980px; }

/* 左右送りボタン */
#back1:checked ~ #photos { animation:flowSlides1 32s infinite; animation-delay:-24s; }
#back2:checked ~ #photos { animation:flowSlides1 32s infinite; animation-delay: 0s; }
#back3:checked ~ #photos { animation:flowSlides2 32s infinite; animation-delay:-8s; }
#back4:checked ~ #photos { animation:flowSlides3 32s infinite; animation-delay:-16s; }
#next1:checked ~ #photos { animation:flowSlides2 32s infinite; animation-delay:-8s; }
#next2:checked ~ #photos { animation:flowSlides3 32s infinite; animation-delay:-16s; }
#next3:checked ~ #photos { animation:flowSlides4 32s infinite; animation-delay:-24s; }
#next4:checked ~ #photos { animation:flowSlides1 32s infinite; animation-delay: 0s; }
/* 初期スライドショー */
@keyframes flowSlides {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-660px; opacity:0; }
	27% { left:-660px; opacity:1; }
	43% { left:-660px; opacity:1; }
	50% { left:-660px; opacity:0; }
	50.01% { left:-1320px; opacity:0; }
	52% { left:-1320px; opacity:1; }
	68% { left:-1320px; opacity:1; }
	75% { left:-1320px; opacity:0; }
	75.01% { left:-1980px; opacity:0; }
	77% { left:-1980px; opacity:1; }
	93% { left:-1980px; opacity:1; }
	100% { left:-1980px; opacity:0; }
}
/* 各スライド向けスライドショー */
@keyframes flowSlides1 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-660px; opacity:0; }
	27% { left:-660px; opacity:1; }
	43% { left:-660px; opacity:1; }
	50% { left:-660px; opacity:0; }
	50.01% { left:-1320px; opacity:0; }
	52% { left:-1320px; opacity:1; }
	68% { left:-1320px; opacity:1; }
	75% { left:-1320px; opacity:0; }
	75.01% { left:-1980px; opacity:0; }
	77% { left:-1980px; opacity:1; }
	93% { left:-1980px; opacity:1; }
	100% { left:-1980px; opacity:0; }
}
@keyframes flowSlides2 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-660px; opacity:0; }
	27% { left:-660px; opacity:1; }
	43% { left:-660px; opacity:1; }
	50% { left:-660px; opacity:0; }
	50.01% { left:-1320px; opacity:0; }
	52% { left:-1320px; opacity:1; }
	68% { left:-1320px; opacity:1; }
	75% { left:-1320px; opacity:0; }
	75.01% { left:-1980px; opacity:0; }
	77% { left:-1980px; opacity:1; }
	93% { left:-1980px; opacity:1; }
	100% { left:-1980px; opacity:0; }
}
@keyframes flowSlides3 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-660px; opacity:0; }
	27% { left:-660px; opacity:1; }
	43% { left:-660px; opacity:1; }
	50% { left:-660px; opacity:0; }
	50.01% { left:-1320px; opacity:0; }
	52% { left:-1320px; opacity:1; }
	68% { left:-1320px; opacity:1; }
	75% { left:-1320px; opacity:0; }
	75.01% { left:-1980px; opacity:0; }
	77% { left:-1980px; opacity:1; }
	93% { left:-1980px; opacity:1; }
	100% { left:-1980px; opacity:0; }
}
@keyframes flowSlides4 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-660px; opacity:0; }
	27% { left:-660px; opacity:1; }
	43% { left:-660px; opacity:1; }
	50% { left:-660px; opacity:0; }
	50.01% { left:-1320px; opacity:0; }
	52% { left:-1320px; opacity:1; }
	68% { left:-1320px; opacity:1; }
	75% { left:-1320px; opacity:0; }
	75.01% { left:-1980px; opacity:0; }
	77% { left:-1980px; opacity:1; }
	93% { left:-1980px; opacity:1; }
	100% { left:-1980px; opacity:0; }
}

/*リスト*/

#list { position: relative; max-width: 600px; margin:0 auto 5%; padding: 0;}

ol.sample1{
  counter-reset:list;
  list-style-type:none;
  /*font: 14px/1.6 'arial narrow', sans-serif;*/
  padding:0;
}
ol.sample1 li{
  position:relative;
  padding: 0 0 0 20px;
  margin: 3% 0 7px 0px;
  font-weight: bold;
  font-size:14px;
  line-height: 30px;
  border-bottom: dashed 1px #585764;
}
ol.sample1 li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #585764;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

ol.sample1 h2 { margin:0px; padding:0px 0px 10px 5px; color:#626262; font-size:clamp(15px,10vw,25px); line-height:1.6em; font-weight:600; letter-spacing: 2px; text-align:left;}

ol.sample1 p{
  position:relative;
  padding: 0 0 0 0px;
  margin: 4px 0 4px 0px;
  font-size:13px;
}


ol.sample1 a {color: #000000; text-decoration: none; outline: 0;}
ol.sample1 a :hover {color: #8E8E8E;}


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



/*footerレスポンシブ*/
.about-us_new footer p .viewmore { display:inline-block; position:relative; padding:0.45em 5.0em 0.45em 3.0em; border-radius:3.0em; border:#585764 1px solid; color:inherit; background:#fff; cursor:pointer; }
@media only screen and (max-width: 1280px){
	.about-us_new footer p .viewmore {

	}
}
.about-us_new footer p .viewmore:hover { opacity:0.5; }
.about-us_new 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_new footer p .viewmore.active { display:inline-block; position:relative; overflow:hidden;padding:0.45em 5.0em 0.45em 3.0em; border-radius:3.0em; border:#585764 1px solid; color:inherit; text-indent:-400%; background:#fff; }
@media only screen and (max-width: 1280px){
	.about-us_new footer p .viewmore.active {
        /* padding:0; */
 }

/*######################################################################*/
/*																		*/
/*	レスポンシブ  about-us_new     										*/
/*																		*/
/*######################################################################*/


/*AboutPoint レスポンシブ*/

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


/*AboutServiceレスポンシブ*/
@media only screen and (max-width: 1280px){
	.about-us_new .AboutService {
        width:100%;
        margin:0;
	}
}

.about-us_new .AboutService:after { content:''; display:block; clear:both; height:0; }
.about-us_new .AboutService li { float:left; width:190px; margin:0 0 25px; line-height:1.4; }
@media only screen and (max-width: 1280px){
	.about-us_new .AboutService li {
        width:25%;
	}
}
@media only screen and (max-width: 640px){
	.about-us_new .AboutService li {
        width:50%;
	}
}
@media only screen and (max-width: 380px){
	.about-us_new .AboutService li {
        width:50%;
	}



/*flowレスポンシブ*/

@media only screen and (max-width: 1280px){
	.about-us_new. workflow h3 + figure img{
        max-width:90%;

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

.about-us_new .workflowInnerNav h4 { margin-bottom:20px; text-align:left; }
@media only screen and (max-width: 1280px){
	.about-us_new .workflowInnerNav h4{
        font-size:140%;
        text-align:center;
	}
}
@media only screen and (max-width: 640px){
	.about-us_new .workflowInnerNav h4 {
        font-size:120%;
	}
}
@media only screen and (max-width: 1280px){
	.workflowInnerNav h4 + p{
        text-align:center;
	}
}
@media only screen and (max-width: 960px){
	.about-us_new .FlowContent{
        width: 80%;
 }
}
@media only screen and (max-width: 640px){
	.about-us_new .FlowContent{
        width: 98%;
 }
}

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

}
@media only screen and (max-width: 480px){
		.about-us_new .FlowContent li {
        width:96%;
	}
}
.about-us_new .FlowContent li:nth-child(2),
.about-us_new .FlowContent li:nth-child(5) { /*margin-right:81px; margin-left:81px; */}
@media only screen and (max-width: 960px){
		.about-us_new .FlowContent li:nth-child(2),
.about-us_new .FlowContent li:nth-child(5) {
/*        margin:0;
	width: 29.333%;*/
    margin: 2%;
	}
}