/*================================
common
=================================*/
*,html{
font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',"メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic";
}

body {
position: relative;
padding-top:64px;
}



.table th{
white-space: nowrap;
}

a{
color:#159918;
}

a:hover,
a:active{
text-decoration:none;
color:#168249;
}

.btn{
border-radius:0;
}

#sec .container{
max-width:960px;
}

@media screen and (max-width: 991px) {
*,html{
font-size:.85rem;
}
.h2, h2 {
font-size: 1.8rem;
}

.h4, h4 {
font-size: 1.2rem;
}

.h5, h5 {
font-size: 1rem;
}
}



ol.list_parentheses{
  padding:0;
  margin:0;
}
 
ol.list_parentheses li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
ol.list_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}



/*-----------------------------------------
nav
-------------------------------------------*/
.navbar{
background:#fff;
}

.navbar-brand img{
max-width:220px;
width:100%;
}

.navbar-light .navbar-toggler{
border:none;
}

#sec .navbar{
border-bottom:#f2f2f2 1px solid; 
}

@media screen and (max-width: 991px) {
.navbar{
padding:1.1rem;
}

.navbar-toggler,
.navbar-toggler-icon{
font-size:1.2rem;
}

.jss .nav-item{
font-size:1rem;
padding:0.8rem;
}

.navbar-nav{
padding-bottom:0 !important;
}
}

@media (min-width: 992px) {
.jss .nav-item{
border-right: 1px solid #bbbcbc;
font-weight:bold;
position:relative;
}

.jss .nav-item::before{
content: "\f3d0";
position: absolute;
bottom:-12px;
right:45%;
font-family: "Ionicons" !important;
font-size: 16px;
font-weight:normal;
color:#b6b6b6;
}

.jss .nav-item:hover::before{
bottom:-16px;
}

.jss .nav-item:first-child{
border-left: 1px solid #bbbcbc;
}

.navbar-brand img{
max-width:350px;
width:100%;
}
}

/*-----------------------------------------
back_btn
-------------------------------------------*/
#back_btn .btn{
font-weight:200;
padding:0.5rem 3rem;
}


/*-------------------------------------------
breadcrumb
-------------------------------------------*/
.breadcrumb{
border-radius:0;
background:none;
margin-bottom:0;
}

.breadcrumb-item{
padding: 0 0.3rem;
}

.breadcrumb-item + .breadcrumb-item::before {
padding-right: 0.8rem;
padding-left: 0.6rem;
}

.breadcrumb-item + .breadcrumb-item::before{
font-family: "Ionicons" !important;
content:"\f3d3";
}

/*-------------------------------------------
slider
-------------------------------------------*/
.carousel-control-prev span,
.carousel-control-next span{
font-size:70px;
}


.carousel-caption h3 {
font-weight:900;
font-size:3.3rem;
text-shadow:2px 2px 3px #53686b;
}

.carousel-caption p {
font-weight:500;
font-size:1.2rem;
text-shadow:2px 2px 3px #53686b;
padding-top:0.5rem;
}


 .carousel-indicators{
bottom: 3.3rem;
 }
 
 .carousel-caption {
    bottom: 3.5rem;
}

.carousel-inner .carousel-item {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
	transition-duration:1.2s;
}

.carousel-inner .carousel-item,
.carousel-inner .active.carousel-item-left,
.carousel-inner .active.carousel-item-right
{
    opacity:0;
}

.carousel-inner .active,
.carousel-inner .carousel-item-next.carousel-item-left,
.carousel-inner .carousel-item-prev.carousel-item-right
{
    opacity: 1;
}

.carousel-item.active,
.carousel-item-prev,
.carousel-item-next,
.active.carousel-item-left,
.active.carousel-item-prev,
.active.carousel-item-right,
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right
{
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


@media screen and (max-width: 1119px) {
.carousel-caption h3 {
font-size:2.0rem;
}

.carousel-caption p {
font-size:1.1rem;
}
}



@media screen and (max-width: 991px) {
.carousel-caption h3 {
font-size:2.0rem;
}

.carousel-caption p {
font-size:0.9rem;
}


}


@media screen and (max-width: 576px) {
.carousel-caption h3 {
font-size:1.2rem;
}

.carousel-caption p {
font-size:0.7rem;
}

}


/*-------------------------------------------
contents-block
-------------------------------------------*/
.contents-block{
padding:6rem 0;
}

#sec .contents-block{
padding:3rem 0;
}

.contents-block h4,
.contents-block h5{
margin-bottom:0;
}

#top .contents-header{
margin-bottom:5rem;
}

#sec .contents-header{
margin-bottom:4rem;
}

.contents-header h2{
margin-bottom:0;
}

#sec .contents-header h2{
font-size:2.5rem;
}

