@charset "utf-8";
/* CSS Document */

@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url("RightMainContent.css");
@import url("Parts.css");
@import url("highway.css");
@import url("bus.css");
@import url("nightbus.css");
@import url("bustour.css");
@import url("Parts.css");

/*テーブル設定*/
@import url("Table.css");


body{
font-family: 'Noto Sans JP',sans-serif !important;
font-style: normal;
font-size:.9rem;
font-weight: 400;
color: #222;
}

html {
position: relative;
min-height: 100%;
}

a:hover{
text-decoration: none;
}

.gMap iframe{
width: 100%;
height: auto;
min-height: 300px;
}

.fs-s {
font-size:.6rem;
}

.Btn-fs-L {
font-size:1rem;
padding:0.3rem 0.6rem !important;
letter-spacing:normal;
/*letter-spacing: 1rem; */
}

.Btn-fs-LB {
font-size:1rem !important;
padding:0.3rem 0.6rem !important;
letter-spacing: .6rem;
font-weight: bold;
}

/*color*/

.red {
color: #C80D79;
}
.pink {
color: #f81781;
}
a[href^="tel:"] { cursor: default; color: #222;}

/*Header*/

header{
background:linear-gradient(#fff 70%, #f0f0f0 100%);
border-bottom: 1px solid #fff;
position:relative;
}
header section{
border-bottom: 1px solid #e5e5e5;
padding: 10px 0px;
font-size: 0.8rem;
font-weight: bold;
}

header section .container{
position: relative;
}

header section a.nav-link:before {
font-family: "Font Awesome 5 Free";
content: "\f138";
font-weight : 900;
margin-right: 5px;
color: #00377e;
}
header section a.nav-link:hover:before{
color: #c8006b !important;
}

header section .container img{
position: absolute;
width: 19%;
left: 15px;
top:0;
bottom:0;
margin: auto;
}

header nav{
font-size: .94rem;
font-weight: bold;
}

header nav .nav-pills {
display: flex;
display: -ms-flexbox;
flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
width: 100%;
position:relative;
}
header nav .nav-pills > li {
display: flex;
display: -ms-flexbox;
width: 100%;
}

header nav .nav-link{
width:100%;
padding: 30px 0px 25px;
transition:.4s;
position:relative;;
}
header nav li.nav-item{
margin-right: 1px;
}

header nav li.nav-item:nth-of-type(1):hover .nav-link{
color:#55c125;
}
header nav li.nav-item:nth-of-type(2):hover .nav-link{
color:#f8821e;
}
header nav li.nav-item:nth-of-type(3):hover .nav-link{
color:#559fd9;
}
header nav li.nav-item:nth-of-type(4):hover .nav-link{
color:#bcbcbc;
}
header nav li.nav-item:nth-of-type(5):hover .nav-link{
color:#f82b17;
}
header nav li.nav-item:nth-of-type(6):hover .nav-link{
color:#00377e;
}

header nav li.nav-item > a:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    height:4px;
    width:100%;
    animation-duration: .4s;
}
header nav li.nav-item:nth-of-type(1) > a:after{
background:#55c125;
}
header nav li.nav-item:nth-of-type(2) > a:after{
background:#f8821e;
}
header nav li.nav-item:nth-of-type(3) > a:after{
background:#559fd9;
}
header nav li.nav-item:nth-of-type(4) > a:after{
background:#bcbcbc;
}
header nav li.nav-item:nth-of-type(5) > a:after{
background:#f82b17;
}
header nav li.nav-item:nth-of-type(6) > a:after{
background:#00377e;
}
header nav li.nav-item:nth-of-type(7) > a:after{
background:#c8006b;
}

header nav li.nav-item:hover > a:after {
    animation-name:menuAnime;
    animation-timing-function: liner;
}

@keyframes menuAnime {
    0% {
        width:0%;
    }
    20% {
        width:0%;
    }
    100% {
        width:100%;
    }
}


header .nav-link{
color: #222;
}
.navbar-toggler {
padding: 0.25rem 0;
}
.navbar-toggler-icon {
width:40px;
height:29px;
background:url(../img/menu-button.png) no-repeat;
background-size:100% auto;
}

.hover-links {
display:none;
width:100%;
position:absolute;
top:100%;
left:0;
background:#f0f0f0;
border: 1px solid rgba(0, 0, 0, 0.125);
z-index:1000;
padding: 2rem;
background-color: #FFF;
}
.LineId1{
border-bottom:4px solid #55c125;
}
.LineId2{
border-bottom:4px solid #f8821e;
}
.LineId3{
border-bottom:4px solid #559fd9;
}
.LineId4{
border-bottom:4px solid #bcbcbc;
}
.LineId5{
border-bottom:4px solid #f82b17;
}
.LineId6{
border-bottom:4px solid #00377e;
}

.hover-links img{
width: 100%;
}
.hover-links a:before {
font-family: "Font Awesome 5 Free";
content: "\f138";
font-weight : 900;
margin-right: 5px;
color: #00377e;
}
.hover-links a {
display:block;
color:#000;
font-weight:normal;
padding:10px 0px 10px 0px;
text-align: left;
}
.hover-links a + a {
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.cardSingle a:after {
display:none;
}
.contact-box {
border:1px solid #00377e;
padding:15px;
}
.contact-box + .contact-box {
margin-top:20px;
}

.contact-box + .contact-box {
margin-top:20px;
}
.contact-box h3 {
margin-top:0 !important;
}
.contact-box ul {
padding:0;
list-style:none;
}
.contact-box li a {
color:#000;
font-weight:bold;
}
.contact-btm-area {
margin-top:50px;
padding:30px 30px;
border: 1px solid #d3d6de;
border-radius: 5px;
}

/*Index*/

section.Search{
background-color: #e0edfd;
}

#Index section.Search h2{
padding-left:2.4rem;
color: #00377e;
font-size: 1.2rem;
font-weight: bold;
background-image: url(../img/icon_K.png);
background-repeat: no-repeat;
background-size: 1.3rem;
background-position: left .7rem top;
}

#Index section.Search h2 + small{
color: #00377e;
font-size: .9rem;
font-weight: bold;
}

