@charset "UTF-8";
/* CSS Document */

h1{color:#801351; font-size:130%;padding:15px 0 3px;font-weight: bold;letter-spacing:-1.5px;text-shadow: 0.5px 0.5px 1px #DCDCDC;}



/**ステップ**/
.ttl{width:90%; margin:0 auto;}
.ttl .category1{width:20%; float:left;}
.ttl .category2{width:75%; float:left;font-weight: bold;letter-spacing:-1px; font-size:115%;padding:12px 0 0 12px;}

/**テキスト**/
.b_box{font-size:95%; letter-spacing:-1.5px; line-height:120%;padding:5px 0 0;}
.b_box2{width:90%;margin:0 auto; font-size:95%; letter-spacing:-1.5px; line-height:150%;padding:10px 0 0;}


/***step1-3*****/
#c01{width:90%; margin:0 auto;}
.step{width:25%;float:left;}
.step_h{width:70%;float:left;padding:0 0 0 10px;font-size:120%;font-weight: bold;letter-spacing:-0.5px;}

.arr{width:5%; margin:0 auto; padding:10px 0; }


/***募集要項*****/


/***
#c02 {width:93%; margin:0 auto;padding:40px 0 20px;}
#c02 .box{background:url("../img/c02.png")no-repeat;background-size:100% auto; padding-bottom:350px;position:relative;}

#c02 .box .conditions1{font-size:100%; font-weight: bold; letter-spacing:-1.5px; line-height:130%;position:absolute;top:40px;left:20px;}
#c02 .box .conditions2{font-size:100%; font-weight: bold; letter-spacing:-1.5px; line-height:130%;position:absolute;top:110px;left:20px;}
#c02 .box .conditions3{font-size:100%; font-weight: bold; letter-spacing:-1.5px; line-height:130%;position:absolute;top:250px;left:20px;}

#c02 .box .cond_body1{font-size:90%;letter-spacing:-1.5px; line-height:130%;position:absolute;top:40px;left:90px;}
#c02 .box .cond_body2{font-size:90%;letter-spacing:-1.5px; line-height:130%;position:absolute;top:110px;left:90px;}
#c02 .box .cond_body3{font-size:90%;letter-spacing:-1.5px; line-height:130%;position:absolute;top:250px;left:90px;}

****/



#c02 {width:93%; margin:0 auto;padding:40px 0 20px;}
#c02 .box{position:relative;z-index:-1;}

#c02 .box .conditions1{font-size:100%; font-weight: bold; letter-spacing:-1.5px; line-height:130%;position:absolute;top:40px;left:20px;}
#c02 .box .conditions2{font-size:100%; font-weight: bold; letter-spacing:-1.5px; line-height:130%;position:absolute;top:110px;left:20px;}
#c02 .box .conditions3{font-size:100%; font-weight: bold; letter-spacing:-1.5px; line-height:130%;position:absolute;top:250px;left:20px;}

#c02 .box .cond_body1{font-size:90%;letter-spacing:-1.5px; line-height:130%;position:absolute;top:40px;left:90px;}
#c02 .box .cond_body2{font-size:90%;letter-spacing:-1.5px; line-height:130%;position:absolute;top:110px;left:90px;}
#c02 .box .cond_body3{font-size:90%;letter-spacing:-1.5px; line-height:130%;position:absolute;top:250px;left:90px;}




/***************************************
330pxまでの幅の場合に適応される　iphone5など
***************************************/


@media screen and (max-width: 330px) {


#c02 {width:97%; margin:0 auto;padding:40px 0 20px;}
#c02 .box{position:relative;z-index:-1;}

#c02 .box .conditions1{font-size:100%; font-weight: bold; letter-spacing:-1.5px; line-height:130%;position:absolute;top:35px;left:15px;}
#c02 .box .conditions2{font-size:100%; font-weight: bold; letter-spacing:-1.5px; line-height:130%;position:absolute;top:95px;left:15px;}
#c02 .box .conditions3{font-size:100%; font-weight: bold; letter-spacing:-1.5px; line-height:130%;position:absolute;top:220px;left:15px;}

#c02 .box .cond_body1{font-size:83%;letter-spacing:-2px; line-height:130%;position:absolute;top:35px;left:85px;}
#c02 .box .cond_body2{font-size:83%;letter-spacing:-2px; line-height:130%;position:absolute;top:95px;left:85px;}
#c02 .box .cond_body3{font-size:83%;letter-spacing:-2px; line-height:130%;position:absolute;top:220px;left:85px;}


}




/***************************************
400px以上の幅の場合に適応される　iphone6 plusなど
***************************************/


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

#c02 {width:93%; margin:0 auto;padding:40px 0 20px;}
#c02 .box{position:relative;z-index:-1;}

#c02 .box .conditions1{font-size:100%; font-weight: bold; letter-spacing:-1.5px; line-height:130%;position:absolute;top:50px;left:20px;}
#c02 .box .conditions2{font-size:100%; font-weight: bold; letter-spacing:-1.5px; line-height:130%;position:absolute;top:120px;left:20px;}
#c02 .box .conditions3{font-size:100%; font-weight: bold; letter-spacing:-1.5px; line-height:130%;position:absolute;top:270px;left:20px;}

#c02 .box .cond_body1{font-size:95%;letter-spacing:-1.5px; line-height:130%;position:absolute;top:50px;left:95px;}
#c02 .box .cond_body2{font-size:95%;letter-spacing:-1.5px; line-height:130%;position:absolute;top:120px;left:95px;}
#c02 .box .cond_body3{font-size:95%;letter-spacing:-1.5px; line-height:130%;position:absolute;top:270px;left:95px;}



}