@charset "utf-8";
/* ----------------------------------
メディアクエリ　モバイルレイアウト : 480pxまで
----------------------------------- */

#contentsArea{
padding:0;
}
.block{
padding:15px 0;
border-top:#d6d6d6 solid 1px;
}
#section01{
padding:0 10px 20px;
text-align: center;
border-top:none;
}
#section01 img{
margin: 0 auto;
width:275px;
height:202px;
}
.ttlWrap{
margin-bottom:10px;
display: table;
}
.ttlWrap div,
.ttlWrap h2{
display: table-cell;
vertical-align: bottom;
}
.ttlWrap div{
width: 40px;
}
.ttlWrap div img{
width: 33px;
height: auto;
}
.ttlWrap h2{
font-size:13px;
line-height: 1.2;
font-weight: bold;
color:#3fa0a4;
}
.android .tthWrap h2{
text-shadow:1px 0 1px #3fa0a4;
}
.block p{
font-size:11px;
line-height: 1.6;
}
#section05{
margin-bottom:30px;
}


/* ----------------------------------
メディアクエリ　タブレットレイアウト : 481px　〜
----------------------------------- */
@media only screen and (min-width: 481px) {


.block{
padding:30px 0;
border-top:#d6d6d6 solid 1px;
}
#section01{
padding-top:0;
margin-bottom: 0;
}
#section01 img{
width:612px;
height:230px;
}
.ttlWrap{
margin-bottom:10px;
display: table;
}
.ttlWrap div,
.ttlWrap h2{
display: table-cell;
vertical-align: bottom;
}
.ttlWrap div{
width: 50px;
}
.ttlWrap div img{
width: 40px;
height: auto;
}
.ttlWrap h2{
font-size:20px;
line-height: 1;
font-weight: bold;
color:#3fa0a4;
}
.android .tthWrap h2{
text-shadow:1px 0 1px #3fa0a4;
}
.block p{
font-size:14px;
line-height: 1.8;
}
#section05{
margin-bottom:30px;
}


}

/* ----------------------------------
メディアクエリ　デスクトップレイアウト : 769px　〜
----------------------------------- */
@media only screen and (min-width: 769px) {


}