@charset "UTF-8";
/* カラー設定 */
/* 透ける背景用設定 */
/* 基本テキスト色 */
/* font関係 */
/* フォント[size,line-height,letter-spacing] */
/* 角丸 */
/* margin-bottom */
/* screenサイズ */
/* ブレイクポイント */
/*$break-smartphone:1050px;*/
/* z-index */
/* CSS Transition Easing */
/* カラー設定 */
/* 透ける背景用設定 */
/* 基本テキスト色 */
/* font関係 */
/* フォント[size,line-height,letter-spacing] */
/* 角丸 */
/* margin-bottom */
/* screenサイズ */
/* ブレイクポイント */
/*$break-smartphone:1050px;*/
/* z-index */
/* カラー設定 */
/* 透ける背景用設定 */
/* 基本テキスト色 */
/* font関係 */
/* フォント[size,line-height,letter-spacing] */
/* 角丸 */
/* margin-bottom */
/* screenサイズ */
/* ブレイクポイント */
/*$break-smartphone:1050px;*/
/* z-index */
/* RPG */
#common-contents h1 {
  background: url("image/pc/h1.png") no-repeat; }
  @media only screen and (max-width: 480px) {
    #common-contents h1 {
      background: url("image/sp/h1.png") no-repeat left top; } }
#common-contents #contents-substance {
  background-image: url(image/pc/contents-substance.png), url(../../common/css/common-contents/contents-substance.png);
  background-repeat: no-repeat, repeat-y;
  background-position: right 150px, right top; }
  #common-contents #contents-substance h2 {
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    overflow: hidden;
    line-height: 0em;
    width: 780px;
    height: 69px;
    margin: 2em 0 1em; }
    #common-contents #contents-substance h2:first-child {
      margin-top: 0; }
    @media only screen and (max-width: 480px) {
      #common-contents #contents-substance h2 {
        width: 300px;
        height: 62px; } }
  #common-contents #contents-substance > div {
    padding: 0 0 100px; }
    #common-contents #contents-substance > div > div {
      padding-bottom: 20px; }

#contents-navigation {
  background: url("image/pc/contents-navigation.png") 0 0 no-repeat;
  height: 232px;
  padding: 11px; }
  #contents-navigation ul li {
    width: 196px;
    height: 35px;
    display: block; }
    #contents-navigation ul li a {
      width: 196px;
      height: 35px;
      display: block;
      display: block;
      text-decoration: none;
      text-indent: -9999px;
      overflow: hidden;
      line-height: 0em; }
      #contents-navigation ul li a:hover {
        background-position: center bottom !important; }
    #contents-navigation ul li#navigation-contents01 a {
      background: url("image/pc/navigation-contents01.png") no-repeat top center; }
    #contents-navigation ul li#navigation-contents02 a {
      background: url("image/pc/navigation-contents02.png") no-repeat top center; }
    #contents-navigation ul li#navigation-contents03 a {
      background: url("image/pc/navigation-contents03.png") no-repeat top center; }
    #contents-navigation ul li#navigation-contents04 a {
      background: url("image/pc/navigation-contents04.png") no-repeat top center; }
    #contents-navigation ul li#navigation-contents05 a {
      background: url("image/pc/navigation-contents05.png") no-repeat top center; }
    #contents-navigation ul li#navigation-contents06 a {
      background: url("image/pc/navigation-contents06.png") no-repeat top center; }
    #contents-navigation ul li#navigation-contents07 a {
      background: url("image/pc/navigation-contents07.png") no-repeat top center; }

#contents01 h2 {
  background: url("image/pc/contents01-h2_pc.png") no-repeat;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important; }
  @media only screen and (max-width: 480px) {
    #contents01 h2 {
      background: url("image/sp/contents01-h2_sp.png") no-repeat; } }
#contents01 #contents01-01 {
  width: 780px;
  height: 675px;
  background: url("image/pc/contents01-01_pc.png") no-repeat; }
  @media only screen and (max-width: 480px) {
    #contents01 #contents01-01 {
      width: 300px;
      height: 813px;
      background: url("image/sp/contents01-01_sp.jpg") no-repeat; } }