.Search-back{
/*padding: 20px;
background-color: #FFF;
border-radius: 8px;*/
}

.Search-back label,
.Search-back input,
.Search-back select{
font-size: .9rem;
}

/*slide*/

.carousel{
padding: 0 1rem;
}
.carousel-item{
border:solid 5px #FFF;
width: 100%;
/*height: 420px;*/
height: auto;
border-radius: 2px;
}

.carousel-item img{
width: 100%;
height: 100%;
}

.carousel-control-prev,
.carousel-control-next{
width: auto;
opacity: 1;
}
.carousel-indicators{
bottom:-40px;
}
.carousel-indicators li{
/*width: .5rem;*/
/*height: .5rem;*/
border-radius: 1rem;
background-color: #bcbcbc;
}
.carousel-indicators .active{
background-color: #00377e;
}
/*News*/
.News .container-fluid{
background-color: #e0edfd;
padding:0;
}
.News .nav-link{
width:100%;
background-color: #00377e;
color: #FFF;
font-size: .96rem;
font-weight: bold;
position: relative;
padding: .7rem 1rem;
border-radius: 8px 8px 0 0;
}
.News .nav-link:hover{
background-color: #FFF;
padding-left:2.4rem;
color: #00377e !important;
background-image: url(../img/icon_K.png);
background-repeat: no-repeat;
background-size: 1.3rem;
background-position: left .7rem center;
}
.News .nav-link:after{
font-family: "Font Awesome 5 Free";
content: "\f107";
font-weight : 900;
font-size: 1.6rem;
position: absolute;
right: 10px;
top:.4rem;
}
.News li a.active{
padding-left:2.4rem;
color: #00377e !important;
background-image: url(../img/icon_K.png);
background-repeat: no-repeat;
background-size: 1.3rem;
background-position: left .7rem center;
}
.News li a.active:after{
content: "" !important;
}

