body {
margin: 0 auto;
padding: 0;
background-color: #FFF;  
color: #000;
text-align: center;
}

img {
border: 0;
}

p {
margin: 0;
padding: 0;
font-size: 80%;
line-height: 130%;
}
.nowrap {
white-space: nowrap;
}

.pdg {
margin: 0;
padding: 1px 0 0 10px;
font-size: 80%;
line-height: 130%;
}

strong {
font-weight: bold;
}
.bgblack {
border: 1px solid #000;
}


/*　background-color　*/
.bgwhite {
background-color: #FFF;
}
.bgpink {
background-color: #FBF4F3;
}
.bgcream {
background-color: #FEF6E3;
}

.bggreen {
background-color: #336600;
}


.bgblue {
background-color: #D1D2C2;
}


/*　font-color　*/
.black {
color: #000;
}
.red {
color:#FF0000;
}


.white {
color:#FFF;
}
.gray333 {
color: #333;
}


.green {
color: #00B39C;
}

.purple {
color: #710A44;
}

.orange {
color: #FF6600;
}
.brown {
color: #993300;
}



/*　links　*/
a:link {color:#0033FF;text-decoration:none;}
a:visited {color:#0033FF;text-decoration:none;}
a:active {color:#0033FF;text-decoration:underline}
a:hover {color:#0033FF;text-decoration:underline}
/* font-size */
.txtop {
font-size: 110%;
line-height: 150%;
}
.txto {
font-size: 110%;
line-height: 130%;
}
.txtom {
font-size: 110%;
line-height: 125%;
}
.txtxlp {
font-size: 100%;
line-height: 150%;
}
.txtxl {
font-size: 100%;
line-height: 130%;
}
.txtxlm {
font-size: 100%;
line-height: 125%;
}
.txtlp {
font-size: 90%;
line-height: 150%;
}
.txtl {
font-size: 90%;
line-height: 130%;
}
.txtlm {
font-size: 90%;
line-height: 125%;
}
.txtmp {
font-size: 80%;
line-height: 150%;
}
.txtm {
font-size: 80%;
line-height: 130%;
}
.txtm02 {
margin: 0;
padding: 8px 0 8px 5px;
font-size: 80%;
line-height: 125%;
color: #000;
}
.txtmm {
font-size: 80%;
line-height: 125%;
}
.txtmmsp {
font-size: 60%;
line-height: 125%;
color: #FFF;
}
.txtsp {
font-size: 70%;
line-height: 150%;
}
.txts {
font-size: 70%;
line-height: 130%;
}
.txtsm {
font-size: 70%;
line-height: 120%;
}
.txtxsp {
font-size: 60%;
line-height: 150%;
}
.txtxs {
font-size: 60%;
line-height: 130%;
}
.txtxsm {
font-size: 60%;
line-height: 120%;
}

.contents-area02 img{
  width: 80%;            /* スマホでは画面幅に合わせる */
  margin: 0 auto;         /* 中央寄せ */
  display: block;
  box-sizing: border-box; /* paddingを含めて幅計算 */
}

.contents-area_ img { 
width: 100%; 
}

.contents-area img {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.contents-area02 img { 
width: 100%; 
}

.contents-area03 img { 
  width: 100%;
  height: auto;
  display: block;
}

.video {
  position: relative;
  width: 90%;
  padding-top: 56.25%; /* 16:9 */
  margin: 0 auto;  /* 下の余白だけ調整 */
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  vertical-align: top;
  border: 0;
  margin: 0;
  padding: 0;
}


.video_ {
  width: 100%;
  margin: 0 auto;
}

.video2 {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.video iframe {
display: block;
  width: 100%;
  height: 100%;
}

/*  */

#cbox {
margin: 10px 0 50px 0;
padding: 0;
text-align: center;
}

#cbox02 {
width: 1000px;
margin: auto;
padding: 0;
background: #000;
text-align: left;
}



#cbox03 {
position: absolute;
width: 615px;
height: 300px;
top: 50%;
left: 50%;
margin: -150px 0 0 -307px;
padding: 0;
text-align: left;
}

#cboxnews {
width: 800px;
margin: 100px;
padding: 0;
text-align: left;
}

#header {
width: 1000px;
margin: 0;
padding: 6px 0 0 2px;
text-align: left;
}

#footer {
width: 390px;
margin: 24px 0 0 0;
padding: 0;
text-align: right;
}

