@charset "utf-8";
 #topimg {
background-color:#fcfcfe;
overflow:hidden;
}
.topimgbox {
width: 1180px;
margin: 0 auto;
padding: 4em 0 2em 0;
}
.topimgbox img {
width: 80%;
vertical-align:bottom;
}
@media screen and (max-width: 768px) {
#topimg {
margin: 0 0 1em 0;
}
.topimgbox {
width:100%;
padding: 2em 0 1em 0;
}
.topimgbox img {
width:100%;
}
} .index_whatsnew {
width: 1000px;
margin: 0 auto;
padding-top: 3rem;
text-align: center;
}
.index_whatsnew h2 {
font-size: 34px;
font-weight:normal;
color :#0443A4;
text-align: left;
letter-spacing: 0.1em;
}
.index_whatsnew h2 span.red {
color :#DF010E;
}
.index_whatsnew h2 span.yellow {
color :#F3B50C;
}
.whats_new_list {
width: 100%;
margin: 0 auto;
padding-top: 1em;
}
.whats_new_list dl {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.5em 0;
border-bottom: 1px solid #CCC;
}
.whats_new_list dl dt {
width: 220px;
text-align:left;
}
.whats_new_list dl dd {
flex: 1;
min-width: 0;
text-align:left;
}
@media screen and (max-width: 768px) {
.index_whatsnew {
width:90%;
margin:0 auto;
padding-top: 1rem;
}
.index_whatsnew h2 {
font-size:26px;
}
.whats_new_list dl {
display: block;
flex-wrap:inherit;
}
.whats_new_list dl dt {
width: 100%;
}
.whats_new_list dl dd {
width: 100%;
}
} .index01 {
width:1200px;
margin:0 auto;
text-align:center;
}
.index01box {
padding:6em 0 3em 0;
overflow:hidden;
}
.index01box h2 {
color: #003F98;
font-size: 34px;
font-weight:normal;
margin:0 0 1.5em 0;
letter-spacing:0.1em;
display: -webkit-flex;
display: flex;
align-items: center;
}
.index01box h2:after,
.index01box h2:before {
content: "";
flex-grow: 1;
height: 2px;
background: #003F98;
display: block;
}
.index01box h2:before {
margin-right: 60px;
}
.index01box h2:after {
margin-left: 60px;
}
.index01box section {
overflow:hidden;
width:32%;
margin:0 2% 0 0;
float:left;
}
.index01box section:nth-of-type(3n) {
margin:0;
}
.index01box dl {
}
.index01box dt img {
vertical-align:bottom;
}
.index01box dl dd {
text-align:left;
}
.index01box dl dd p {
margin:0;
}
.index01box dl dd p.day {
font-size:13px;
font-weight:700;
}
.index01box dl dd p.day span {
font-size:18px;
font-weight:normal;
color:#B3B3B3;
margin:0 0 0 12px;
}
.index01box dl dd p a {
font-size:16px;
font-weight:700;
color:#808080;
line-height:1.4;
}
@media screen and (max-width: 768px) {
.index01 {
width:90%;
margin:0 auto;
}
.index01box {
padding:3em 0 0 0;
}
.index01box h2 {
font-size:26px;
}
.index01box h2:before {
margin-right: 30px;
}
.index01box h2:after {
margin-left: 30px;
}
.index01box section {
width: 100%;
margin:0 0 3em 0;
}
} .index02 {
width:1200px;
margin:0 auto;
text-align:center;
}
.index02box {
padding: 4em 0 0 0;
overflow:hidden;
}
.index02box h2 {
color: #E5000C;
font-size: 34px;
font-weight:normal;
margin:0 0 1.5em 0;
letter-spacing:0.1em;
display: -webkit-flex;
display: flex;
align-items: center;
}
.index02box h2:after,
.index02box h2:before {
content: "";
flex-grow: 1;
height: 2px;
background: #E5000C;
display: block;
}
.index02box h2:before {
margin-right: 60px;
}
.index02box h2:after {
margin-left: 60px;
}
.index02box section {
overflow:hidden;
width:32%;
margin:0 2% 0 0;
float:left;
}
.index02box section:nth-of-type(3n) {
margin:0;
}
.index02box dl dt {
position:relative;
width: 380px;
height: 213px;
margin:0 0 0.7em 0;
overflow:hidden;
}
.index02box dl dt img {
vertical-align:bottom;
position:relative;
}
.index02box dl dt span {
position:absolute;
bottom:0;
left:0;
z-index:10;
width:120px;
font-size:15px;
text-align:center;
display:block;
color:#FFF;
background-color:#444;
}
.index02box dl dd {
text-align:left;
line-height:1.4;
font-size:14px;
padding:6px 0 0 0;
}
.index02box dl dd p a {
font-size:16px;
font-weight:700;
margin:0;
color:#333;
}
.index02box dl dd p.day {
font-weight:700;
}
@media screen and (max-width: 768px) {
.index02 {
width:90%;
margin:0 auto;
padding: 1em 0 1em 0;
}
.index02box {
padding:0;
}
.index02box h2 {
font-size:20px;
letter-spacing:0;
}
.index02box h2:before {
margin-right: 30px;
}
.index02box h2:after {
margin-left: 30px;
}
.index02box section {
width: 100%;
margin:0 0 1em 0;
}
.index02box dl {
overflow:hidden;
}
.index02box dl dt {
position:relative;
width: 35%;
height: auto;
float:left;
overflow:hidden;
}
.index02box dl dd {
width: 60%;
height: auto;
float:right;
text-align: left;
padding: 0;
overflow:hidden;
}
.index02box dl dd p a {
font-size:14px;
}
} .index03 {
padding: 4em 0 3em 0;
}
.index03box {
width:1200px;
margin:0 auto;
text-align:center;
overflow:hidden;
}
.index03box h2 {
color: #F9B600;
font-size: 34px;
font-weight:normal;
margin:0 0 1em 0;
letter-spacing:0.1em;
display: -webkit-flex;
display: flex;
align-items: center;
}
.index03box h2:after,
.index03box h2:before {
content: "";
flex-grow: 1;
height: 2px;
background: #F9B600;
display: block;
}
.index03box h2:before {
margin-right: 60px;
}
.index03box h2:after {
margin-left: 60px;
}
.index03box_l {
width:50%;
float:left;
padding:0 3em;
}
.index03box_r {
width:50%;
float:right;
padding:0 3em;
}
.index03box_l h3,
.index03box_r h3 {
font-size: 26px;
font-weight:normal;
line-height:1.4;
letter-spacing:0.1em;
margin:0.4em 0 0.8em 0;
}
.index03box_l p,
.index03box_r p {
margin:0;
}
.index03box_l img,
.index03box_r img {
width:100px;
vertical-align:bottom;
}
.index03box_l ul,
.index03box_r ul {
text-align:left;
}
.index03box_l ul li,
.index03box_r ul li {
padding:0.3em 0;
border-bottom:1px dashed #999;
}
@media screen and (max-width: 768px) {
.index03 {
padding: 1em 0;
}
.index03box {
width:90%;
margin:0 auto;
}
.index03box h2 {
font-size: 20px;
letter-spacing: 0;
}
.index03box h2:before {
margin-right: 30px;
}
.index03box h2:after {
margin-left: 30px;
}
.index03box_l {
width:100%;
float:none;
padding:0;
margin:0 0 1em 0;
}
.index03box_r {
width:100%;
float:none;
padding:0;
}
.index03box_l h3,
.index03box_r h3 {
font-size: 20px;
}
.index03box_l ul li,
.index03box_r ul li {
font-size: 13px;
line-height: 1.5;
}
} .index04 {
padding: 4em 0 2em 0;
}
.index04box {
width:1200px;
margin:0 auto;
text-align:center;
overflow:hidden;
}
.index04box h2 {
color: #003F98;
font-size: 34px;
font-weight:normal;
margin:0 0 1.5em 0;
letter-spacing:0.1em;
display: -webkit-flex;
display: flex;
align-items: center;
}
.index04box h2:after,
.index04box h2:before {
content: "";
flex-grow: 1;
height: 2px;
background: #003F98;
display: block;
}
.index04box h2:before {
margin-right: 60px;
}
.index04box h2:after {
margin-left: 60px;
}
.index04box p {
font-size:16px;
margin:0 0 1.5em 0;
}
.index04box section {
width:48%;
float:left;
margin:0 1%;
}
.index04_video{
position: relative;
width: 100%;
padding-top: 30%;
}
.index04_video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
.index04_img {
padding-top: 19px;
vertical-align:bottom;
}
@media screen and (max-width: 768px) {
.index04 {
padding: 1em 0;
}
.index04box {
width:90%;
margin:0 auto;
}
.index04box h2 {
font-size:20px;
letter-spacing: 0;
margin: 0 0 0.8em 0;
}
.index04box h2:before {
margin-right: 30px;
}
.index04box h2:after {
margin-left: 30px;
}
.index04box p {
text-align:left;
font-size: 14px;
line-height: 1.6;
}
.index04box section {
width:100%;
float:none;
margin:0 0 1em 0;
}
.index04_video{
padding-top:56.6%;
}
} .index05 {
padding: 4em 0 3em 0;
}
.index05box {
width:1200px;
margin:0 auto;
text-align:center;
overflow:hidden;
}
.index05box h2 {
color: #E5000C;
font-size: 34px;
font-weight:normal;
margin:0 0 0.8em 0;
letter-spacing:0.1em;
display: -webkit-flex;
display: flex;
align-items: center;
}
.index05box h2:after,
.index05box h2:before {
content: "";
flex-grow: 1;
height: 2px;
background: #E5000C;
display: block;
}
.index05box h2:before {
margin-right: 60px;
}
.index05box h2:after {
margin-left: 60px;
}
.index05box h3 {
color:#4D4D4D;
font-size:16px;
font-weight:normal;
line-height:1.5;
margin:0 0 3em 0;
}
.index05box h3 span {
display:block;
font-size:28px;
color:#333;
}
.index05box1 {
overflow:hidden;
padding: 2em 0 0 0;
}
.index05box2 {
overflow:hidden;
padding:4em 0 0 0;
}
.index05box section {
width:48%;
float:left;
margin:0 2% 0 0;
}
.index05box section:nth-of-type(2n) {
margin:0 0 0 2%;
}
.index05box dl {
display:table;
width:100%;
float:left;
padding:1em 0;
}
.index05box dt {
width:200px;
display:table-cell;
vertical-align:top;
padding: 8px 40px 0 0;
}
.index05box dt img {
width:100%;
vertical-align:bottom;
}
.index05box dd {
display:table-cell;
vertical-align:top;
text-align:left;
height:220px;
padding:0;
}
.index05box dd p {
line-height:1.8;
margin:0 0 1em 0;
}
.index05box dd ul li {
font-size:14px;
padding:0 0 0 20px;
background-image:url(//www.bmia.or.jp/images/img_arrow.png);
background-repeat:no-repeat;
background-position:0 0.5em;
}
@media screen and (max-width: 768px) {
.index05 {
padding: 1em 0 ;
}
.index05box {
width:90%;
margin:0 auto;
}
.index05box h2 {
font-size:20px;
letter-spacing: 0;
}
.index05box h2:before {
margin-right: 30px;
}
.index05box h2:after {
margin-left: 30px;
}
.index05box h3 {
margin:0 0 1em 0;
}
.index05box h3 span {
font-size: 20px;
}
.index05box1 {
padding: 0;
border-bottom:1px solid #B3B3B3;
}
.index05box2 {
padding: 2em 0 0 0;
}
.index05box section {
width:100%;
float:none;
margin: 0 0 1em 0;
padding:0 0 1em 0;
overflow:hidden;
height:auto!important;
border-bottom:1px dashed #B3B3B3;
}
.index05box section:nth-of-type(2n) {
margin:0 0 1em 0;
}
.index05box section:last-child {
border:none;
}
.index05box dl {
display:block;
overflow:hidden;
}
.index05box dl:last-child {
border:none;
}
.index05box dt {
width:30%;
display:table-cell;
vertical-align:top;
padding: 8px 40px 0 0;
}
.index05box dd {
display:table-cell;
vertical-align:top;
text-align:left;
height: auto;
padding:0;
}
.index05box dd p {
line-height: 1.6;
}
.index05box dd ul li {
font-size: 13px;
background-size: 6px;
}
}  .eventlist {
padding-top:2em;
overflow: hidden;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.eventlist section {
overflow:hidden;
width:32%;
margin:0 2% 0 0;
}
.entrybox-hidden{
display: none;
}
.eventlist section:nth-of-type(3n) {
margin:0;
}
.eventlist dl dt {
position:relative;
width: 380px;
height: 213px;
overflow:hidden;
margin: 0 0 0.7em 0;
}
.videobox {
position: relative;
width: 100%;
padding-top: 56.25%;
margin: 0 0 1em 0;
}
.videobox iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.eventlist dl dt img {
vertical-align:bottom;
position:relative;
width:auto;
height:100%;
}
.eventlist dl dt span {
position:absolute;
bottom:0;
left:0;
z-index:10;
min-width:120px;
padding: 0 1em;
font-size:15px;
text-align:center;
display:block;
color:#FFF;
background-color:#444;
}
@media screen and (max-width: 768px) {
.eventlist section {
width:100%;
margin:0;
}
.eventlist dl dt {
width:100%;
height:auto;
}
.eventlist dl dt img {
height:auto;
}
.eventlist dl dt span {
display:none;
}
}
.eventlist dl dd {
text-align:left;
line-height:1.4;
font-size:14px;
padding:6px 0 0 0;
}
.eventlist dl dd p a {
font-size:16px;
font-weight:700;
margin:0;
color:#333;
}
.eventlist dl dd p.day {
font-weight:700;
}
@media screen and (max-width: 768px) {
.eventlist dl dt {
position:relative;
width: 35%;
height: auto;
float:left;
overflow:hidden;
}
.eventlist dl dd {
width: 60%;
height: auto;
font-size: 12px;
float:right;
text-align: left;
padding: 0;
overflow:hidden;
}
.eventlist dl dd p a {
font-size:14px;
font-weight:700;
margin:0;
color:#333;
}
.eventlist dl dd p {
font-size: 12px;
}
.eventlist dl dd p.day {
font-size: 12px;
}
} .eventlist1 dl {
width:100%;
display:table;
margin:0 0 2em 0;
padding:0 0 2em 0;
border-bottom:1px dotted #666;
}
.eventlist1 dt {
width:200px;
text-align:center;
color:#FFF;
background-color: #F9B600;
display:table-cell;
font-size:24px;
font-weight:700;
vertical-align:middle;
}
.eventlist1 dd {
display:table-cell;
text-align:left;
padding:0 0 0 2em;
}
.eventlist1 dd p.day {
font-size:18px;
font-weight:700;
margin:0;
}
.eventlist1 dd h4 {
color:#003F98;
font-size:26px;
letter-spacing:0.1em;
}
.eventlist section.entrybox {
margin-bottom:1em;
}