@charset "UTF-8";

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li,
brockquote, pre, table, caption, address, form, object, img,
span, a, strong, em, q, ins, del, site, code, dfn, abbr, acronym, 
section, header, footer, nav, aside, article, address, figure, hgroup,
menu {margin:0;padding: 0;}
html {overflow:auto;}
body {color: #fff;text-align:center;word-break:break-all;font: 0.95em/1.8em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;margin: 0;padding: 0;background:#000;overflow: hidden;min-width:100%;}
@media screen and (max-width:768px) {
body {font-size:0.85em;line-height:1.8em;}
}

 
ul {list-style-position:outside;list-style-type: none;}
li a {border:none;}
ol li {margin-bottom: 5px;}
  
table {border-collapse: collapse;  font-size: 100%;}
img,a {border:none;}
address,em,cite {font-style: normal;}
a {overflow:hidden;outline:none;text-decoration:underline;color:#666;}
a:visited {text-decoration:underline;color:#333;}
a:hover {text-decoration:none;}
.img-waku {margin:2px;}
.nobr {white-space:nowrap;}


/* ALL GROUND PARTS */

.clearboth {clear:both;width:0;height:0;margin:0;padding:0;}

/*MARGIN*/
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.m5 {margin:5px;}
.m10 {margin:10px;}
.m15 {margin:15px;}
.m20 {margin:20px;}
.m30 {marginp:30px;}

/*PADDING*/
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}

.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.txt-left {text-align:left;}
.txt-center {text-align:center;}
.txt-right {text-align:right;}
.txt-s {font-size:0.8em;}
.txt-non {display:none;}
.float-right {float:right;}
.float-left {float:left;}
.absmiddle {vertical-align:middle;}
.pagetop-txt {display:none;}
.txt-pink {color:#c50035;}
.txt-red {color:#cc0000;}
.txt-orange {color:#eb610f} 
.clearfix {clear:both;height:auto;}
figure img{width:100%;height:auto;vertical-align:bottom}

.clearfix:after {content: "";display: block;clear: both;}

.txt-long {display: inline-block;-moz-transform:scale( 3, 1 ); -webkit-transform:scale( 3, 1 ); -o-transform:scale( 3, 1 );-ms-transform:scale( 3, 1 );transform:scale( 3, 1 );-moz-transform-origin:left top;-webkit-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;}


.txt-long2 {display: inline-block;-moz-transform:    scale( 2, 1 );-webkit-transform: scale( 2, 1 );-o-transform:scale( 2, 1 );-ms-transform:scale( 2, 1 );transform:scale( 2, 1 );-moz-transform-origin:left top; -webkit-transform-origin: left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;
}

#work-contents {display: flex;justify-content: center;align-items: center;width:100%;height:100%;flex-wrap: wrap;}
.work-contents-in {letter-spacing:-.4em;background:#000;padding:30px;width:100%;height:100%;overflow:auto}
.work-contents-left {width:35%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;margin-right:2%}
.work-contents-right {width:63%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;text-align:left}
.txt-katagaki {font-size:.9em;margin-bottom:30px;color:#fc90b1;}
h1 {font-size:1.8em;margin-bottom:5px;color:#fc90b1;font-weight:bold}
@media screen and (max-width:580px) {
.work-contents-left {width:100%;display:block;margin-right:0;margin-bottom:20px}
.work-contents-right {width:100%;display:block;text-align:left}
}

@media screen and (min-width:768px) {
.pc-only{display:inline}
.sp-only{display:none}
}

@media screen and (min-width: 0px) and (max-width: 767px) {
.pc-only{display:none}
.sp-only{display:inline}
}