@charset "utf-8";
/**/ html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
h1,h2,h3,h4,h5.h6 {
margin:0;
padding:0;
}
p {
margin:0 0 1em 0;
}
td,
th {
margin:0;
padding:0;
}
dl,dd,dt {
margin:0;
padding:0;
}
ul,li {
list-style-type:none;
margin:0;
padding:0;
}
a {
color:#0499CC;
}
a:hover {
color:#666;
text-decoration:none;
}
a:hover img {
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
.clear {clear:both;}
.clearfix:after {
content:".";
display:block;
height:0;
clear: both;
visibility:hidden;
}
.clearfix {display:inline-block;} * html .clearfix {height:1%; }
.clearfix {display:block;} * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} html {
height: 100%;
}
body {
font-family: 'Montserrat',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #333;
font-size:15px;
line-height:2.0;
letter-spacing:-0.001em;
-webkit-text-size-adjust: 100%;
text-align:center;
height: 100%;
}
img {
max-width:100%;
height:auto;
}
.ie8 img {
width:auto;
}
#wrapper {
width:100%;
position: relative;
overflow:hidden;
letter-spacing: 0.1em;
} #header {
border-bottom:1px solid #CCC;
box-shadow:1px 1px 6px #CCC;
z-index:1000;
}
.headerbox {
width:1180px;
margin:0 auto;
padding: 16px 0 14px 0;
}
.headerbox_l {
width:30%;
float:left;
text-align:left;
padding: 0 ;
}
.headerbox_l h1 {
font-size:12px;
}
.headerbox_l h1 img {
width:180px;
vertical-align:bottom;
}
.headerbox_r {
width:64%;
float:right;
text-align:right;
padding: 1em 0 0 0;
}
.headerbox_r ul li {
display:inline-block;
line-height:1.0;
padding:0 1em;
border-right:1px solid #666;
}
.headerbox_r ul li a {
color:#333;
text-decoration:none;
}
.headerbox_r ul li a:hover {
color:#E5000C;
}
.headerbox_r ul li:last-child {
}
@media screen and (max-width: 768px) {
.headerbox {
width:100%;
margin:0 auto;
}
.headerbox_l {
width:60%;
}
.headerbox_l h1 img {
margin-left:6px;
}
.headerbox_r {
width:36%;
padding:0;
display:none;
}
.headerbox_r ul li {
display:block;
padding:0;
margin:0 0 2px 0;
}
.headerbox_r ul li:first-child {
border:none;
}
.headerbox_r ul li a {
font-size:13px;
display:inline-block;
border:1px solid #CCC;
padding:0.4em 1em;
color:#E5000C;
}
.headerbox_r ul li a:hover {
color:#FFF;
background-color:#111;
}
} .menu {
border-bottom:1px solid #E6E6E6;
}
.menubox {
width:1180px;
margin:0 auto;
z-index:500;
position:relative;
}
.menubox ul {
padding:0;
font-size:0;
}
.hnav {
width:1180px;
margin: 0 auto;
padding: 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.hnav li {
list-style: none;
}
.hnav li a {
display: block;
width:168px;
height:70px;
text-align: center;
color:#0A308F;
font-size:15px;
padding:1.8em 0 0 0;
line-height: 1.5;
text-decoration: none;
box-sizing: border-box;
}
.hnav > li:hover > a { color:#FFF;
background-color:#BDBDBD;
}
.hnav li ul {
width:196.6px;
display: none;
position: absolute;
}
.hnav li ul li a {
color: #FFF;
background-color:#BDBDBD;
text-align:left;
height: auto;
transition: 0.5s;
padding: 16px 1em 14px 1em;
}
.hnav > li li:hover > a { color: #FFF;
background-color:#BDBDBD;
text-align:left;
}
.hnav li ul li a:hover {
background-color:#F9B600;
}
.hnav li ul.lired li a:hover {
background-color:#E5000C;
}
.hnav li ul.liblue li a:hover {
background-color:#003F98;
}
@media screen and (max-width: 750px) {
.menu {
display:none;
}
} #contents {
clear:both;
width:100%;
padding:0;
position:relative;
}
.sp { display:none; }
.more,
.more2 {
clear:both;
}
.more a {
display:inline-block;
padding: 0.8em 10em;
margin: 3em 0 0 0;
color:#FFF;
font-size:16px;
text-decoration:none;
border:1px solid #CCC;
background-color:#BDBDBD;
transition: 0.6s;
}
.more a:hover {
color:#FFF;
background-color:#999;
}
.more2 a {
display:block;
padding: 0.8em 0;
margin: 3em 0 0 0;
color:#FFF;
font-size:16px;
text-decoration:none;
border:1px solid #CCC;
background-color:#BDBDBD;
transition: 0.6s;
}
.more2 a:hover {
color:#FFF;
background-color:#999;
}
@media screen and (max-width: 768px) {
.more a {
width:100%;
display:block;
font-size: 14px;
padding:0.2em 0;
margin: 2em auto 0 auto;
color: #333;
border:1px solid #B3B3B3;
background-color:#FFF;
}
.more a:hover,
.more2 a:hover {
background-color:#999;
}
.more2 a {
width:100%;
display:block;
font-size: 14px;
padding:0.2em 0;
margin: 2em auto 0 auto;
background-color:#444;
}
.sp { display:block; }
} .footer_bt {
border-top:1px solid #DDD;
padding: 2em 0 0 0;
}
.footer_bt h4 {
width:1180px;
margin:0 auto 1em auto;
font-size:20px;
font-weight:normal;
color:#4D4D4D;
text-align:left;
}
.footer_btbox {
width:1180px;
margin:0 auto 2em auto;
overflow:hidden;
text-align:left;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer_btbox ul {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer_btbox ul li {
width: 20%;
padding: 0 0.5%;
}
.footer_btbox ul.footer_btbox_txt li {
width: 25%;
padding: 0 0 0 20px;
background-image: url(//www.bmia.or.jp/images/img_arrow_black.png);
background-repeat: no-repeat;
background-position: 0 0.7em;
}
.footer_btbox ul li img {
max-width: 100%;
vertical-align:bottom;
} #footer {
width:100%;
padding: 0;
border-top:1px solid #DDD;
}
.footerbox {
width:1180px;
margin:0 auto;
padding: 3em 0 2em 0;
overflow:hidden;
}
.footer_sns {
overflow: hidden;
text-align: center;
margin: 0 0 2em 0;
}
.footer_sns h4 {
margin-right:2em;
}
.footer_sns h4 img {
vertical-align:bottom;
width: 180px;
height:auto;
}
.footer_sns ul {
text-align:center;
padding:2em 0 1em 0;
}
.footer_sns ul li {
display:inline-block;
padding:0 ;
width: 56px;
}
.footer_sns ul li img {
width: 48px;
vertical-align:bottom;
}
.footerbox_r {
width:100%%;
text-align:left;
padding:0;
}
.footerbox_rmenu {
overflow:hidden;
}
.fmenubox {
width:17%;
float:left;
}
.fmenubox:nth-of-type(1) {
width:15%;
}
.fmenubox:nth-of-type(2) {
width:22%;
}
.fmenubox:nth-of-type(3) {
width:28%;
}
.fmenubox p {
font-weight:700;
margin:0;
padding:0 0 4px 0;
}
.fmenubox ul {
padding:0 ;
}
.fmenubox ul li {
font-size:13px;
line-height:1.3;
margin-bottom:0.5em;
}
.fmenubox ul li a {
color:#333;
}
.copyright {
background-color:#333;
padding:1.5em 0;
color:#FFF;
font-size:14px;
}
.copyright p {
margin:0;
}
@media screen and (max-width: 768px) {
.footer_btbox {
width:90%;
padding: 2.5em 0 0 0;
}
.footer_bt h4 {
font-size:18px;
width:90%;
text-align:center;
margin:0 auto;
}
.footer_btbox ul li {
width: 33.33%;
padding: 0 0.5%;
}
.footer_btbox ul.footer_btbox_txt li {
width: 100%;
}
.footer_btbox ul li img {
max-width: 100%;
}
.footerbox {
width:100%;
padding: 3em 0 0 0;
}
.footer_sns {
margin:0 0 1em 0;
}
.footer_sns h4 {
width:200px;
display: inline-block;
}
.footer_sns ul li {
width: 40px;
}
.footer_sns ul li img {
width:36px;
}
.footerbox_r {
display:none;
}
.copyright {
font-size:12px;
margin: 1em 0 0 0;
}
.copyright p {
line-height: 1.4;
}
} #ptop {
color:#FFF;
padding:16px 14px;
position:fixed;
bottom:36px;
right:5%;
background-color:#BDBDBD;
border:3px solid #FFF;
border-radius:50%;
z-index: 1000;
}
#ptop a {
color:#FFF;
text-decoration:none;
}
#ptop:hover{
background:#666;
}
@media screen and (max-width: 750px) {
#ptop {
padding: 11px 8px;
bottom:80px;
right:2%;
}
} .sp_nav {
display: none;
position: absolute;
top: 0;
right: 0;
z-index:2000;
}
.sp_nav a {
display:inline-block;
padding: 24px 20px ;
}
.sp_nav img {
max-width:100px;
}
.sp_nav_inner{
position: relative;
}
#sp_nav_toggle {
}
.sp_nav_wrapper{
border: 4px solid #333;
position: absolute;
right: -320px;
top: 60px;
width: 320px;
z-index: 500;
background-color: #fff;
padding: 28px 16px;
transition: right 0.3s;
}
.sp_nav_wrapper.show{
right: 0;
}
.sp_nav_lang{
margin-bottom: 20px;
}
.sp_nav_lang ul {
width:100%;
overflow:hidden;
border:1px solid #CCC;
}
.sp_nav_lang ul li {
float:left;
font-size:12px;
font-weight:bold;
width:50%;
text-align:center;
}
.sp_nav_lang ul li a {
display:block;
color:#333;
padding:2px 0;
background-color:#FFF;
text-decoration:none;
}
.sp_nav_lang ul li a:hover,.sp_nav_lang ul li.on a {
color:#FFF;
background-color:#333;
}
.btmelma {
text-align:center;
margin: 1em 0 0.5em 0;
}
.btmelma a {
color: #FFF;
display:block;
padding: 0.5em 1em;
text-align:center;
background-color: #BDBDBD;
border: 1px solid #DDD;
text-decoration:none;
}
.btmelma a:hover {
color: #666;
background-color:#FFF;
}
.sp_nav_links_icn{
width: 100%;
margin-bottom: 20px;
}
.sp_nav_links_icn > ul{
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.sp_nav_links_icn > ul > li{
border-right: 1px solid #ddd;
width: 50%;
float: left;
font-size:12px;
text-align:center;
}
.sp_nav_links_icn > ul > li > a{
width: 100%;
padding:6px 0;
text-decoration:none;
color:#333;
}
.sp_nav_links_icn > ul > li > a:hover {
color:#FFF;
background-color:#666;
}
.sp_nav_links{
margin-bottom: 20px;
}
.sp_nav_links > ul{
border-top: 1px solid #bbb;
border-right: 1px solid #bbb;
border-left: 1px solid #bbb;
}
.sp_nav_links > ul > li{
text-align: left;
}
.sp_nav_links > ul > li > a{
font-size: 13px;
line-height: 1.0;
display: block;
padding: 14px 14px 14px 14px;
border-bottom: 1px solid #bbb;
text-decoration: none;
color:#333;
}
.sp_nav_links > ul > li.sp_nav_home > a {
color:#FFF;
background-color: #BDBDBD;
}
.sp_nav_links ul.sp_nav_child {
display: none;
background-color:#F2F2F2;
}
.sp_nav_links > ul > li > a:hover{
color: #fff;
background-color: #BDBDBD;
}
.sp_nav_links > li.sp_nav_home > a:hover {
color:#333;
background-color:#FFF;
}
.sp_nav_links ul.sp_nav_child li a {
display:block;
font-size: 13px;
color:#333;
border-bottom:1px dotted #777;
text-decoration:none;
padding: 6px 0 4px 34px;
background-image:url(//www.bmia.or.jp/images/img_arrow.png);
background-position:12px 1em;
background-repeat:no-repeat;
}
.sp_nav_links ul.sp_nav_child li a:hover {
color:#FFF;
background-color:#999;
}
.sp_nav_links ul.lired li a:hover {
color:#FFF;
background-color:#E5000C;
}
.sp_nav_links ul.liblue li a:hover {
color:#FFF;
background-color:#003F98;
}
.sp_nav_links ul.liyellow li a:hover {
color:#FFF;
background-color:#F9B600;
}
.sp_nav_links ul.sp_nav_grandchild {
display: none;
background-color:#CCC;
}
.sp_nav_links ul.sp_nav_grandchild li a {
padding: 6px 0 6px 54px;
background-position:32px 0.7em;
}
.sp_nav_close{
text-align: center;
}
.sp_nav_close > a{
display: inline-block;
padding: 4px 12px;
border: 1px solid #adadad;
background-color: #BDBDBD;
color: #fff;
font-size: 12px;
text-decoration: none;
}
@media screen and (max-width: 768px) {
.sp_nav{
width:62px;
float:left;
display: block;
text-align: right;
height: 62px;
}
.sp_nav img{
vertical-align: bottom;
}
}
@media screen and (max-width: 460px) {
.sp_nav_wrapper{
width: 280px;
right: -280px;
}
}