#spacer {
margin: 0;
padding: 0;
text-align: left;
}

.portfolios_bg{
padding: 0;
background:  url(../images/bg_pic_portfolios.jpg) no-repeat left top;
}
.portfolios_mgn{
width: 570px;
margin: 0 10px 0 0;  
}
.portfolios_mgn_02{
width: 568px;
margin: 0 12px 0 0;  
}

.copyright{
width: 1000px;
margin: 0;  
padding: 53px 0 0 0;
text-align: center;
}

.copyright02{
width: 1000px;
margin: 0;  
padding: 70px 0 0 0;
text-align: center;
}

.pdg_left {
margin: 0;
padding: 0;
background:  url(../images/line_01.gif) repeat-y right top;
}


.pdg_right{
margin: 0;
padding: 0 11px 0 0;
background:  url(../images/line_01.gif) repeat-y left top;
}
.pdg_right02{
margin: 0;
padding: 0 1px 0 0;
}

.pdg_profile{
margin: 0;
padding: 0 0 2px 13px;
}
.widesize {
width: 570px;
} 

.mgn_left {
margin: 0 0 0 8px;
padding: 0;
}

.mgn_left02 {
margin: 0 0 0 3px;
padding: 0;
}



.ffix {
width: 100%;
} 



.topbd {
margin: 0;
padding:0;
border-right: 1px solid #000;
border-left: 1px solid #000;
}

.allbachground {
margin: 0;
padding: 0;
background:  url(../images/bbg.jpg) no-repeat left top;
}
.navibg {
margin: 0;
padding: 0;
background:  url(../images/bg02.jpg) repeat-y left top;
}
.navibg02 {
margin: 0;
padding: 0;
background:  url(../images/bg03.jpg) repeat-y left top;
}

#pictures {
margin: 0;
padding: 0;
background-color: #000;  
color: #000;
text-align: center;
}

#main_image {
width : 100%;
max-width : 1000px;
margin: 0 auto;
}

/*　div settings　*/
.flex_box {
    background-color: ;     /* 背景色指定 */
	display: flex;              /* フレックスボックスにする */
	margin: 0 ;              /* 外側の余白 */
    padding:  0;             /* 余白指定 */
}

.content {
        display: flex;
}
 
 
.flex_item {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}
 
.flex_item:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 80px;
}
 
.flex_item:nth-child(2) {
    background-color:  ; /* 背景色指定 */
	width: 131px;
}
 
.flex_item:nth-child(3) {
    background-color: ; /* 背景色指定 */
	width: 159px;
}
 
.flex_item:nth-child(4) {
    background-color:  ; /* 背景色指定 */
	width: 61px;
}

.flex_item:nth-child(5) {
    background-color:  ; /* 背景色指定 */
	width: 60px;
}

.flex_item:nth-child(6) {
    background-color:  ; /* 背景色指定 */
	width: 59px;
}

.flex_item:nth-child(7) {
    background-color:  ; /* 背景色指定 */
	width: 144px;
}

.flex_item:nth-child(8) {
    background-color:  ; /* 背景色指定 */
	width: 306px;
}


/*　Acting Studio　*/


.content {
        display: flex;
}

.flex_item2 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}

 
.flex_item2:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 259px;
	height:;
	margin: 0 ;              /* 外側の余白 */
	    padding:  48 0 59 0;     
}
 

.flex_item3 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}

.content {
        display: flex;
}
 
 
.flex_item3:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 110px;
	height: 438px;   
	margin:  ;
		    padding: 0; 
}
 
 .flex_item3:nth-child(2) {
    background-color:  ; /* 背景色指定 */
	width: 780px ;
	height: 438px;   
}
 .flex_item3:nth-child(3) {
    background-color:  ; /* 背景色指定 */
	width: 110px;
	height: 438px;   
}
 
 
 .flex_item4 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}

