#mv
{
    display: block;
    width: 100%;
    height: 639px;
    background-image: url(./../img/pc/mv/bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #01a48b;
}

#mv h2
{
    display: none;
}

#mv .wrap-img
{
    display: none;
}

#mv .wrap-shout
{
    display: none;
}

#mv .btn-to-about
{
    /*@include img-bg( 204px , 204px , "./../img/pc/mv/btn_to_about.png" ) ;
		position:absolute;
		left: 20px;
    	top: 246px;*/
    display: block;
    width: 142px;
    height: 142px;
    background-image: url(./../img/sp/mv/btn_to_about.png);
    background-repeat: no-repeat;
    background-size: 142px 142px;
    background-position: 0px 0px;
    position: absolute;
    left: 50%;
    top: 459px;
    margin-left: -314px;
}

#mv .btn-to-about .arrow
{
    display: block;
    width: 17px;
    height: 17px;
    background-image: url("./../img/sp/mv/btn_to_about_arrow.png");
    background-repeat: no-repeat;
    background-size: 17px 17px;
    background-position: 0px 0px;
    position: absolute;
    left: 63px;
    top: 107px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#new
{
    background-color: #01a48b;
    margin: -1px 0;
    display: block;
    width: 100%;
    background-image: url(./../img/pc/new/doubble_border.png);
    background-repeat: repeat-x;
    background-position: top center;
    padding-bottom: 110px;
}

#new h3
{
    display: block;
    width: 100%;
    height: 120px;
    background-image: url(./../img/pc/new/h3.png);
    background-repeat: no-repeat;
    /* background-size: 640px 175px; */
    background-position: center;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#new .gimlet
{
    display: block;
    width: 438px;
    height: 549px;
    background-image: url("./../img/pc/new/gimlet.png");
    background-repeat: no-repeat;
    background-size: 438px 549px;
    background-position: 0px 0px;
    margin: 76px auto 0;
    /*left: -7px;*/
    /*display: block;
		width: 700px;
		height: 562px;
		background-image: url(./../img/pc/new/uriel_1.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		margin: 49px auto 30px;*/
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#new .satan
{
    display: block;
    width: 451px;
    height: 556px;
    background-image: url("./../img/pc/new/satan.png");
    background-repeat: no-repeat;
    background-size: 451px 556px;
    background-position: 0px 0px;
    margin: 79px auto 0;
    /*left: -7px;*/
    /*display: block;
		width: 700px;
		height: 562px;
		background-image: url(./../img/pc/new/uriel_1.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		margin: 49px auto 30px;*/
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#new .uriel-1
{
    display: block;
    width: 449px;
    height: 555px;
    background-image: url("./../img/pc/new/uriel_1.png");
    background-repeat: no-repeat;
    background-size: 449px 555px;
    background-position: 0px 0px;
    margin: 77px auto 0;
    /*left: -7px;*/
    /*display: block;
		width: 700px;
		height: 562px;
		background-image: url(./../img/pc/new/uriel_1.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		margin: 49px auto 30px;*/
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#new .link-to-detail
{
    display: block;
    width: 198px;
    height: 20px;
    background-image: url("./../img/sp/new/link_to_detail.png");
    background-repeat: no-repeat;
    background-size: 198px 20px;
    background-position: 0px 0px;
    margin: 32px auto 0;
    cursor: pointer;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#new .uriel-2
{
    display: block;
    width: 450px;
    height: 553px;
    background-image: url("./../img/pc/new/uriel_2.png");
    background-repeat: no-repeat;
    background-size: 450px 553px;
    background-position: 0px 0px;
    margin: 77px auto 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    /*display: block;
		width: 700px;
		height: 562px;
		background-image: url(./../img/pc/new/uriel_2.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		margin: 30px auto;*/
}

#about
{
    background-color: #01ad9c;
}

#about h3
{
    width: 100%;
    height: 80px;
    background-color: #000;
}

#about h3 a
{
    display: block;
    width: 100%;
    height: 100%;
}

#about h3 a div
{
    background-image: url(./../img/pc/about/h3.png);
    background-position: 0% center;
    background-size: auto 38px;
    background-repeat: no-repeat;
    width: 362px;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#about h3 a > div:after
{
    content: " ";
    display: block;
    width: 29px;
    height: 29px;
    background-image: url("./../img/sp/about/btn_open.png");
    background-repeat: no-repeat;
    background-size: 29px 29px;
    background-position: 0px 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 10px;
}

#about h3 a.opened > div:after
{
    content: " ";
    display: block;
    width: 29px;
    height: 29px;
    background-image: url("./../img/sp/about/btn_close.png");
    background-repeat: no-repeat;
    background-size: 29px 29px;
    background-position: 0px 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 10px;
}

#about .wrap-content
{
    overflow: hidden;
}

#about .wrap-content .step-1
{
      /*@include img-bg( 619px , 1090px , "./../img/pc/about/step_1.png" ) ;
			margin:34px auto 0;*/
    display: block;
    width: 700px;
    height: 914px;
    background-image: url(./../img/pc/about/step_1.png);
    background-repeat: no-repeat;
      /* background-size: 619px 1090px; */
    background-position: 0px 0px;
    margin: 39px auto 20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#about .wrap-content .step-2
{
      /*@include img-bg( 560px , 725px , "./../img/pc/about/step_2.png" ) ;
			margin:34px auto 0;*/
    display: block;
    width: 700px;
    height: 541px;
    background-image: url(./../img/pc/about/step_2.png);
    background-repeat: no-repeat;
      /* background-size: 619px 1090px; */
    background-position: 0px 0px;
    margin: 40px auto 20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#about .wrap-content .step-3
{
      /*@include img-bg( 560px , 767px , "./../img/pc/about/step_3.png" ) ;	
			margin:44px auto 0;*/
    display: block;
    width: 700px;
    height: 570px;
    background-image: url(./../img/pc/about/step_3.png);
    background-repeat: no-repeat;
      /* background-size: 619px 1090px; */
    background-position: 0px 0px;
    margin: 58px auto 20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#about .wrap-content .ryuheisan
{
      /*@include img-bg( 539px , 249px , "./../img/pc/about/ryuheisan.png" ) ;	
			margin:36px auto 0;*/
    display: block;
    width: 700px;
    height: 190px;
    background-image: url(./../img/pc/about/ryuheisan.png);
    background-repeat: no-repeat;
      /* background-size: 619px 1090px; */
    background-position: 0px 0px;
    margin: 49px auto 20px;
    padding-bottom: 60px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}