.News .tab-content li{
border-bottom: 1px dashed #e5e5e5;
padding: 10px 0;
line-height: 24px;
margin: auto 0px;
}
.News .tab-content li A{
font-size: .9rem;
line-height: 1.0rem;
}
.Newsicon{
width: 100%;
height: 24px;
border-radius: 22px;
text-align: center;
color: #fff;
font-size: .8rem;
}
.Type01{
background-color: #55c125;
}
.Type01:before {content: "路線" }

.Type02{
background-color: #f8821e;
}
.Type02:before {content: "高速" }

.Type03{
background-color: #00377e;
}
.Type03:before {content: "その他" }

.Type04{
background-color: #FFF;
}
.Type04:before {content: "" }

.Type05{
background-color: #0cc1b2;
}
.Type05:before {content: "採用" }

.Type06{
background-color: #c8006b;
}
.Type06:before {content: "定期券" }

.Type07{
background-color: #f81781;
}
.Type07:before {content: "イベント" }

.Type08{
background-color: #f82b17;
}
.Type08:before {content: "バスツアー" }

/*Topics*/
.Topics .container-fluid {
background-color: #f2f2f2;
}

.Topics h4{
font-size: 1.0rem;
text-align: center;
font-weight: bold;
color: #00377e;
}
.Topics h4,
.Topics span,
.Topics small{
display: block;
}

.Topics span{
width: 120px;
height: 120px;
border-radius: 50%;
background-color: #00377e;
text-align: center;
font-size: 4rem;
line-height: 120px;
color: #FFF;
margin: auto;
}

.Topics .topicsIcon{
text-align: center;
}
.Topics .topicsIcon img{
width: auto;
height: 120px;
margin: auto;
}

.Topics small{
color: #222;
}

.Topics a:hover h4,
.Topics a:hover small{
color: #c8006b;
}
.Topics a:hover span{
background-color: #c8006b;
}

/*AttentionNews*/

.AttentionNews .Ttl{
background-color: #b70000;
color: #FFF;
position: relative;
padding: 1.2rem 1rem;
}
.AttentionNews .Ttl h4{
font-size: 1.0rem;
position: absolute;
height: 20px;
top:0;
bottom:0;
margin: auto;
}
.AttentionNews .Ttl h4:before{
font-family: "Font Awesome 5 Free";
content: "\f071";
font-weight : 900;
font-size: 1.0rem;
color: #ffc000;
margin-right: 10px;

}
.AttentionNews .txtBody{
background-color: #fffeee;
color: #b70000;
padding: .5rem 1rem;
}

.AttentionNews .txtBody A{
color: #b70000;
}

/*InqArea*/
.InqArea {
background:#ebf1f9;
}

.InqArea h2{
text-align: center;
font-weight: bold;
color: #00377e;
}
.InqArea h2 em{
border-bottom: 3px solid #c8006b;
}
.InqArea h3{
font-size: 1.2rem;
text-align: center;
font-weight: bold;
}
.InqArea h4{
font-size: 1.0rem;
text-align: center;
font-weight: bold;
}
.InqArea h5{
font-size: .9rem;
text-align: center;
font-weight: bold;
}
.InqArea h6{
width: 100%;
font-size: 1.2rem;
text-align: center;
font-weight: bold;
}

.InqArea h3,
.InqArea span,
.InqArea small{
display: block;
text-align: center;
}

.InqArea span{
width: 105px;
height: 105px;
border-radius: 50%;
background-color: #c8006b;
text-align: center;
font-size: 4rem;
line-height: 105px;
color: #FFF;
margin: auto;
}

.InqArea .back-bd-left{
background-image: url(../img/line_1px_left.png);
background-repeat: no-repeat;
background-position: right center;
}

