@charset 'utf-8';

h1{margin-bottom: 20px;}
.section{margin-bottom: 30px;}

/* static-ttl-page
-------------------------------------------- */
#static .static-ttl-page{float: left;width: 355px; margin-bottom: 20px;}
#static .static-ttl-page-right{float: right;width: 355px; margin-bottom: 20px;}
#static .static-ttl-page img,#static .static-ttl-page-right img{width: calc(355px - 2px); border: 1px solid #ccc;}
.static-wrap-ttl-page:after,
.static-mini-image:after{display: block; clear: both; content: ""; height: 0.01px;}


/* static-image
-------------------------------------------- */
#static .static-main-image{margin-bottom: 20px;}

#static .static-mini-image > li{float: left;width: 216px;}
#static .static-mini-image > li:nth-child(2){margin:0 36px 20px 36px;}
#static .static-mini-image > li p{font-size:13px; text-align: center;}
#static .static-mini-image > li img{width: 216px;margin-bottom: 5px;border: solid 1px #ccc;}
#static .static-mini-image > li a{display: block;font-size: 11px;font-size: 1.1rem;text-decoration: none;}

#static .static-bottom-image{margin-bottom: 20px;}

/* brand-info
-------------------------------------------- */
#static .brand-info{display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
#static .brand-info .left-img{width: 230px;}
#static .brand-info .left-img img{width: 100%;}
#static .brand-info .right-txt{width: 490px; padding-left: 20px;}
#static .brand-info .right-txt p{margin-bottom: 10px;} 

/* clearfix
-------------------------------------------- */
.static-mini-image:after{display: block; clear: both; content: ""; height: 0.01px;}