@charset "UTF-8";

@media screen and (min-width : 768px){

	/* -------------------------------------------------------------------------------------------
	*
	* MV
	*
	* ----------------------------------------------------------------------------------------- */
  
  #mv .story_ttl{
    background-color: #EAC366;
  }
    #mv .person .line{
      background: #EAC366;
    }
  


	/* -------------------------------------------------------------------------------------------
	*
	* contents
	*
	* ----------------------------------------------------------------------------------------- */

  #contents h2::before{
    background-image: url(../../story1/images/mark_before_orange.svg);
  }
  #contents h2::after{
    background-image: url(../../story1/images/mark_after_orange.svg);
  }
  
  #contents h3::before{
    background-color: #EAC366;
  }


  
	/* -------------------------------------------------------------------------------------------
	*
	* another
	*
	* ----------------------------------------------------------------------------------------- */
  
  #another .story_cont_wrap > a:nth-of-type(1) {
    background-image: url(../../story1/images/ant_story_frame_blue.png);
  }
  
  #another .story_cont_wrap > a:nth-of-type(1) > ul > li ul.contents li.person .line {
    background: #A2CEDA;
  }




}@media screen and (max-width : 767px){
  
	/* -------------------------------------------------------------------------------------------
	*
	* MV
	*
	* ----------------------------------------------------------------------------------------- */
  
  #mv .story_ttl{
    background-color: #EAC366;
  }
  
  #mv .person .line{
    background: #EAC366;
  }



	/* -------------------------------------------------------------------------------------------
	*
	* contents
	*
	* ----------------------------------------------------------------------------------------- */

  #contents h2::before{
    background-image: url(../../story1/images/mark_before_orange.svg);
  }
  #contents h2::after{
    background-image: url(../../story1/images/mark_after_orange.svg);
  }

  #contents h3::before{
    background-color: #EAC366;
  }

  

	/* -------------------------------------------------------------------------------------------
	*
	* another
	*
	* ----------------------------------------------------------------------------------------- */
  
  #another .story_cont_wrap > a:nth-of-type(1) > ul {
    background-image: url(../../story1/images/ant_story_frame_blue.png);
  }
  
  #another .story_cont_wrap > a:nth-of-type(1) > ul > li ul.contents li.person .line {
    background: #A2CEDA;
  }

}