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

h1{color:#801351; font-size:130%;text-align:center;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{width:90%;margin:0 auto; font-size:95%; letter-spacing:-1.5px; line-height:150%;padding:10px 0;}
.b_box2{width:90%;margin:0 auto; font-size:95%; letter-spacing:-1.5px; line-height:150%;padding:10px 0 0;}


/***その1**/
#c01{padding-bottom:20px;}
#c01 .bg1{background:url("../img/pic1.png") no-repeat 97% 75%; background-size:59% auto; }


/**その2**/
#c02 .box{width:95%; margin:0 auto;font-size:90%;padding:15px 0 10px;}

/****
#c02 .box .bg2{background:url("../img/content.png") no-repeat; background-size:100% auto;padding-bottom:140px;position:relative;}
#c02 .box .bg2 .description1{position:absolute;top:32px;left:58px;}
#c02 .box .bg2 .description2{position:absolute;top:50px;left:58px;}
#c02 .box .bg2 .description3{position:absolute;top:68px;left:58px;}
#c02 .box .bg2 .description4{position:absolute;top:86px;left:58px;}
#c02 .box .bg2 .description5{position:absolute;top:104px;left:58px;}****/

#c02 .box2{width:90%; margin:0 auto;font-size:95%; letter-spacing:-1.5px; line-height:150%;}
#c02 .box2 .bg3{background:url("../img/pic2.png") no-repeat 0% 90%; background-size:60% auto; padding-bottom:150px;}

#c02 .box2 .bg3 .box3{float:right;padding-top:30px;}


.w_95 {width: 95%; margin:0 auto;padding:20px 0;}




/**その3**/
#c03 .ex{width:93%; margin:15px auto;}
#c03 .ex .left_box{width:48%;float:left; font-size:95%;}
#c03 .ex .left_box .cap2{font-size:85%; letter-spacing:-1px; line-height:120%;padding:5px 0 0 5px;}

#c03 .ex .right_box{width:48%;float:right;}
#c03 .ex .right_box .cap2{font-size:85%; letter-spacing:-1px; line-height:120%; padding:5px 0 0 5px;}

#c03 .ex .center_box{padding:15px 0;}
#c03 .ex .center_box .cap2{text-align:center; font-size:85%; letter-spacing:-0.5px; line-height:120%; padding-top:5px;}

.cap1{color:#801351; text-align:center;font-size:95%;font-weight: bold;}






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


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

/***その1**/

/**タイトル部**/
.ttl{width:95%; margin:0 auto;}
.ttl .category1{width:20%; float:left;}
.ttl .category2{width:75%; float:left;font-weight: bold;letter-spacing:-1.5px; font-size:110%;padding:12px 0 0 12px;}

#c01{padding-bottom:20px;}
#c01 .bg1{background:url("../img/pic1.png") no-repeat 97% 80%; background-size:53% auto; }

#c02 .box2 .bg3{background:url("../img/pic2.png") no-repeat 0% 100%; background-size:55% auto; padding-bottom:160px;}


}




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


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


/***その1**/

/**タイトル部**/
.ttl{width:95%; margin:0 auto;}
.ttl .category1{width:20%; float:left;}
.ttl .category2{width:75%; float:left;font-weight: bold;letter-spacing:-1.5px; font-size:130%;padding:12px 0 0 12px;}

#c01{padding-bottom:20px;}
#c01 .bg1{background:url("../img/pic1.png") no-repeat 97% 70%; background-size:60% auto; }

#c02 .box2 .bg3{background:url("../img/pic2.png") no-repeat 0% 100%; background-size:55% auto; padding-bottom:160px;}


}