.content {
        display: flex;
}
 
 
.flex_item4:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 110px;
	height: ;   
	margin:  ;
		    padding: 0; 
}
 
 .flex_item4:nth-child(2) {
    background-color:  ; /* 背景色指定 */
	width: 780px ;
	height: ;   
}
 .flex_item4:nth-child(3) {
    background-color:  ; /* 背景色指定 */
	width: 110px;
	height: ;   
}
 
 .flex_item5 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}

.content {
        display: flex;
}
 
 
.flex_item5:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 20px ;
	height: 40px ;   
	margin:  ;
		    padding: 0; 
}
 
 .flex_item5:nth-child(2) {
    background-color:  ; /* 背景色指定 */
	width: 315px ;
	height: 40px;   
}
 .flex_item5:nth-child(3) {
    background-color:  ; /* 背景色指定 */
	width: 7px;
	height: 40px ;   
} 
 
 .flex_item5:nth-child(4) {
    background-color:  ; /* 背景色指定 */
	width: 315px;
	height: 40px ;   
	margin:  ;
		    padding: 0; 
}
 
 .flex_item5:nth-child(5) {
    background-color:  ; /* 背景色指定 */
	width: 8px ;
	height: 40px ;   
}
 .flex_item5:nth-child(6) {
    background-color:  ; /* 背景色指定 */
	width: 315px ;
	height: 40px ;   
} 
 
  .flex_item5:nth-child(7) {
    background-color:  ; /* 背景色指定 */
	width: 20px;
	height: 40px ;   
} 

 .flex_item6 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}

.content {
        display: flex;
}
 
 
.flex_item6:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 20px ;
	height: ;   
	margin:  ;
		    padding: 0; 
}
 
 .flex_item6:nth-child(2) {
    background-color:  ; /* 背景色指定 */
	width: 315px ;
	height: ;   
}
 .flex_item6:nth-child(3) {
    background-color:  ; /* 背景色指定 */
	width: 7px;
	height:  ;   
} 
 
 .flex_item6:nth-child(4) {
    background-color:  ; /* 背景色指定 */
	width: 315px;
	height:  ;   
	margin:  ;
		    padding: 0; 
}
 
 .flex_item6:nth-child(5) {
    background-color:  ; /* 背景色指定 */
	width: 8px ;
	height:  ;   
}
 .flex_item6:nth-child(6) {
    background-color:  ; /* 背景色指定 */
	width: 315px ;
	height:  ;   
	  padding: 0; 
} 
 
  .flex_item6:nth-child(7) {
    background-color:  ; /* 背景色指定 */
	width: 20px;
	height:  ;   
} 


 .flex_item7 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}

.content {
        display: flex;
}
 
 
.flex_item7:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 20px ;
	height: 70px ;   
	margin:  ;
		    padding: 0; 
}
 
 .flex_item7:nth-child(2) {
    background-color:  ; /* 背景色指定 */
	width: 315px ;
	height: 70px;   
}
 .flex_item7:nth-child(3) {
    background-color:  ; /* 背景色指定 */
	width: 7px;
	height: 70px ;   
} 
 
 .flex_item7:nth-child(4) {
    background-color:  ; /* 背景色指定 */
	width: 315px;
	height: 70px ;   
	margin:  ;
		    padding: 0; 
}
 
 .flex_item7:nth-child(5) {
    background-color:  ; /* 背景色指定 */
	width: 8px ;
	height: 70px ;   
}
 .flex_item7:nth-child(6) {
    background-color:  ; /* 背景色指定 */
	width: 315px ;
	height: 0 ;   
	  padding: 36 0 26 250; 
} 
 
  .flex_item7:nth-child(7) {
    background-color:  ; /* 背景色指定 */
	width: 20px;
	height: 70px ;   
} 



/*　Acting Studio　*/

.flex_box2 {
    background:  url(../images/section_03/sw_bg_02.jpg) no-repeat left top;
	display: flex;              /* フレックスボックスにする */
	margin: 0 ;              /* 外側の余白 */
    padding:  0;             /* 余白指定 */
}

.content {
        display: flex;
}

.flex_item8 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}

.content {
        display: flex;
}
 
 
.flex_item8:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: ;
	height: ;   
	margin:  ;
    padding: 3 0 14 0; 
}
 
