@charset "utf-8";

article a{
color:rgba(12,59,75,1);
}

/*イメージング画像*/
/*PC版*/
@media screen and (min-width:1025px){

#introduction {
background:url(../common/svgicon/bk_information.svg)center top no-repeat;
background-size:80px 80px;
padding:90px 0 0 0;
margin:50px 0;
}
#introduction p{
text-align:center;
font-weight:bold;
}
time{
margin:0 45px 20px 45px;
font-size:80%;
font-weight:bold;
}
#contentsdata{
margin:0 45px 20px 45px;
}
#contentsdata li{
margin:0 0 10px 0;
}
article h3{
margin:30px 0 20px 30px;
padding:0 0 0 10px;
border-left:8px solid rgba(12,59,75,1);
}
article h4{
margin:0 45px;
color:rgba(12,59,75,1);
line-height:1.8em;
}
article p{
margin:0 45px 20px 45px;
line-height:1.8em;
}
article p a{
color:rgba(12,59,75,1);
}
article dt {
margin:0 40px;
color:rgba(12,59,75,1);
font-weight:bold;
}


}
/*TB版よこ*/
@media screen and (min-width:781px) and ( max-width:1024px){

#introduction {
background:url(../common/svgicon/bk_information.svg)center top no-repeat;
background-size:80px 80px;
padding:90px 0 0 0;
margin:50px 0;
}
#introduction p{
text-align:center;
font-weight:bold;
}
time{
margin:0 45px 20px 45px;
font-size:90%;
font-weight:bold;
}
#contentsdata{
margin:0 45px 20px 45px;
}
#contentsdata li{
margin:0 0 5px 0;
}
article h3{
margin:30px 0 20px 30px;
padding:0 0 0 8px;
border-left:8px solid rgba(12,59,75,1);
}
article h4{
margin:0 45px;
color:rgba(12,59,75,1);
line-height:1.8em;
}
article p{
margin:0 45px 15px 45px;
line-height:1.8em;
}
article p a{
color:rgba(12,59,75,1);
}
article dt {
margin:0 40px;
color:rgba(12,59,75,1);
font-weight:bold;
}

}
/*TB版たて*/
@media screen and (min-width:481px) and ( max-width:780px){

#introduction {
background:url(../common/svgicon/bk_information.svg)center top no-repeat;
background-size:80px 80px;
padding:90px 0 0 0;
margin:50px 0;
}
#introduction p{
text-align:center;
font-weight:bold;
}
time{
margin:0 45px 20px 45px;
font-size:90%;
font-weight:bold;
}
#contentsdata{
margin:0 45px 20px 45px;
}
#contentsdata li{
margin:0 0 5px 0;
}
article h3{
margin:25px 0 15px 30px;
padding:0 0 0 8px;
border-left:6px solid rgba(12,59,75,1);
}
article h4{
margin:0 45px;
color:rgba(12,59,75,1);
line-height:1.8em;
}
article p{
margin:0 45px 10px 45px;
line-height:1.8em;
}
article p a{
color:rgba(12,59,75,1);
}
article dl{
margin:0 0 15px 0;
}
article dt {
margin:0 40px;
color:rgba(12,59,75,1);
font-weight:bold;
}

}

/*スマホ版レイアウト*/
@media screen and (max-width:480px){

#introduction {
background:url(../common/svgicon/bk_information.svg)center top no-repeat;
background-size:60px 60px;
padding:70px 0 0 0;
margin:40px 0;
}
#introduction p{
text-align:center;
font-weight:bold;
}

time{
margin:0 27px 15px 27px;
font-size:90%;
font-weight:bold;
}
#contentsdata{
margin:0 27px 10px 27px;
}
#contentsdata li{
margin:0 0 5px 0;
}
article h3{
margin:25px 0 15px 15px;
padding:0 0 0 7px;
border-left:5px solid rgba(12,59,75,1);
}
article h4{
margin:0 27px;
color:rgba(12,59,75,1);
line-height:1.8em;
}
article p{
margin:0 27px 10px 27px;
line-height:1.8em;
}
article p a{
color:rgba(12,59,75,1);
}
article dl{
margin:0 0 15px 0;
}
article dt{
margin:0 23px 3px 23px;
color:rgba(12,59,75,1);
font-weight:bold;
}
article dd{
margin:0 23px;
}

}