/*Form*/

.btn{
width: 100%;
}
.btn-primary{
background-color: #c8006b;
border-color: #c8006b;
font-weight: bold;
border-radius: 8px;
position: relative;
padding: .6rem;
}
.btn-primary:hover{
background-color: #e40056;
border-color: #e40056;
}
.searchIcon:before{
font-family: "Font Awesome 5 Free";
content: "\f002";
font-weight : 900;
font-size: 1.2rem;
position: absolute;
left: 10px;
top:.15rem;
bottom:.3rem;
margin: auto;
}

.btn-secondary{
background-color: #00377e;
border-color: #00377e;
position: relative;
font-size: .9rem;
padding-left: 22px;
}
.btn-secondary:hover{
background-color: #FFF;
border-color: #00377e;
color: #00377e;
}
.btn-secondary:hover:before{
color: #00377e;
}
.btn-secondary:before{
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight : 900;
font-size: 1.0rem;
position: absolute;
    top:50%;
    transform:translateY(-50%);
left: 10px;
margin: auto;
}

.btn-info{
background-color: #fff;
border-color: #bcbcbc;
color: #222;
position: relative;
font-size: .9rem;
}
.btn-info:hover{
background-color: #c8006b;
border-color: #c8006b;
}
.btn-info:hover:before{
color: #FFF;
}

.btn-info:before{
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight : 900;
font-size: 1.0rem;
position: absolute;
left: 10px;
color: #c8006b;
margin: auto;
}


/*Footer*/

footer article{
background-color: #00377e;
padding: 18px 0px;
text-align: center;
color: #fff;
font-size: 0.8rem;
}

/*TopLink*/
.pageTop{
display: none;
position: fixed;
right: 40px;
bottom: 40px;
z-index: 1;
}
a.TopLink{
display: block;
position: relative;
background-image: url(../img/icon_toplink.png);
background-repeat: no-repeat;
background-position: center top .8rem;
background-color: #00377e;
border-radius: 4px;
width: 3.4rem;
height: 3.4rem;
color: #FFF;
}
a.TopLink small{
position: absolute;
bottom: .2rem;
left: 1em;
right: 1em;
margin: auto;
display: block;
font-size: .6rem;
}
a.TopLink:hover{
background-color: #c8006b;
}


/*--------------------------------------------------------
Contents
----------------------------------------------------------*/

section.Ttl{
background-color: #e0edfd;
}

section.Ttl .pt-5{
padding-top: 1.5rem !important;
}

section.Ttl h1{
text-align: center;
color: #00377e;
margin-bottom: 0rem;
}

section.Cards{
background-color: #e5e5e5;
padding: 1rem;
}

section.Cards .col-xs-12 {
display:flex;
display:-ms-flexbox;
}
section.Cards .col-xs-12 .card {
width:100%;
}

