/* *************************************************************************************
/*+  common  +**************************************************************************
/************************************************************************************* */
/* *****************************************
/*+  initialize  +**************************
/***************************************** */
/*+ block + ------------------------------ */
/* *****************************************
/*+  intro  +*******************************
/***************************************** */
/*+ block + ------------------------------ */
#intro {
  background: #fbcb41; }
  #intro p {
    text-align: center; }

/* *****************************************
/*+  case  +********************************
/***************************************** */
/*+ block + ------------------------------ */
#case {
  background: #fbcb41; }
  #case .case .swap-image {
    background: #fff; }

/* *****************************************
/*+  catalog-banner  +**********************
/***************************************** */
/*+ block + ------------------------------ */
.catalog-banner {
  background: #fbf8ec; }

/* *************************************************************************************
/*+  PC  +******************************************************************************
/************************************************************************************* */
@media print, screen and (min-width: 768px) {
  /* *****************************************
  /*+  main-visual  +*************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #main-visual {
    background: url(../../samui_ie/images/ind-main-bg.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    #main-visual h1 {
      background: url(../../samui_ie/images/ind-main-rpt.png) repeat-x 0 167px; }

  /* *****************************************
  /*+  intro  +*******************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #intro h1 {
    margin-bottom: 120px;
    height: 180px;
    background: #fbf8ec; }

  /* *****************************************
  /*+  case  +********************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #case {
    padding: 30px 0 60px; }
    #case .case {
      padding-bottom: 40px;
      width: 560px;
      float: left; }
      #case .case:nth-of-type(odd) {
        margin-right: 80px; }
      #case .case h2 {
        margin-bottom: 0; }

  /* *****************************************
  /*+  catalog-banner  +**********************
  /***************************************** */
  /*+ block + ------------------------------ */
  .catalog-banner .inner {
    padding: 60px 0; } }
/* *************************************************************************************
/*+  SP  +******************************************************************************
/************************************************************************************* */
@media print, screen and (max-width: 767px) {
  /* *****************************************
  /*+  intro  +*******************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #intro .inner {
    margin: 0; }
  #intro h1 {
    margin-bottom: 2%; }
  #intro p img {
    width: auto;
    height: 9.46667vw; }

  /* *****************************************
  /*+  case  +********************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #case {
    padding-bottom: 8%; }
    #case .inner {
      margin: 0; }
    #case .case {
      margin: 0 1.33333%;
      padding: 2% 0; }

  /* *****************************************
  /*+  catalog-banner  +**********************
  /***************************************** */
  /*+ block + ------------------------------ */
  .catalog-banner .inner {
    padding: 8% 0; } }