#contents01 #contents01-02 {
  width: 780px;
  height: 414px;
  background: url("image/pc/contents01-02_pc.jpg") no-repeat; }
  @media only screen and (max-width: 480px) {
    #contents01 #contents01-02 {
      width: 300px;
      height: 386px;
      background: url("image/sp/contents01-02_sp.jpg") no-repeat; } }

#contents02 h2 {
  background: url("image/pc/contents02-h2_pc.png") no-repeat; }
  @media only screen and (max-width: 480px) {
    #contents02 h2 {
      background: url("image/sp/contents02-h2_sp.png") no-repeat; } }
#contents02 #contents02-01 {
  width: 380px;
  height: 210px;
  float: right;
  background: url("image/pc/contents02-01_pc.jpg") no-repeat; }
  @media only screen and (max-width: 480px) {
    #contents02 #contents02-01 {
      display: none; } }
#contents02 #contents02-02 {
  clear: both;
  width: 780px;
  height: 250px;
  background: url("image/pc/contents02-02_pc.jpg") no-repeat; }
  @media only screen and (max-width: 480px) {
    #contents02 #contents02-02 {
      width: 300px;
      height: 596px;
      background: url("image/sp/contents02-01_sp.jpg") no-repeat; } }

#contents03 h2 {
  background: url("image/pc/contents03-h2_pc.png") no-repeat; }
  @media only screen and (max-width: 480px) {
    #contents03 h2 {
      background: url("image/sp/contents03-h2_sp.png") no-repeat; } }
#contents03 #contents03-01 {
  width: 780px;
  height: 228px;
  background: url("image/pc/contents03-01_pc.jpg") no-repeat; }
  @media only screen and (max-width: 480px) {
    #contents03 #contents03-01 {
      width: 300px;
      height: 366px;
      background: url("image/sp/contents03-01_sp.jpg") no-repeat; } }

#contents04 h2 {
  background: url("image/pc/contents04-h2_pc.png") no-repeat; }
  @media only screen and (max-width: 480px) {
    #contents04 h2 {
      background: url("image/sp/contents04-h2_sp.png") no-repeat; } }
#contents04 p {
  width: 380px; }
  @media only screen and (max-width: 480px) {
    #contents04 p {
      width: auto; } }
#contents04 #contents04-01 {
  width: 380px;
  height: 248px;
  background: url("image/pc/contents04-01_pc.jpg") no-repeat;
  float: right; }
  @media only screen and (max-width: 480px) {
    #contents04 #contents04-01 {
      display: none; } }
#contents04 #contents04-02 {
  clear: both;
  width: 780px;
  height: 511px;
  background: url("image/pc/contents04-02_pc.jpg") no-repeat; }
  @media only screen and (max-width: 480px) {
    #contents04 #contents04-02 {
      width: 300px;
      height: 446px;
      background: url("image/sp/contents04-01_sp.jpg") no-repeat; } }

#contents05 h2 {
  background: url("image/pc/contents05-h2_pc.png") no-repeat; }
  @media only screen and (max-width: 480px) {
    #contents05 h2 {
      background: url("image/sp/contents05-h2_sp.png") no-repeat; } }
#contents05 #contents05-01 {
  width: 780px;
  height: 228px;
  background: url("image/pc/contents05-01_pc.jpg") no-repeat; }
  @media only screen and (max-width: 480px) {
    #contents05 #contents05-01 {
      width: 300px;
      height: 365px;
      background: url("image/sp/contents05-01_sp.jpg") no-repeat; } }

#contents07 h2 {
  background: url("image/pc/contents07-h2_pc.png") no-repeat; }
  @media only screen and (max-width: 480px) {
    #contents07 h2 {
      background: url("image/sp/contents07-h2_sp.png") no-repeat; } }
#contents07 #contents07-01 {
  width: 780px;
  height: 456px;
  background: url("image/pc/contents07-01_pc.jpg") no-repeat; }
  @media only screen and (max-width: 480px) {
    #contents07 #contents07-01 {
      width: 300px;
      height: 765px;
      background: url("image/sp/contents07-01_sp.jpg") no-repeat; } }
#contents07 span {
  font-size: small; }

/*
@import "main-visual";
@import "common-contents";


*/