section.CntBody h2{
border-left:8px solid #00377e;
padding: 1rem 1rem;
font-size: 1.6rem;
border-bottom: 1px solid #e5e5e5;
background:linear-gradient(#fff 70%, #f0f0f0 100%);
margin-top: 3rem;
}

section.CntBody h3{
padding: 1rem 0;
font-size: 1.2rem;
font-weight: bold;
color: #00377e;
position: relative;
margin: 2rem 0 1rem;
}
section.CntBody h3.inq{
  font-size: 1.1rem;
padding: 0 0 0.65rem 0;
margin: 0 0 1rem;
}


section.CntBody h3:before{
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
content: "";
display: block;
border-bottom: 2px solid #e5e5e5;
z-index: 0;
}
section.CntBody h3:after{
position: absolute;
top: auto;
right: auto;
bottom: -1px;
left: 0;
content: "";
display: block;
border-right: 1px solid #ffffff;
width: 100%;
height: 3px;
background: #00377e;
z-index:1;
}

section.CntBody h4{
border-left:8px solid #00377e;
padding: .5rem 1rem;
font-size: 1.0rem;
border-bottom: 1px solid #e5e5e5;
font-weight: bold;
}
section.CntBody h5{
position: relative;
}
section.CntBody h5 a{
display:block;
}
section.CntBody h5 a:after{
font-family: "Font Awesome 5 Free";
content: "\f107";
font-weight : 900;
font-size: 1.8rem;
position: absolute;
 right: 0px;
	top:-5px;
color: #00377e;
margin: auto;
}



.list-group-item.active {
color: #00377e;
background-color: #e0edfd;
border-color: #e0edfd;
font-weight: bold;
}

article a.list-group-item{
color: #222;
position: relative;
padding-left:2rem;
}
article a.list-group-item:before{
font-family: "Font Awesome 5 Free";
content: "\f0da";
font-weight : 900;
font-size: 1.2rem;
position: absolute;
 left: 10px;
	top:.6rem;
	bottom:.6rem;
color: #00377e;
margin: auto;
}

.brd1-Top{
border-top: 1px solid #FFF;
}

.breadcrumb{
background-color: rgba(0, 0, 0, 0.03);
font-size: .8rem;
}

img.thumbnail{
/*width: auto;*/
max-width: 200px;
height: auto;
margin: 20px auto 0px;
}
/*SideNavi*/

#sidebar a.list-group-item{
color: #222;
position: relative;
padding-left:2rem;
padding-right:0.2rem;
}
#sidebar a.list-group-item:before{
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight : 900;
font-size: 1.2rem;
position: absolute;
 left: 10px;
	top:.6rem;
	bottom:.6rem;
color: #00377e;
margin: auto;
}


#sidebar #PanelCollapse1 a.list-group-item,
#sidebar #PanelCollapse2 a.list-group-item,
#sidebar #PanelCollapse3 a.list-group-item,
#sidebar #PanelCollapse4 a.list-group-item{
background-color: rgba(0, 0, 0, 0.03);
padding-left:1rem;
}

#sidebar #PanelCollapse1 a.list-group-item:before,
#sidebar #PanelCollapse2 a.list-group-item:before,
#sidebar #PanelCollapse3 a.list-group-item:before,
#sidebar #PanelCollapse4 a.list-group-item:before{
content: "";
}
#sidebar #PanelCollapse1 a.list-group-item:after,
#sidebar #PanelCollapse2 a.list-group-item:after,
#sidebar #PanelCollapse3 a.list-group-item:after,
#sidebar #PanelCollapse4 a.list-group-item:after{
font-family: "Font Awesome 5 Free";
content: "\f0da";
font-weight : 900;
font-size: 1.2rem;
position: absolute;
 right: 10px;
	top:.6rem;
	bottom:.6rem;
color: #00377e;
margin: auto;
}

.PanelCollapse > a:first-of-type {
background-color: #00377e !important;
color: #FFF !important;
}
.PanelCollapse > a:first-of-type:after{
color: #FFF !important;
}
.PanelCollapse > a + a {
padding-left: 2.3rem !important;
padding-right:1.25rem;
}

.PanelCollapse > a + a:after {
left: 16px;
right:auto;
}
#sidebar .now {
background:#e0edfd !important;
color: #222 !important;
}

#sidebar .now:first-of-type:after{
color: #00377e !important;
}

.panel-open {
display:block !important;
}

#sidebar #PanelCollapse1 a.list-group-item:first-child,
#sidebar #PanelCollapse2 a.list-group-item:first-child,
#sidebar #PanelCollapse3 a.list-group-item:first-child,
#sidebar #PanelCollapse4 a.list-group-item:first-child{
border-top-right-radius: 0rem;
border-top-left-radius: 0rem;
}

#sidebar #PanelCollapse1 a.list-group-item,
#sidebar #PanelCollapse2 a.list-group-item,
#sidebar #PanelCollapse3 a.list-group-item,
#sidebar #PanelCollapse4 a.list-group-item{
/*border-bottom: 1px solid #FFF;*/
}

