@charset "UTF-8";
/*
Theme Name: Citail Desktop
Description: This is with_entertainment original theme.
Author: Prime Strategy Co.,Ltd.
Version:1.0
*/

/*-----------------------------------------
 *
 * reset start
 *
 * ----------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	padding: 0;
	margin: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}
/*-----------------------------------------
 *
 * reset end
 *
 * ----------------------------------------*/

  /*-----------------------------------------
   *
   * common start
   *
   * ----------------------------------------*/
  
  html {
    overflow: scroll;
    font-size: 62.5%
  }
  
  body {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4rem; /* 14px */
    line-height: 1.5;
    color: #555555;
    -webkit-text-size-adjust: none;
  }
  
  a {
    color: #555;
    text-decoration: none;
  }
  
  a.home_link {
    position: relative;
    color: #333;
    border-bottom: 1px dotted #f8b62d;
    
  }
  
  a.home_link:before {/*
    width: 6px;
    height: 6px;
    position: absolute;
    z-index: 1;
    display: block;
    content: "";
    border-left: 1px solid #218bc1;
    border-bottom: 1px solid #218bc1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    top: 3px;
    left: 0;
  */}
  
  h2 {
    box-sizing: content-box;
    height: auto;
    margin-top: 0;
    text-align: center;
  }
  
  h2 img {
    width: 85%;
    max-width: 600px;
    height: auto;
    vertical-align: middle;
  }
  
  h3 {
    margin: 18.5px 0 2px;
    font-size: 1.4rem;
    line-height: 1.85;
    color: #f8b62d;
  }
  
  img {
    width: 100%;
    max-width: 640px;
  }
  /*  clearfix  */
  .clearfix:after,
  ul.bread_crumb:after {
    clear: both;
    display: block;
    content: "";
  }
  
  /*  both ends start  */
  .both-ends {
    padding: 0 6.75%;
  }
  
  /*  header start  */
  .archive #content,
  .page #formWp,
  .single #content,
  .page #content,
  .error404 #content,
  .blog #content{
    min-height: 400px;
    background: url("/corp_sp/images/single-bg-sp.jpg") repeat-x left top;
  }
  
  #header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height:60px;
    background: #fff;
  }
  
  .brand {
    width: 45px;
    padding: 7px 3.75%;
  }
  
  .brand img {
    vertical-align: top;
  }
  
  .menu-icon-box {
    position: fixed;
    top: 0;
    right: 0;
    width: 112px;
    height: 42px;
    margin: 8px 1.87% 3px 0;
    background: url("/corp_sp/images/gn-trigger-bg.png") no-repeat;
    background-size: 100%;
  }
  
  .toggle-bg {
    background-position: bottom;
  }
  
  .menu-icon a span {
    display: block;
    width:0;
    height: 0;
    overflow: hidden;
  }
  
  #menu-global {
    position: absolute;
    top: 60px;
    z-index: 9;
    display: none;
    width: 100%;
  }
  
  #menu-global li {
    height: 45px;
    background: rgba(169,169,169,0.94);
    border-bottom: #fff 1px solid;
  }
  
  #menu-global li a {
    position: relative;
    display: block;
    padding-left: 3.75%;
    font-size: 1.3rem;
    line-height: 44px;
    color: #fff;
    text-decoration: none;
  }
  
  #menu-global li a:after {
    position: absolute;
    top: 16px;
    right: 4.5%;
    display: block;
    width: 11px;
    height: 11px;
    content: "";
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  #menu-global li span {/*採用情報措置*/
    margin-left: 3.75%;
    font-size: 1.3rem;
    line-height: 44px;
    color: #3b88a3;
  }
  
  #menu-global li#close-area {
    display: block;
    height: 85px;
    margin: 0;
    border: none;
  }
  
  #menu-global li#close-area span {
    position: relative;
    top: 25px;
    display: block;
    width: 189px;
    height: 35px;
    margin: 0 auto;
    font-size: 1.8rem;
    line-height: 35px;
    color: #7c7c7c;
    text-align: center;
    background: #fff;
  }
  
  #menu-global li#close-area span:before {
    position: absolute;
    top: 10px;
    left: 14px;
    display: block;
    width: 15px;
    height: 15px;
    content: "";
    background: url("/corp_sp/images/close-bg.gif") no-repeat;
    background-size: 100%;
  }
  
  #menu-global li#last {
    background-color: rgba(223,223,223,0.95);
  }
  /*  header end  */
  
  /*  footer start */
  #footer {
    padding-top: 0;
    padding-bottom: 20px;
    margin-top: 0;
    background: #f5f5f5;
    border-top: none;
  }
  
  .sns {
    width: 78px;
    height: 29px;
    margin: 60px auto 40px;
  }
  
  .sns li {
    float: left;
  }
  
  .sns li.twitter {
    margin-right: 0px;
    margin-left: 20px;
  }
  
  .sns li a {
    display: block;
    height: 29px;
  }
  
  .sns li.facebook a {
    width: 29px;
  }
  
  .sns li.twitter a {
    width: 29px;
  }
  
  .sns li.google a {
    width: 29px;
  }
  
  #footer-nav {
    width: 100%
  }
  
  #footer-nav ul li {
    height: 44px;
    line-height: 44px;
    background: rgba(169,169,169,0.94);
    border-bottom: #fff 1px solid;
  }
  
  #footer-nav ul li a {
    position: relative;
    display: block;
    height: 100%;
    padding: 0;
  }
  
  #footer-nav ul li a:after {
    position: absolute;
    top: 16px;
    right: 3px;
    width: 11px;
    height: 11px;
    content: "";
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  #footer-nav img {
    width: auto;
    vertical-align: middle;
  }
  
  #footer-company-info {
    margin-top: 32px;
    margin-bottom: 25px;
    font-size: 1.2rem;
    color: #696969;
  }
  
  #footer-company-info p:first-child {
    margin-bottom: 15px;
  }
  
  #copyright {
    margin-top: 17px;
    line-height: 0;
    text-align: center;
  }
  
  #copyright img {
    width: auto;
  }
  
  #footer .links {
    position: relative;
    height: 22px;
    font-size: 12px;
    text-align: center;
    background: url(/corp_sp/images/footer-links-bg-sp.gif) no-repeat center;
  }
  
  #footer .links li {
    position: absolute;
    top: 0;
    display: inline-block;
    padding-left: 0;
    margin: 0 11px 0;
  }
  
  #footer .links li:first-child {
    right: 50%;
  }
  
  #footer .links li:last-child {
    left: 50%;
  }
  
  #footer .links img {
    width: auto;
  }
  
  #pagetop-button {
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 35px;
    height: 37px;
  }
  /*  footer end  */
  
  /*-----------------------------------------
   *
   * common end
   *
   * ----------------------------------------*/
  
  
  
  /*-----------------------------------------
   *
   * top start
   *
   * ----------------------------------------*/
  
  .home {
    font-size: 1.4rem;
  }
  /*-- top hr start --*/
  .home hr {
    width: 92.5%;
    height: 1px;
    margin: 0 auto;
    background: #e6e6e6;
    border: 0;
  }
  
  /* top signage start --*/
  #signage {
    width: 92.5%;
    padding-top: 50px;
    padding-right: 3.75%;
    padding-bottom: 7px;
    padding-left: 3.75%;
    margin-bottom: 34px;
    overflow: hidden;
    text-align: center;
  }
  
  #signage img {
    width: 100%;
    max-width: 600px;
    height: auto;
    vertical-align: middle;
  }
  
  #signage .slides > li {
    display: none;
  }
  
  #signage .slides > li:first-child {
    display: block;
  }
  
  #signage .flex-viewport {
    z-index: 1;
  }
  
  #signage .flex-control-nav {
    position: relative;
    bottom: -10px;
    left: 0;
    z-index: 1;
  }
  
  #signage .flex-control-nav li {
    margin: 0 5px;
  }
  
  #signage .flex-control-paging li a {
    width: 8px;
    height: 8px;
    background-color: #cecece;
    box-shadow: none;
  }
  
  #signage .flex-control-paging li a.flex-active {
    background-color: #7c7c7c;
  }
  
  #signage .flex-direction-nav {
    position: relative;
    top: -10px;
    left: 0;
    z-index: 10;
    width: 100%;
  }
  
  #signage .flex-direction-nav a {
    top: -100px;
    width: 30px;
    height: 60px;
    margin: 0;
    text-shadow: none;
    opacity: 0.7;
    transition: none;
  }
  
  #signage .flex-direction-nav a:hover {
    opacity: 1;
  }
  
  #signage .flex-direction-nav a:before {
    display: none;
  }
  
  #signage .flex-direction-nav .flex-prev {
    left: 5%;
    text-indent: -9999px;
    background-image: url("/corp_sp/images/btn_signageslide_prev-sp.png");
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-background-size: 30px 60px;
    background-size: 30px 60px;
  }
  
  #signage .flex-direction-nav .flex-next {
    right: 5%;
    text-indent: 9999px;
    background-image: url("/corp_sp/images/btn_signageslide_next-sp.png");
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-background-size: 30px 60px;
    background-size: 30px 60px;
  }
  
  #signage .flex-direction-nav + .flex-direction-nav {
    top: 19em;
    left: 50%;
    width: 50%;
  }
  
  #signage .flex-direction-nav + .flex-direction-nav a {
    top: -237px;
    width: 8px;
    height: 15px;
  }
  
  #signage .flex-direction-nav + .flex-direction-nav .flex-prev {
    left: 0;
    background-image: url("/corp_sp/images/btn_signageslide_prev2-sp.gif");
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-background-size: 8px 15px;
    background-size: 8px 15px;
  }
  
  #signage .flex-direction-nav + .flex-direction-nav .flex-next {
    right: 0;
    background-image: url("/corp_sp/images/btn_signageslide_next2-sp.gif");
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-background-size: 8px 15px;
    background-size: 8px 15px;
  }
  
  /*-- top signage end --*/
  
  /*-- top news start--*/
  .home #news {
    position: relative;
    padding-top: 55px;
    padding-bottom: 40px;
    margin-top: -55px;
  }
  
  .home #news h2 {
    margin-bottom: 27px;
  }
  
  .home #news ul {
    width: 85%;
    margin: 0 auto;
  }
  
  #news li {
    padding-bottom: 30px;
    font-size: 1.4rem;
  }
  
  #news li:first-child {
    padding-top: 0;
  }
  
  #news li div {
    line-height: 1.97;
    color: #555;
  }
  
  #news li div img {
    width: auto;
    margin-left: 12px;
  }
  
  #news li div img[class="icon-new"] {
    margin-left: 6px;
  }	
  
  .home #news .icon-new {
    padding-bottom: 1px;
    margin-left: 5px;
    vertical-align: baseline;
  }
  
  #news li p {
    margin: 0;
    line-height: 1.5;
  }
  
  .home #news p.more {
    position: absolute;
    top: 55px;
    width: 92%;
    margin: 0 auto;
    font-size: 1.3rem;
    line-height: 30px;
    text-align: right;
  }
  
  .home #news p.more a {
    display: inline-block;
    height: 100%;
    padding-bottom: 0;
    line-height: 1.2;
    color: #555;
    text-decoration: none;
    border-bottom: 1px dotted #f8b62d;
  }
  
  .home #news p.more:after {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-bottom: 2px;
    content: "";
    border-top: solid 1px #f8b62d;
    border-right: solid 1px #f8b62d;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  #home #news ul li a[target="_blank"]:after {
    display: inline-block;
    width: 10px;
    height: 8px;
    margin-left: 3px;
    content: "";
    background: url("/corp_sp/images/target_blank.gif") no-repeat left bottom;
    background-size: 10px 8px;
    border-bottom: none;
  }
  
  #home #news ul li a[class="pdf"] {
    position: relative;
    padding-right: 10px;
  }
  
  #home #news ul li a[class="pdf"]:after {
    display: inline-block;
    width: 9px;
    height: 10px;
    margin-left: 3px;
    content: "";
    background: url("/corp_sp/images/icon-pdf.gif") no-repeat right bottom;
    border-bottom: none;
  }
  /*-- top news end --*/
  
  /*-- top banner area start --*/
  #home .banners {
    padding: 0 0 38px;
  }
  
  #home .banners ul.banner-list {
  }
  
  #home .banners ul.banner-list li {
    margin-bottom: 10px;
  }
  
  #home .banners ul.banner-list li:last-child {
    margin-bottom: 0px;
  }
  
  #home .banners ul.banner-list li a {
    display: block;
    width: 85%;
    max-width: 560px;
    margin: 0 auto;
  }
  
  #home .banners ul.banner-list li a img {
    display: block;
    width: 100%;
    max-width: 560px;
    height: auto;
    vertical-align: bottom;
  }
  
  /*-- top banner area end --*/
  
  
  /*-- top contents start --*/
  #home .wrapper {
    background: url("/corp_sp/images/top-bg.jpg") repeat-x left top;
  }
  
  .home #contents {
  /*	margin-top: -57px;*/
  /*	padding-top: 57px; */
    padding-top: 20px;
    padding-bottom: 50px;
  }
  
  .home #contents h2 {
    margin-bottom: 20px;
  }
  
  .home #contents .instance {
    margin-bottom: 30px;
  }
  
  .home #contents .instance-list h4 {
    padding: 0 7.5%;
    font-size: 1.7rem;
    font-weight: bold;
  }
  
  .home #contents .instance-list a {
    margin-bottom: 17px;
    color: #f3981e;
    text-decoration: none;
  }
  
  .home #contents .instance-list img {
    width: 85%;
    max-width: 560px;
    vertical-align: bottom;
  }
  
  .home #contents .instance-list li{
    margin-bottom: 30px;
  }
  
  .home #contents .instance-list li:last-child {
    margin-bottom: 0px;
  }
  
  .home #contents .instance-list li > a {
    display: block;
    text-align: center;
  }
  
  .home #contents .info h3 {
    margin-bottom: 30px;
  }
  
  .home #contents .info h3 + p {
    margin-bottom: 30px;
    text-align: center;
  }
  
  .home #contents h3 {
    padding: 0 3.75%;
    margin-top: 0;
    margin-bottom: 4px;
    text-align: left;
  }
  
  .home #contents h3 img {
    width: auto;
  }
  
  .home #contents .mission h3 {
    margin: 25px 0 23px;
    text-align: center;
  }
  
  .home #contents p {
    width: 85%;
    margin: 0 auto;
  }
  
  .home #contents p img {
    max-width: 560px;
  }
  
  .home #contents .company-brand {
    margin: 30px 0 58px;
  }
  
  .home #contents p.president-pict {
    margin: 18px 0 12px;
  }
  
  .home #contents p.president-txt {
    margin-bottom: 6px;
    text-align: left;
  }
  
  .home #contents .introduction {
    padding-bottom: 24px;
    font-size: 1.1rem;
    line-height: 1.54;
    text-align: left;
  }
  
  .home #contents .mission {
    padding-top: 15px;
    margin-top: 20px;
    background: url("/corp_sp/images/bg-mission-sp.png") no-repeat center top / 467px 467px;
  }
  
  .home #contents .mission h4 {
    padding-bottom: 4px;
    text-align: center;
  }
  
  .home #contents .mission p {
    text-align: center;
  }
  
  .home #contents .mission img {
    width: auto;
    max-width: 100%;
  }
  
  .home #contents .mission .vision1,
  .home #contents .mission .vision2 {
    width: auto;
    padding-bottom: 30px;
  }
  
  .home #contents .mission .vision3 {
    width: auto;
    padding-bottom: 46px;
  }
  
  .home #contents .mission .brand-promise {
    width: 92.5%;
    padding-top: 23px;
    padding-bottom: 19px;
    text-align: center;
  }
  
  .home #contents .mission .brand-promise img {
    width: 100%;
    max-width: 600px;
    height: auto;
  }
  /*-- top about start --*/
  #about {
    padding-top: 60px;
    margin-top: -60px;
    margin-bottom: 57px;
  }
  
  #about h2 {
    margin-bottom: 16px;
  }
  
  table.tablepress {
    width: 85%;
    margin: 0 auto;
    border-spacing: 0;
    border-collapse: separate;
  }
  
  table.tablepress tr {
    display: block;
    margin-bottom: 17px;
  }
  
  table.tablepress th,
  .tablepress td {
    display: list-item;
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: left;
    list-style: none;
  }
  
  table.tablepress a[target="_blank"] {
    position: relative;
    color: #555;
    text-decoration: none;
    border-bottom: 1px dotted #f3981e;
  }
  
  table.tablepress a[target="_blank"]:after {
    position: absolute;
    bottom: 8px;
    display: inline-block;
    width: 10px;
    height: 8px;
    margin-left: 3px;
    content: "";
    background: url("/corp_sp/images/target_blank.gif") no-repeat right bottom;
    background-size: 10px 8px;
  }
  
  table.tablepress a[href="/#access"] img {
    width: 57px;
    height: 17px;
    vertical-align: middle;
  }
  
  table.tablepress tr[class="row-4"] td {
    position: relative;
  }
  
  table.tablepress img[alt="MAP"] {
    position: absolute;
    top: 0;
    right: 0
  }
  /*-- top about end --*/
  
  /*-- top recruit start --*/
  .home #recruit {
    padding-top: 57px;
    padding-bottom: 64px;
    margin-top: -57px;
  }
  
  .home #recruit h2 {
    margin-bottom: 20px;
  }
  
  .home #recruit p {
    width: 85%;
    margin: 0 auto;
  }
  
  .home #recruit figure {
    width: 85%;
    margin: 0 auto;
  }
  
  .home #recruit .rec-image {
    width: 92.5%;
    padding-top: 20px;
    padding-bottom: 11px;
    margin: 0 auto;
    text-align: center;
  }
  
  .home #recruit .rec-image img {
    width: 100%;
    max-width: 600px;
    height: auto;
  }
  
  .home #recruit h3 {
    padding: 0 3.75%;
    margin-top: 0;
    margin-bottom: 15px;
    text-align: left;
  }
  
  .home #recruit h3 img {
    width: auto;
  }
  
  .home #recruit ul {
    width: 85%;
    margin: 0 auto;
    font-size: 12px;
  }
  
  .home #recruit li {
    position: relative;
    margin-bottom: 0.8em;
  }
  
  .home #recruit li:before {
    position: absolute;
    top: 0;
    left: -0.8em;
    color: #218bc1;
    content: "・";
  }
  
  .home #recruit a {
    color: #218bc1;
    text-decoration: underline;
  }
  
  #recruit .top-inquiry-button {
    padding-top: 18px;
    margin-top: 20px;
    text-align: center;
  }
  
  .home #recruit .recruit-text {
    padding-left: 7%;
  }
  
  .home #recruit .inquiry-button {
    margin-top: 20px;
    text-align: center;
  }
  
  .home #recruit .inquiry-button img {
    max-width: 280px;
    max-height: 45px;
  }
  /*-- top recruit end --*/
  
  /*-- top access start --*/
  .home #access {
    padding-top: 57px;
    padding-bottom: 50px;
    margin-top: -57px;
  }
  
  .home #access h2 {
    margin-bottom: 14px;
  }
  
  .home #access p {
    width: 85%;
    margin: 0 auto;
  }
  
  .home #access p + p {
    margin-top: 15px;
  }
  
  .home #map {
    width: 100%;
    height: 230px;
    margin-bottom: 25px;
  }
  
  .home #access .map-button {
    width: 100%;
    height: 46px;
    padding-top: 22px;
    text-align: center;
  }
  
  .home #access .map-button img {
    max-width: 280px;
    max-height: 45px;
  }
  /*-- top access end --*/
  
  /*-- top inquiry start --*/
  .home #contact {
    padding-top: 57px;
    margin-top: -57px;
  }
  
  .home #contact h2 {
    margin-bottom: 15px;
  }
  
  .home #contact p {
    width: 85%;
    margin: 0 auto;
  }
  
  .home #contact p:first-of-type a {
    border-bottom: 1px dotted rgb(243,152,30);
  }
  
  .home #contact .inquiry-button {
    max-width: 280px;
    max-height: 45px;
    padding-top: 24px;
    text-align: center;
  }
  /*-- top inquiry end --*/
  
  /*-----------------------------------------
   *
   * top end
   *
   * ----------------------------------------*/
  
  
  
  /*-----------------------------------------
   *
   * page（固定ページ）start
   *
   * ----------------------------------------*/
  
  .page {
    font-size: 1.4rem;
    color: #404040;
  }
  
  .page h2 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  
  .page #formWp h2 {
    margin-bottom: 0;
  }
  
  .page h3 {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 1.6rem;
    line-height: 1;
    color: #888;
  }
  
  .page #content {
    padding-top: 57px;
  }
  
  .page #contentarea {
    margin-bottom: 64px;
    font-size: 1.4rem;
    line-height: 1.6;
  }
  
  #contentarea ul li {
    position: relative;
    padding-left: 15px;
  }
  
  #contentarea ul li:before {
    position: absolute;
    top: 0;
    left: 2px;
    display: block;
    width: 15px;
    height: 100%;
    content: "・";
  }
  
  #contentarea ol > li {
    position: relative;
    text-indent: 15px;
    counter-increment: cnt;
  }
  
  #contentarea ol > li:before {
    position: absolute;
    top: 0;
    left: -17px;
    display: marker;
    width: 20px;
    height: 100%;
    content: "(" counter(cnt) ")";
  }
  
  #contentarea ul ol {
    margin-left: 10px;
    list-style-type: lower-alpha;
    counter-reset: cnt;
  }
  
  #contentarea ul ol li {
    padding-left: 0;
    margin-left: 20px;
    text-indent: 0;
  }
  
  #contentarea ul ol li:before {
    display: none;
  }
  
  /*-----------------------------------------
   *
   * instance start
   *
   * ----------------------------------------*/
  
  .page-template-page-instance h2 {
    margin-bottom: 15px;
  }
  
  .page-template-page-instance #contentarea {
    width: 86.5%;
    margin-right: auto;
    margin-left: auto;
  }
  
  .page-template-page-instance #contentarea .single-sns {
    margin: 15px 0;
  }
  
  .page-template-page-instance #contentarea h1 {
    padding-left: 0.5em;
    margin: 15px 0;
    font-size: 21px;
    color: #f3981e;
    border-left: 5px solid #f3981e;
  }
  
  .page-template-page-instance .mainimg-area {
    text-align: center;
  }
  
  .page-template-page-instance .mainimg-area img {
    width: 100%;
    max-width: 560px;
    height: auto;
    vertical-align: middle;
  }
  
  .page-template-page-instance h3 {
    margin: 0.5em 0;
    font-size: 18px;
    font-weight: bold;
    color: #f3981e;
  }
  
  .page-template-page-instance p + p {
    margin-top: 1em;
  }
  
  .page-template-page-instance .horizontally-area {
    margin: 30px -6.75%;
    overflow-x: auto;
    overflow-y: hidden;
  }
  
  .page-template-page-instance .horizontally-area img {
    width: auto;
    max-width: none;
    height: 269px;
    margin-right: 6.75%;
    margin-left: 6.75%;
    vertical-align: middle;
    -webkit-transform: translateZ(0px);
    -webkit-overflow-scrolling: touch;
  }
  
  .page-template-page-instance #contentarea table {
    width: 100%;
    margin: 30px 0 60px;
  }
  
  .page-template-page-instance #contentarea th,
  .page-template-page-instance #contentarea td {
    display: block;
    padding: 0.5em 1em;
  }
  
  .page-template-page-instance #contentarea th {
    color: #ffffff;
    text-align: left;
    background-color: #218bc1;
  }
  
  .page-template-page-instance #contentarea td {
    border: 1px solid #218bc1;
  }
  
  .game-overview {
    margin: 10px 0 0 0;
  }
  
  .game-icon {
    float: left;
    width: 66px;
    margin-right: 10px;
  }
  
  .game-icon img {
    width: 66px;
    height: 66px;
  }
  
  .game-summary {
    float: left;
    width: 200px;
  }
  
  .game-summary .game-title {
    font-size: 18px;
    font-weight: bold;
  }
  
  .page-template-page-instance .game-summary dd:before {
    display: inline-block;
    margin-right: 5px;
    content: ":";
  }
  
  .page-template-page-instance .game-summary dl {
    width: 204px;
    font-size: 12px;
  }
  
  .page-template-page-instance .game-summary dt {
    float: left;
  }
  
  .page-template-page-instance .game-summary dd {
    margin-left: 70px;
    text-indent: -0.35em;
  }

  .page-template-page-instance #contentarea .game-summary dd p,
  .page-template-page-instance #contentarea .game-summary dt p {
    display: inline;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .game-download-link {
    margin-bottom: 50px;
  }
  
  .game-download-link img {
    width: auto;
    height: 39px;
  }
  
  #contentarea .game-download-link {
    text-align: center;
  }
  
  #contentarea .game-download-link li {
    display: inline-block;
    padding: 0;
    margin-top: 20px;
  }
  
  #contentarea .game-download-link li:first-child {
    margin-right: 10px;
  }
  
  #contentarea .game-download-link li:before {
    width: 0;
    height: 0;
    content: "";
  }
  
  .game-movie iframe {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  
  .game-inquiry-button {
    width: 280px;
    height: 45px;
    text-indent: -9999px;
    background: url(/corp_sp/images/btn-inquiry-sp.gif) no-repeat left top;
    background-size: 280px 45px;
  }
  
  #contentarea .more {
    text-align: right;
  }
  
  #contentarea .more a {
    color: #f3981e;
    border-bottom: 1px dotted #f3981e;
  }
  /*-----------------------------------------
   *
   * recruit start
   *
   * ----------------------------------------*/
  
  h3.recruit-title {
    margin: 27px 6.75% 18.5px;
  }
  
  h3.recruit-title img {
    width: auto;
  }
  
  .recruit-table {
    width: 86.5%;
    margin: 0 auto 18px;
  }
  
  .recruit-table th,
  .recruit-table td {
    display: block;
    width: 100%;
    line-height: 1.33;
  }
  
  .recruit-table th {
    margin-bottom: 3px;
    font-weight: bold;
    color: #218bc1;
    text-align: left;
  }
  
  .recruit-table td {
    margin-bottom: 21px;
  }
  
  .recruit-table td p + p {
    margin-top: 10px;
  }
  
  .sub-recruit-button {
    margin-bottom: 110px;
    text-align: center;
  }
  
  .sub-recruit-button img {
    width: auto;
  }
  
  
  /*-----------------------------------------
   *
   * news start
   *
   * ----------------------------------------*/
  
  .blog #contentarea ul li a[target="_blank"]:after {
    display: inline-block;
    width: 10px;
    height: 8px;
    margin-left: 3px;
    content: "";
    background: url("/corp_sp/images/news-target_blank.gif") no-repeat left bottom;
    background-size: 10px 8px;
    border-bottom: none;
  }
  
  .blog #contentarea ul li a[class="pdf"]:after {
    display: inline-block;
    width: 9px;
    height: 10px;
    margin-left: 3px;
    content: "";
    background: url("/corp_sp/images/icon-pdf.gif") no-repeat right bottom;
    border-bottom: none;
  }
  
  .blog #content,
  .archive #content,
  .single #content {
    padding-top: 80px;
  }
  
  .blog #contentarea ul li:before,
  .archive #contentarea ul li:before,
  .single #contentarea ul li:before {
    content: "";
  }
  
  .blog #news h3,
  .archive #news h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #404040;
  }
  
  #news .tag-title .header {
    font-size: 1.4rem;
    color: #404040;
  }
  
  .blog #news li,
  .archive #news li {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 0;
    background: none;
  }
  
  .blog #news li div,
  .archive #news li div {
    font-weight: bold;
  }
  
  #year-list-link {
    margin: 28px 0 9px;
  }
  
  #year-list-link [name="select"] {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 1.6rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(/corp_sp/images/btn-select-sp.png);
    background-repeat: no-repeat;
    background-position: 96% 50%;
    background-size: 11px auto;
    border: solid 2px #cecece;
    border-radius: 0;
  }
  
  .blog .sns,
  .archive .sns {
    margin-top: 54px; 	
  }
  
  .single .newslist-link {
    position: absolute;
    top: 80px; 
    right: 0;
    margin: 8px 0 22px;
  }
  
  .single #content {
    position: relative;
  }
  
  .single .newslist-link a {
    margin-left: 4px;
    font-size: 1.3rem;
    color: #555;
    border-bottom: 1px dotted #f8b62d;
  }
  
  .single .newslist-link:before {
    display: inline-block;
    width: 5px;
    height: 9px;
    content: "";
    background: url(/corp_sp/images/arrow-back-sp.png) no-repeat left -4px;
  }
  
  .single #contentarea {
    margin-top: 30px;
    word-break: break-all;
  }
  
  .single .content-head {
    margin-bottom: 25px;
  } 
  
  .single .content-head h1 {
    clear: both;
    padding-top: 12px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.1;
  }
  
  .single .edit-area h2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1;
    color: #404040;
    text-align: left;
    border-bottom: none;
  }
  
  .single .edit-area h3 {
    font-weight: bold;
    line-height: 1.1;
    color: #404040;
  }
  
  .single .edit-area h4 {
    font-weight: bold;
    line-height: 1.1;
    color: #404040;
  }
  
  .single .edit-area h2 + *,
  .single .edit-area h3 + * {
    margin-top: 10px;
  }
  
  .single .edit-area .attention {
    color: #d01b1b;
  }
  
  .single .edit-area ul {
    margin: 18px 0 20px 20px;
    list-style-type: disc;
  }
  
  .single .edit-area ol {
    margin: 18px 0 20px;	
  }
  
  .single #contentarea .edit-area li {
    padding-left: 0;
  }
  
  .single .cat-icon {
    float: left;
    width: 50px;
    margin-bottom: 6px;
  }
  
  .single .date {
    float: right;
  }
  
  .single .edit-area img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
  
  .single .edit-area {
    line-height: 1.7;
  }	
  
  .single #contentarea .date {
    font-weight: bold;
  }
  
  .single .edit-area a {
    font-size: 1.4rem;
    color: #f3981e;
    text-decoration: underline dotted;
    text-decoration-color: #f8b62d;
  }
  
  .single .edit-area a[href$="jpg"],
  .single .edit-area a[href$="png"],
  .single .edit-area a[href$="gif"]{
    border: none;
  }
  
  .aligncenter,
  .alignleft,
  .alignright {
    display: block;
    margin: 0 auto;
  }
  
  .edit-area {
    padding-bottom: 1em;
    /* width: 92.5%; */
    margin: 0 auto;
    margin-right: 6.75%;
    margin-left: 6.75%;
    border-bottom: 1px solid #ced0d5;
  }
  
  .edit-area p {
    margin: 14px 0;
  }
  
  .tag-area {
    margin: 20px 0 15px;
  }
  
  #contentarea .tag-list li {
    float: left;
    padding-right: 15px;
    padding-left: 0;
  }
  
  #contentarea .tag-list li a {
    color: #f3981e;
  }
  
  #contentarea .single-sns {
    padding: 0;
    margin: 30px 0 40px;
    font-size: 0;
    text-align: center;
  }
  
  #contentarea .single-sns li {
    display: inline-block;
    padding-left: 0;
  }
  
  #contentarea .single-sns .twitter {
    width: 100px;
  }
  
  #contentarea .single-sns .facebook {
    width: 110px;
  }
  
  #contentarea .single-sns .g-plus {
    width: 60px;
    overflow: hidden;
  }
  /*-----------------------------------------
   *
   * news end
   *
   * ----------------------------------------*/
  
  /*-----------------------------------------
   *
   * contact top start
   *
   * ----------------------------------------*/
  
  .page .inquiry-button {
    padding-top: 30px;
    text-align: center;
  }
  
  .page .inquiry-button a {
    display: inline-block;
    width: 295px;
    height: 46px;
    text-indent: -9999px;
    background: url(/corp_sp/images/contact-btn.png) no-repeat;
    background-size: 100%;
  }
  /*-----------------------------------------
   *
   * contact top end
   *
   * ----------------------------------------*/
  
  
  
  /*-----------------------------------------
   *
   * contact form start
   *
   * ----------------------------------------*/
  
  #formWp {
    padding-top: 57px;
  }
  
  #formWp p {
    line-height: 1.4;
  }
  
  #formWp h3 {
    padding-left: 20px;
    margin: 2px 6.75% 18.5px;
    font-size: 16px;
    font-weight: bold;
    color: #218bc1;
    border-left: 5px solid #218bc1;
  }
  
  #formBody {
    padding-top: 4px;
  }
  
  #formBody h4 {
    margin-top: 41px;
    margin-bottom: 18px;
    font-size: 16px;
    font-weight: bold;
    color: #218bc1;
  }
  
  #formBody h4 + p {
    margin-bottom: 29px;
  }
  
  #formBody h4 + p a {
    text-decoration: underline;
  }
  
  .form-flow-area {
    margin-bottom: 23px;
    background: #a9a9a9;
  }
  
  .form-flow-area .flow-nav {
    width: 280px;
    margin: 23px auto 0;
  }
  
  .form-flow-area .flow-nav li {
    float: left;
    height: 48px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-size: 276px 48px;
  }
  
  #contact-input .form-flow-area .flow-nav li {
    background-image: url(/corp_sp/images/bg-form-flow-nav-input-sp.png);
  }
  
  #contact-confirm .form-flow-area .flow-nav li {
    background-image: url(/corp_sp/images/bg-form-flow-nav-confirm-sp.png);
  }
  
  .complete #formArea .form-flow-area .flow-nav li {
    background-image: url(/corp_sp/images/bg-form-flow-nav-complete-sp.png);
  }
  
  .form-flow-area .flow-nav .flow-input {
    width: 87px;
    background-position: left top;
  }
  
  .form-flow-area .flow-nav .flow-input.current {
    background-position: left bottom;
  }
  
  .form-flow-area .flow-nav .flow-confirmation {
    width: 113px;
    background-position: -87px top;
  }
  
  .form-flow-area .flow-nav .flow-confirmation.current {
    background-position: -87px bottom;
  }
  
  .form-flow-area .flow-nav .flow-completion {
    width: 76px;
    background-position: right top;
  }
  
  .form-flow-area .flow-nav .flow-completion.current {
    background-position: right bottom;
  }
  /*-- input start --*/
  #formWp #formHead .add-error {
    padding: 1rem;
    margin-bottom: 1rem;
    color: red;
    border: 1px solid red;
  }
  
  .formGroup {
    margin-top: 20px;
  }
  
  .formGroup a {
    color: #f8b62d;
    border-bottom: 1px dotted #f8b62d;
  }
  
  .formBox {
    margin-bottom: 25px;
  }
  
  .formBox_tit {
    font-size: 1.4rem;
    line-height: 1.0;
  }
  
  .formBox_tit .sub_tit {
    font-size:1.2rem;
    color: #999999;
  }
  
  .formBox_tit .required {
    color: #dd1c1c;
  }
  
  .formBlock select {
    font-size: 16px;
  }
  
  .formBlock input[type="text"],
  .formBlock input[type="number"],
  .formBlock input[type="email"],
  .formBlock input[type="tel"],
  .formBlock textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    font-size: 16px;
  }
  
  .formnotice{
    font-size: 12px;
  }
  
  input#entry_birth_y {
    display: inline-block;
    width: 79px;
  }
  
  input#entry_birth_m,
  input#entry_birth_d {
    display: inline-block;
    width: 43px;
  }
  
  input[type="number"][id^="entry_zip"] {
    display: inline-block;
    width: 43px;
  }
  
  .form_privacy input {
    vertical-align: top;
  }
  
  #formFoot {
    padding-top: 30px;
    text-align: center;
  }
  
  #formFoot button {
    padding: 0;
    border: none;
  }
  
  #formFoot button img {
    width: auto;
  }
  
  #ssl {
    height: 113px;
    text-align: center;
  }
  
  #ssl img {
    width: auto;
    height: 37px;
    margin-top: 18px;
  }
  /*-- input end --*/
  
  /*-- confirm start --*/
  .formConf {
    margin-bottom: 32px;
  }
  
  .formConf_tit {
    padding-bottom: 2px;
    font-size: 1.4rem;
    line-height: 1.4;
    border-bottom: 1px solid #d6d6d6;
  }
  
  .formConf_tit .sub_tit {
    font-size: 1.2rem;
    color: #999999;
  }
  
  .formConf_tit .required {
    color: red;
  }
  
  .formConfBlock {
    margin-top: 6px;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #999999;
  }
  
  #formFoot.confirmPage {
    padding: 0;
    margin-bottom: 40px;
  }
  
  #formFoot.confirmPage button {
    margin-bottom: 10px;
  }
  /*-- confirm end --*/
  
  /*-- thanks start --*/
  #formBody.contact-thanks {
    margin-top: -16px;
  }
  
  #formBody.contact-thanks p {
    margin-bottom: 2rem;
    line-height: 1.5;
  }
  
  .complete #formHead {
    margin-top: 23px;
    margin-bottom: 58px;
  }
  
  .complete a {
    text-decoration: underline dotted;
    text-decoration-color: #f3981e;
    border: none;
  }
  
  .complete a.home_link:before {
    /*
    width: 6px;
    height: 6px;
    margin-bottom: 1px;
    display: inline-block;
    content: "";
    border-top: solid 1px #f8b62d;
    border-right: solid 1px #f8b62d;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    */
  }
  /*-----------------------------------------
   *
   * contact form end
   *
   * ----------------------------------------*/
  
  
  
  /*-----------------------------------------
   *
   * 404 File not found. start
   *
   * ----------------------------------------*/
  
  .error404 {
    font-size: 1.4rem;
  }
  
  .error404 #content {
    padding-top: 112px;
  }
  
  .error404 #content h2 {
    position: static;
    padding-bottom: 56px;
    border: none;
  }
  
  .error404 #content h2 img {
    position: static;
    display: block;
    margin: 0 auto;
    border: none;
  }
  
  .error404 #content h3 {
    padding-bottom: 5px;
    margin: 0;
    font-size: 1.7rem;
    color: #888;
    border: none;
  }
  
  .error404 #content p {
    font-size: 1.2rem;
  }
  
  .error404 #content .error_link {
    margin-top: 32px;
    margin-bottom: 50px;
  }
  /*-----------------------------------------
   *
   * 404 File not found. end
   *
   * ----------------------------------------*/