@charset "utf-8";
body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
img { max-width: 100%;  height: auto;}
h1,h2,h3,h4,h5,h6,th { font-family: "メイリオ","Noto Sans JP","Hiragino Kaku Gothic ProN","sans-serif"; font-weight:650;}
a { color: #007bff; text-decoration: none; background-color: transparent; transition: all .2s ease-in-out;}

#globalheader { background: #fff;}
.inner { max-width: 1320px; margin: 0 auto;}
.header .inner { position: relative; height: 100px;}
.header__logo { line-height: 1;  margin: 0; padding: 12px 0 0;}
.header__logo img { width: 125px; vertical-align: top;}
.area-ttl { background: linear-gradient(to bottom, rgba(49,128,227,0.1) 0%, rgba(111,207,231,0.1) 100%), url('/img/bg-ttl.jpg') no-repeat 50% 50% !important;  background-size: cover; background-color: #3180e3; padding: 80px 10px; text-align: center;}
.area-ttl__ttl { margin: 0 auto; padding: 0; color: #37404a; font-weight: 600;}

.footer { color: #fff; background-color: #535353;}
.footer__company { margin: 0 0 10px; padding: 25px 0 0; font-size: 15px;}
.footer__copyright { font-size: 12px;}


.bgcontainer { padding: 3em 0;}
.bgcontainer:nth-child(even) { position: relative; background: #fafafa; border-top: #d8d8d8 solid 1px; border-bottom: #d8d8d8 solid 1px; }
.container-fluid:nth-child(even){ position: relative; background: #fafafa; border-top: #d8d8d8 solid 1px; border-bottom: #d8d8d8 solid 1px; }
.contents { max-width: 1320px; margin: 0 auto; padding: 0 15px;}

@media (min-width: 1400px) .contents, .inner { max-width: 1320px;}
@media (min-width: 1200px) .contents, .inner { max-width: 1140px;}
@media (min-width: 992px) .contents, .inner { max-width: 960px;}


.text-info {color: #17a2b8!important;}
.text-green { color: #689F38;}
.text-blue { color: #1976D2;}

.bg-graphite { background-color: #37404a; }
.bg-titanium {background-color: #78909C;}


.contents .h2, .container .h2 { position: relative; margin: 20px 0 20px; padding-bottom: 10px; border-bottom: 2px solid #cbdbbe; font-weight:650;}
.contents .h2:after, .container .h2:after { content: ""; display: block; position: absolute; bottom: -2px; left: 0; width: 20px; height: 2px; background: #689f38;}
.contents .h3, .container .h3 { position: relative; margin: 20px 0 20px; padding: 0 0 0 0.5em; border-left: 6px solid #689f38; font-weight:650;}
a.accordion-toggle:after { font-family: 'bootstrap-icons'; content: "\F237"; float: left;}
a.accordion-toggle.collapsed::after { content: "\F22B";}


.download-ca th {background-color: #1976D2; color: #fff; font-weight: bold; text-align: center; padding: 0.75rem;}
.download-ca td { text-align: center; vertical-align: middle; }
.download-ca td.head {background-color: #78909C; color: #fff; font-weight: bold; text-align: center; padding: 0.75rem;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-top: 3px solid #1976d2; background-color: #8fceec80;}