#sidebar #PanelCollapse1 a.list-group-item:last-child,
#sidebar #PanelCollapse2 a.list-group-item:last-child,
#sidebar #PanelCollapse3 a.list-group-item:last-child,
#sidebar #PanelCollapse4 a.list-group-item:last-child{
border-bottom-right-radius: 0rem;
border-bottom-left-radius: 0rem;
}

footer .nav-link {
color: #222;
font-weight:bold;
font-size:.8rem;
}
footer > .nav {
border-top: 1px solid #e5e5e5;
}

footer a.nav-link:before {
font-family: "Font Awesome 5 Free";
content: "\f138";
font-weight : 900;
margin-right: 5px;
color: #00377e;
}
footer a.nav-link:hover:before{
color: #c8006b !important;
}

/*よくある質問Footer*/

.InquaryFooter{
border: dotted 2px #00377e;
margin-top:3rem;
padding: 1rem 2rem;
background-color: #f2f2f2;
}

.InquaryFooter h5.Ttl{
text-align: center;
font-size: 1.4rem;
font-weight: bold;
color: #00377e;
padding: 1rem 0rem;
}

.InquaryFooter h6{
font-weight: bold;
}

.InquaryFooter span {
width: 90px;
height: 90px;
border-radius: 0.6rem;
border: solid 2px #00377e;
background-color: #FFF;
text-align: center;
font-size: 3.4rem;
line-height: 93px;
color: #00377e;
margin: auto;
display: block;
}

@media(min-width:992px){
.Inq-txt a{
display:none;
}
}
@media(max-width:991px){
.hover-links {
display:none !important;
}
.Search-back {
order:1;
-webkit-order:1;
}
.carousel {
padding:0;
}
.carousel-item{
height:auto;
}
.carousel-item img {
width:100%;
height:auto;
}
.carousel-indicators {
bottom:0;
}
.Slider {
margin-bottom:15px;
margin-right:-15px;
margin-left:-15px;
padding:0;
width:calc(100% + 30px);
max-width:none;
flex-basis:auto;
-ms-flex-preferred-size: auto;
}
.InqArea h2 {
font-size:1.7rem;
margin-bottom:1rem !important;
}
.InqArea .back-bd-left {
background:none;
border-bottom:1px solid #bcbcbc;
}
.InqArea span {
margin-left:0;
margin-right:20px;
flex-shrink:0;
-webkit-flex-shrink:0;
}
.Inq-wrap {
display:flex;
display:-webkit-flex;
align-items:center;
-webkit-align-items:center;
justify-content:flex-start;
-webkit-justify-content:flex-start;
position:relative;
margin-right:-15px;
margin-left:-15px;
width:calc(100% + 30px);
padding:20px 20px 20px 0;
}
.Inq-txt {
display:flex;
display:-webkit-flex;
align-items:flex-start;
-webkit-align-items:flex-start;
justify-content:flex-start;
-webkit-justify-content:flex-start;
flex-direction:column;
-webkit-flex-direction:column;
}
.InqArea h3, .InqArea small {
text-align: left;
}
.InqArea h3{
margin-bottom:0;
}
.Inq-txt a {
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
height:100%;
display:flex;
display:-webkit-flex;
align-items:center;
-webkit-align-items:center;
justify-content:flex-end;
-webkit-justify-content:flex-end;
font-size:40px;
color:#033888;
}
.Topics .row-eq-height > div{
margin-top:20px;
}

#RightMainContent {
order:1;
margin-top:20px;
}
}
@media(min-width:768px) and (max-width:991px){
.Search-back {
margin-right:-15px;
margin-left:-15px;
flex-basis:auto;
-ms-flex-preferred-size: auto;
max-width:none;
width:calc(100% + 30px);
}
}

