@charset "UTF-8";

* {box-sizing:border-box; font-family:Tahoma, Verdana, sans-serif; -webkit-font-smoothing: antialiased;}
body {background-color:#FFFFFF; margin:0; padding:0; text-align:center;}
/* common */
.clearLeft {clear:left; font-size:0; line-height:0;}
.fb_iframe_widget > span {vertical-align: baseline !important;}

.pageWidth {width:100%; margin:0 auto;}
#Logomark {margin:15px auto;}

/* .pageHeight {height:100%;} */

.scrollifySection {position:relative;}

.pageScrollArrow  {position:absolute; bottom:0; width:100%; text-align:center; margin:0; line-height:1; color:#cccccc;}
.fa-angle-down,
.fa-angle-double-up {cursor:pointer;}

.pageSubject {padding:20px; font-size:250%; font-weight:bold; color:#004796; letter-spacing:2px;}
.visionText {font-size:150%;}
.visionNote {text-align:justify; width:80%; margin:20px auto; line-height:1.5;}
.missionList {text-align:justify; width:80%; margin:0 auto; padding:0 0 0 10px;}
.missionList li {line-height:1.5; padding:10px 0;}

.worksContents {width:100%; background:#000; color:#fff;}
.worksContents .pageSubject {color:#fff;}
.gameTitleLogo {width:300px; height:67px; margin:0 auto 30px auto;}
.gameLink {color:#ffffff;}

.profileContainer {float:left; width:100%; text-align:center; line-height:2;}
.profilePhoto {display:block; margin:10px auto; width:120px; height:120px; border-radius:60px;}
.photoYK {background:url(https://scontent.xx.fbcdn.net/hphotos-xap1/v/t1.0-9/11224218_863655403699672_4699474248138868253_n.jpg?oh=0044d7df7259aa86d7c60690faae433e&oe=561FA355) no-repeat center center; background-size:contain;}
.photoMY {background:url(https://scontent.xx.fbcdn.net/hphotos-xpa1/v/t1.0-9/579489_275228955904714_1581338337_n.jpg?oh=e652ce6ce009623a9cdb5be5dad0c81e&oe=55ED8008) no-repeat center center; background-size:contain;}
.infoList {text-align:justify; width:80%; margin:0 auto; line-height:1.5;}
.infoList dt {margin:0; padding:5px 0 5px 5px; position:static; width:100%; background:#EEEEEE;}
.infoList dd {margin:0; padding:10px 0 15px 5px;}
.infoRubi {display:block;}

.businessContentsList {text-align:justify; width:100%; padding:0 0 100px 0; margin:0 0 0 20px;}
.businessContentsList li {line-height:1.5; padding:5px 0;}

.copyList {text-align:justify; width:80%; margin:0 auto;}
.copyList dt {line-height:1.5; padding:0;}
.copyList dd {line-height:1.2; padding:5px 0 15px 0; font-size:10px; margin-left:0;}


/* ※※※※※※
   ここから 幅768px以上のCSSを記述
   ※※※※※※ */
@media screen and (min-width : 768px){
  .pageScrollArrow  {padding:10px 0 30px 0;}
  .pageWidth {max-width:100%;}
  .pageHeight {min-height:600px;}
  .pageSubject {padding:50px; font-size:500%;}
  .visionText {font-size:200%;}
  .visionNote {width:65%; margin:50px auto;}
  .missionList {width:65%;}

  .gameTitleLogo {width:600px; height:133px;}

  .profileContainer {width:50%; text-align:left; line-height:40px;}
  .profilePhoto {float:left; margin:0 20px; width:180px; height:180px; border-radius:90px;}
  .infoList {width:65%;}
  .infoList dt {position:absolute; padding:10px 0; width:150px; background:transparent;}
  .infoList dd {padding:10px 0 10px 150px;}
  .infoRubi {display:inline;}





  .copyList {width:65%;}
  .copyList dd {line-height:1.2; padding:10px 0 30px 0; font-size:70%; margin-left:0;}
}