.contents-header .sub-title{
font-size:1.2rem;
padding:2rem 0 0 0;
margin:0;
}

#sec .contents-header .sub-title{
font-size:1rem;
}

.contents-header img{
max-width:700px;
width:100%;
}

#sec .contents-header img{
max-width:500px;
width:100%;
}

#top .contents-block a{
display:block;
}

@media screen and (max-width: 736px) {
.contents-header img{
max-width:350px;
width:100%;
}

#sec .contents-header img{
max-width:300px;
width:100%;
}

#sec .contents-header h2{
font-size:2rem;
}


.contents-block{
padding:4rem 0;
padding-top:5rem;
}

#sec .contents-block{
padding:1.5rem 0;
}

#top .contents-header{
margin-bottom:4rem;
}

#sec .contents-header{
margin-bottom:2.5rem;
}

.contents-header .sub-title{
padding-top:.9rem;
}

#sec .contents-header .sub-title{
font-size:.8rem;
}
}

/*-------------------------------------------
corporate
-------------------------------------------*/
#corporate{
color:#fff;
background-image:url(../images/top_corporate/bg_1.png);
background-size:cover;
}

#corporate .table{
border:none;
}

#top #corporate .contents-body{
max-width:600px;
margin:0 auto;
}

#corporate .table td,
#corporate .table th{
border:none;
font-weight:normal;
}

#corporate .btn{
line-height:3em;
position:relative;
border:none;
background-color:rgba(255,255,255,0.4);
}

#corporate .btn:hover{
background-color:rgba(255,255,255,0.6)
}

#corporate .btn:before{
content: "\f363";
position: absolute;
top:12%;
right:15px;
font-family: "Ionicons" !important;
font-size: 22px;
font-weight:normal;
color:#fff;
}




@media screen and (max-width: 736px) {

#corporate .table{
max-width:600px;
margin:0 auto;
border:none;
font-size:0.9rem;
}
		
}

/*-------------------------------------------
business
-------------------------------------------*/
#business{
color:#fff;
background-image:url(../images/top_business/bg_2.png);
background-size:cover;
}

#top #business a{
color:#ffffff;
}

@media screen and (max-width: 736px) {
#top #business .col-6:first-child{
margin-right:40px;
margin-left:40px;
}
}


/*-------------------------------------------
history
-------------------------------------------*/
#history{
color:#fff;
background-size:cover;
}

#h-1{
background-image:url(../images/top_history/h_bg_1.png);
background-size:cover;
}

#h-2{
background-image:url(../images/top_history/h_bg_2.png);
background-size:cover;
}

#h-3{
background-image:url(../images/top_history/h_bg_3.png);
background-size:cover;
}

#h-4{
background-image:url(../images/top_history/h_bg_4.png);
background-size:cover;
}

#top #history.contents-block{
padding :0;
position:relative;
}

#top #history .contents-body{
margin-right:-15px;
margin-left:-15px;
}

#top #history .contents-header{
position:absolute;
top:6rem;
width: 98%;
text-align:center;
}

.outer{
  display: table;
  width: 100%;
  text-align:center;
}
.inner{
  display: table-cell;
  vertical-align: middle;
  padding-top:20rem;
  padding-bottom:6rem;

}

.year_block{
padding:15px 0;
}

.year_block a{
color:#fff;
}

.year_block a:hover{
opacity:0.7;
}

.year_block p{
margin-bottom:0;
}

.c_h-4_6_1_img {
  max-width:350px;
}

@media screen and (max-width: 736px) {
#top #history.contents-block{
padding-top:5rem;
background:#252525;
}

#top #history .contents-header{

position:relative;
top:0rem;
width:100%;
text-align:center;
}


.outer{
  display: block;
  width: 100%;
  text-align:center;
}


.inner{
  display: block;
  vertical-align: middle;
  padding:2rem 0;
  background-position: center center;
}



}


/* ------------------------------------------------------------
	639px以下
------------------------------------------------------------ */

@media screen and (max-width : 639px) {
  .c_h-4_6_1_img {
    width: 100%;
  }
}


/*-------------------------------------------
contact
-------------------------------------------*/
#contact{
color:#fff;
background-image:url(../images/top_contact/bg-4.png);
background-size:cover;
}

#top #contact a{
color:#ffffff;
}

#top #contact .contents-body {
    max-width: 850px;
    margin: 0 auto;
}


#top #contact .contents-body .btn{
background:#159918;
font-size:1.1rem;
}

#top #contact .contents-body .btn:hover{
opacity:0.9;
}

#top #contact ul{
list-style:none;
padding-left:0;
}

#top #contact ul.caution li {
  list-style-type: none;
  text-indent: -1em;
}
ul.caution li:before {
  display: inline;
  content: "※";
}


/*-------------------------------------------
cat-nav
-------------------------------------------*/
.cat-nav{
background:#252525;
}