@media(min-width:768px){
#HeaderTop .navbar-toggler {
display:none;
}
#HeaderTop .collapse {
display:block;
}
}
@media(max-width:767px){

a[href^="tel:"] { color: #007bff; }

header section {
padding: 5px 0px;
}
header section .container img {
position:static;
width:170px;
height:auto;
}
.header-top {
display:flex;
display:-webkit-flex;
align-items:center;
-webkit-align-items:center;
justify-content:space-between;
-webkit-justify-content:space-between;
}
.container {
max-width:100%;
}
header nav .nav-pills {
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
margin-right:-15px;
margin-left:-15px;
width:auto;
}
header nav .nav-pills > li {
display: block;
width: 50%;
flex-grow:0 !important;
margin-right:0 !important;
}
header nav .nav-pills > li:nth-of-type(odd) {
border-right:1px solid #e5e5e5;
}
.News div > .nav-tabs {
margin-right:-10px;
margin-left:-10px;
}
.News .nav-item {
width:50%;
padding-right:10px;
padding-left:10px;
display:flex;
display:-webkit-flex;
justify-content:stretch;
-webkit-justify-content:stretch;
}
.News .nav-link:after {
font-size: 1rem;
top:.6rem;
}
.Topics small {
text-align:center;
}
.Cards > div > div + div {
margin-top:15px;
}

.InquaryFooter h5.Ttl{
text-align: left !important;
}

A.Sitemap{
display: none;
}

footer > .nav {
width: 100%;
display: block !important;
flex-wrap: nowrap;
}

.NewsAreaIn{
padding: 20px !important;
}

}
@media(max-width:575px){
.btn-secondary {
font-size: .8rem;
}
.btn-secondary:before {
font-size:.8rem;
}
.News .nav-link {
font-size: .75rem;
padding-right:1.6rem;
}
}

/*PinPanコーナー*/
.PinPanBody{
background-image: url(../../common/images/fan/body_back.jpg);
background-repeat: repeat;
}

.PinPanArea{
width: auto;
max-width: 910px;
margin: auto;
background-color: #FFF;
padding: 2rem;
}

.PinPanArea img{
width: 100%;
margin: auto;
}

.PinPanArea A{
text-align: center;
}

.PinPanArea A img{
width: 100%;
max-width: 400px;
}

/*SiteMap*/

footer article .container{
position: relative;
}

A.Sitemap:before{
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight : 900;
font-size: 1.0rem;
position: absolute;
left: 0px;
top:0;
color: #FFF;
margin: auto;
}

A.Sitemap{
position: absolute;
left: 0px;
color: #FFF;
padding: 2px 0px 0px 15px;
}

.SiteMapArea A:before{
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight : 900;
font-size: 1.0rem;
color: #00377e;
position: absolute;
left: 0px
}

.SiteMapArea A{
position: relative;
display: block;
padding: 5px 0px 5px 15px;
}

/*NewsArea*/

.NewsAreaIn{
padding: 40px;
border: 1px solid #bdbcbd;
}

#DigiCertClickID_kzXVLTI4{
padding: 20px auto;
}
#DigiCertClickID_kzXVLTI4 span{
height: auto !important;
}


.pdf-links a:before {
font-family: "Font Awesome 5 Free";
content: "\f0da";
font-weight: 900;
font-size: 1.2rem;
color: #00377e;
margin: auto;
padding: 0 10px;
}


#carouselButtons {
  position: absolute;
  bottom: -35px;
  right: 27px;
}

#carouselButtons .btn {
    width: 26px;
    border-radius: 2px;
    opacity:0.9;
    padding: 0.1rem 0.5rem;
}
#carouselButtons .btn-light {
    color: #00377e;
    background-color:#fff;
    border-color: #fff;
}
@media (max-width: 992px) {
  #carouselButtons {
    position: absolute;
    bottom: 10px;
    right: 27px;
  }
.carousel-inner{
    padding: 0 0 3rem 0;
}
.carousel-control-prev img,
.carousel-control-next img{
    margin: 0 0 1rem 0;
}
}