.flex_item9 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}

.content {
        display: flex;
}
 
 
.flex_item9:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 210px;
	height: 18px;   
	margin:  ;
    padding: 0; 
}
 .flex_item9:nth-child(2) {
    background-color:  ; /* 背景色指定 */
	width: 588px ;
	height: 18px;   
}
 .flex_item9:nth-child(3) {
    background-color:  ; /* 背景色指定 */
	width: 202px;
	height: 18px ;   
} 

.flex_item10 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}

.content {
        display: flex;
}
 
 
.flex_item10:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 210px;
	height: 630px;   
	margin:  ;
    padding: 0; 
}
 .flex_item10:nth-child(2) {
    background-color:  ; /* 背景色指定 */
	width: 588px ;
	height: 630px;   
}
 .flex_item10:nth-child(3) {
    background-color:  ; /* 背景色指定 */
	width: 202px;
	height: 630px ;   
} 


.flex_item11 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}

.content {
        display: flex;
}
 
 
.flex_item11:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 210px;
	height: 27px;   
	margin:  ;
    padding: 0; 
}
 .flex_item11:nth-child(2) {
    background-color:  ; /* 背景色指定 */
	width: 588px ;
	height: 27px;   
}
 .flex_item11:nth-child(3) {
    background-color:  ; /* 背景色指定 */
	width: 202px;
	height: 27px ;   
} 

/* section 04 Studio Archives */

.flex_item12 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}

.content {
        display: flex;
}
 
 
.flex_item12:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 1000px;
	height: ;   
	margin:  0;
    padding: 83 0 16 363; 
}

.flex_item13 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}

.content {
        display: flex;
}
 
 
.flex_item13:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 200px;
	height: 200px ;   
	margin:  0;
    padding: 0; 
}
.flex_item13:nth-child(2) {
    background-color:  ; /* 背景色指定 */
	width: 200px;
	height: 200px ;   
	margin:  0;
    padding: 0; 
}
.flex_item13:nth-child(3) {
    background-color:  ; /* 背景色指定 */
	width: 200px;
	height: 200px ;   
	margin:  0;
    padding: 0; 
}
.flex_item13:nth-child(4) {
    background-color:  ; /* 背景色指定 */
	width: 200px;
	height: 200px ;   
	margin:  0;
    padding: 0; 
}
.flex_item13:nth-child(5) {
    background-color:  ; /* 背景色指定 */
	width: 200px;
	height: 200px ;   
	margin:  0;
    padding: 0; 
}

.flex_item14 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}
.flex_item14:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 200px;
	height: 200px ;   
	margin:  0;
    padding: 0; 
}
.flex_item14:nth-child(2) {
    background-color:  ; /* 背景色指定 */
	width: 200px;
	height: 200px ;   
	margin:  0;
    padding: 0; 
}
.flex_item14:nth-child(3) {
    background-color:  ; /* 背景色指定 */
	width: 200px;
	height: 200px ;   
	margin:  0;
    padding: 0; 
}
.flex_item14:nth-child(4) {
    background-color:  ; /* 背景色指定 */
	width: 200px;
	height: 200px ;   
	margin:  0;
    padding: 0; 
}
.flex_item14:nth-child(5) {
    background-color:  ; /* 背景色指定 */
	width: 200px;
	height: 200px ;   
	margin:  0;
    padding: 0; 
}


.flex_item15 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}
.flex_item15:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 1000px;
	height:  ;   
	margin:  0;
    padding:  ; 
}


.flex_item16 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}
.flex_item16:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 1000px;
	height:  ;   
	margin:  0;
    padding: 0 0 120 335; 
}

.flex_item17 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}
.flex_item17:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 1000px;
	 text-align: center;
	height:  ;   
	margin: ;
    padding: 5 0 30 0; 
}

.flex_item18 {
    padding: 0;
    color:  #000;               /* 文字色 */
    margin:  ;              /* 外側の余白 */
}
.flex_item18:nth-child(1) {
    background-color:  ; /* 背景色指定 */
	width: 1000px;
	 text-align: center;
	height:  ;   
	margin: ;
    padding: 30 0 50 0; 
}