@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


body , a , li , ul {
	/*font-family: "Sawarabi Mincho";*/
	color:rgba(108,108,108,1.00);
}


h1 , h2 , h3 , h4 , h5 , h6 , .mc{
	/*font-family: "Sawarabi Mincho";*/
/*	font-family: "Sawarabi Mincho" , "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: rgba(70,70,70,1.00);*/
}

.top_h1{
	text-align: center;
	font-family:Arial, Helvetica, "sans-serif";
	color: #DD1616;
	font-size: 60px;
	font-weight: 700;
	line-height: 46px;
}

.top_h1 span{
	font-size:24px;
	color: #ffffff;

}

.top_h1 span span{
	font-size:20px;
}

@media screen and (max-width: 767px){
	.top_h1{
	
	font-size: 32px;
	line-height: 32px;
}

.top_h1 span{
	font-size:22px;
}

.top_h1 span span{
	font-size:18px;
}
}

@media screen and (max-width: 550px){
	.top_h1{
	font-size: 18px;
	line-height: 20px;
}

.top_h1 span{
	font-size:16px;
}

.top_h1 span span{
	font-size:14px;
}
}

p{
	line-height: 1.8;
}
@media screen and (max-width: 1000px){
	h1{
	font-size: 1.5rem;
	}
}

.navbar-toggler{
	background-color: #1e2d3b;
}
.gnavinfo{
	background-color: #00a266;
	color: rgba(51,51,51,1.00) !important;
	height: 80px;
	/*margin-top: 15px;
	margin-bottom: 15px;*/
	z-index: 100;
	position: fixed;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
}

@media screen and (min-width: 1400px){
	.gnavinfo{
		margin-right: 0;
		padding-left: 0;
	}
}


@media screen and (min-width:768px) and ( max-width:884px){
	.gnavinfo{
	height: 125px;
	}
	
}

.topv{
	position: relative;
}

.topvtxt{
	position: absolute;
	top:160px;
	left: 20px;
	color: white;
	font-size: 44px;
	letter-spacing: 3px;
	font-weight: bolder;
	text-shadow: black 0 0 5px;
}

.topvtxt span {
	font-size: 20px;
	letter-spacing: 1.5px;
}

@media screen and (max-width: 575px){
	.topvtxt{
	font-size: 22px;
	}

.topvtxt span {
	font-size: 16px;
	}
}


.ptccolor{
	font-size: 44px !important;
	letter-spacing: 1.5px;
	color: rgba(255,150,0,1.00);
}

.ptc , .active{
	color: rgba(255,150,0,1.00) !important;
}

.prjbg{
	background-color: rgba(224,224,224,0.30);
}


.navbar-light .navbar-nav .nav-link{
		color:white;
}

.navbar-light .navbar-nav .nav-link:hover{
		color:#D8D8D8;
}

.navbar-light .navbar-nav .active>.nav-link{
	color: rgba(255,150,0,1.00) !important;	
}


.ptcbg{
	background-color: rgba(255,150,0,1.00);
}

.barea{
	position: relative;
}

.bareabotton{
	position: absolute;
	bottom:0;
	right: 0;
	width: 120px;
	height: 50px;
	color: #ffffff;
	background-color: rgba(255,150,0,1.00);
	font-size: 14px;
}

.bareabotton{
	padding-top: 12px;
}

.noarea{
	position: absolute;
	top: 0;
	padding-left: 15px;
	padding-top: 10px;
	color: #ffffff;
	font-size: 2em;
	font-weight: 600;
}

.name_bottom{
	position: absolute;
	bottom: 70px;
/*	padding-left: 15px;*/
	right: 0px;
	padding-right: 15px;
	color: #ffffff;
}

.name_rightue{
	position: absolute;
	top: 50px;
	right: 0px;
	padding-right: 15px;
	color: #ffffff;
}


.bname{
	font-size:32px;
	font-weight: 600;
}

.bhosoku{
	font-size: 16px;
}

.name_rightue .bname{
	font-size: 26px;
	font-weight: 600;
}

@media (min-width: 992px){
	.name_rightue .bhosoku{
		text-align: right;
	}
}

.barea a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;	
}

.barea:hover{
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/	
}

.bordertop{
	border-top: 1px solid rgba(69,69,69,0.50);
}


.navbar-nav{
	background-color: rgba(255,255,255,0.00);

}

.navbar-nav li{
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.navbar-nav li a{
	text-align: right;
}


.navbar-toggler-icon{
	background-color: #1e2d3b;
}


.pj li{
	line-height: 2em;
    margin-bottom: 10px;
}



.bg-color , .cmark , .bgft{
	background-color:rgba(0,99,155,1.00);
}

@media (min-width: 1200px){
	.modal-lg {
		max-width: 80%;
	}
}


.ppol li{
	padding: 10px 5px;
}

.ppmoji{
	font-weight: 600;
	font-size: 26px;
	letter-spacing: 5px;
}

.navbar-light .navbar-nav .nav-item:focus::after, .navbar-light .navbar-nav .nav-item{
	font-size: 16px;
	font-weight: 400;
	color:rgba(108,108,108,1.00) !important;
 text-decoration: none;
	padding-bottom: 10px;
}


.heddera , .hedderanot {
  text-decoration: none !important;
}

.heddera::after {
  border-bottom: solid 2px #00a266;
  bottom: 0;
  content: "";
  display: block;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 0;
}

.heddera:hover::after {
  width: 100%;
  text-decoration: none;
}

.hedderanot , .hedderanot:focus{
	  border-bottom: solid 2px rgba(255,150,0,1.00);
  bottom: 0;
  content: "";
  display: block;
	width: 100%;
  text-decoration: none;
}

.bx-wrapper .bx-controls-direction a{
	z-index: 800 !important;
}

.ft a{
	text-decoration: underline;
}

.cmark{
	border-top: 1px solid rgba(255,255,255,1.00);
}



.wrapper {
	max-width: 700px;
	margin: 0 auto;
	text-align: center;

}
.txt {
	display: inline-block;
	text-align: left;
}

 .cardlink{
    position: relative;
}
 .cardlink a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 100%; /*テキスト非表示*/
    white-space: nowrap; /*テキスト非表示*/
    overflow: hidden; /*テキスト非表示*/
  }
 .cardlink a:hover{
        opacity:0.6;
        filter: alpha(opacity=60);
        -ms-filter: "alpha( opacity=60 )";
        background: #fff;
  }


.hvr-radial-out {

  background-color: transparent;

}
.hvr-radial-out:before {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
  background: #2098D1;
}

.mt-100{
	margin-top: 100px;
}

div.fc a{
	font-size: 14px;
}

.foote_bottom_ul_amrc {
	list-style-type:none;
	padding:0px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.foote_bottom_ul_amrc li { 
	display:inline;
}
.foote_bottom_ul_amrc li a { 
	font-size: 12px;
	color:#fff; margin:0 12px;
}

/*下層タイトル背景画像*/
.titlebg{
	background-image: url("../images/titlebg.jpg");
	background-position: left;
	background-repeat: no-repeat;
}

.titlebox{
	height: 100px;
	color: white;
	padding-top: 25px;
}

.titlebox h1{
	font-size: 28px;
}

.h2small{
	font-size: 18px;
}


.cft{
	font-size: 12px;
}


.tblist dt{
/*	background-color: rgba(255,150,0,1.00);
	color: white;*/

	letter-spacing: 0.2em;

}

.tblist dt span{
	border-bottom: solid;
	border-bottom-color:  rgba(255,150,0,1.00);
}

.tblist dt:not(:last-child){
	border-bottom: 1px solid #fff;
}

.tblist dt , .tblist dd{
	padding: 15px 10px;

}

.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


.mt-100{
	margin-top: 100px;
}

.leadcuttom{
	  display: inline-block;
	border-bottom: 3px rgba(0,99,155,1.00) solid;
	padding-bottom: 10px;
	margin-bottom: 30px;
	font-size: 2em;
}

.liunder{
	color: rgba(0,99,155,1.00);
	text-decoration: underline;
}

.subc{
	color: rgba(0,80,126,1.00);
	font-size: 18px;
	  padding: .25em 0 .25em .75em;
	  border-left: 6px solid rgba(0,80,126,1.00);
	font-weight: bold;
}

.fsh1{
	font-size: 1.5em;
}

.dzhr{
	height: 1px;
/*	background: #bbb;*/

background: -moz-linear-gradient(left,  rgba(255,255,255,0.00) 15%, #00a266 51%, rgba(255,255,255,0.00) 85%, rgba(255,255,255,0.00) 86%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.00) 15%,#00a266 51%,rgba(255,252,248,0.00) 85%,rgba(255,255,255,0.00) 86%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0.00) 15%,#00a266 51%,rgba(255,252,248,0.00) 85%,rgba(255,255,255,0.00) 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29ffffff', endColorstr='#29ffffff',GradientType=1 ); /* IE6-9 */

}

.syaze{
	background-image: url("../images/bg_syaze.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	color: white !important;
}

.syaze p.txt {
	font-size: 1.4em;
	font-family: "Sawarabi Mincho";
}



@media screen and (max-width:767px) {
	.mainnav{
		padding-top: 1px;
		padding-bottom: 1px;
	}
}

@media (min-width: 768px){
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: .8rem;
		padding-left: .8rem;
	}
}


/*見出し*/
.hedderh{
	width: 100%;
	height: 550px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}


.topinner{
	height: 180px;
	position: absolute;
	top: 20px;
/*	left: 0;*/
	right: 10px;
/*	bottom: 0;*/
/*	margin: auto;*/
}

.h1{
	font-size: 32px;
}

@media screen and (max-width:767px) {
	.topinner{
		top:60px;
	}
	.wt , .h1{
		font-size: 20px;
	}
}



.topinner .mword{
background-color: rgba(0,99,155,0.70);
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	line-height: 1.5;
	width: 220px;
	height: 140px;
	margin-bottom: 0;
	font-weight: 500;
	letter-spacing: 2px;

}

.mword span{
	font-size: 14px;
}

@media screen and (max-width:767px) {
	.topinner .mword{
		font-size: 16px;
		width: 180px;
		height: 100px;
	}
}

.topinner2{
	background-color: rgba(255,255,255,0.6);

}

.rowvheight{
	position: relative;
	height: 500px;
}

.rowbgimages{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.rowtxtbg{
	background-color:rgba(246,246,246,1.00);
}




@media screen and (max-width:767px) {
	.rowvheight{
		height: auto;
		position: block;
	}
	.rowtxt{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.rowbgimages{
		height: 300px;
	}
}



.breadcrumb{
	background-color: transparent;

}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

.jhmbarea{
	height: 450px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg-white50{
	background-color: rgba(255,255,255,0.72);
}

.stretched-link::after{
  position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	pointer-events:auto;
	content:"";
	background-color:rgba(0,0,0,0)
}



.p-request { 
	background: #000;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 80px;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	transition: transform 0.35s; z-index: 999;
}
.p-request.is-active { 
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.p-request__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
/*	padding: 0 60px 0 30px;*/
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.p-request__text {
	color: #fff;
	font-size: 22px;
	line-height: 18px;
}

.p-request__btn { 
	background: #004353;
	box-sizing: border-box;
	color: #fff;
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 0 10px;
	line-height: 24px;
/*	margin-left: 30px;*/
	padding-top:15px;
	font-size: 22px;
	background-color: rgba(0,80,126,1.00);


}
.p-request__btn:hover { 
	background:rgba(0,67,83,0.75)


}
.p-request__btn::after { 
	content: "\0bb"; margin-left: 10px;
}

.p-request__close { 
	background: #000; 
	border: 0; color: #fff; 
	width: 60px; 
	height: 60px; 
	position: absolute; 
	top: 0; 
	right: 0; 
	padding: 0; 
}

.p-request__close::before { content: "\0bb";}
.p-request__close:hover { color: #bbb; cursor: pointer; }

@media only screen and (max-width: 991px) { 
  .p-request__text { font-size: 18px; }
  .p-request__btn { font-size: 18px; } 
}


.mb-85{
	margin-bottom:80px;
}

.nheight{
	height: auto;
	min-height: 75px;
}

.nheight_info{
	height: auto;
	min-height: 80px;
}




.topv {
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.topv a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.swiper-wrapper {
  position:relative
}

.slider_section1 {
  width:100%;
  height:100vh;
  background:url("../images/top01.jpg") no-repeat;
  background-position: center center;
  background-size:cover;
}

.slider_section2 {
  width:100%;
  height:100vh;
  background:url("../images/top02.jpg") no-repeat;
  background-position: center center;
  background-size:cover;
}

.slider_section3 {
  width:100%;
  height:100vh;
  background:url("../images/top03.jpg") no-repeat;
  background-position: center center;
  background-size:cover;
}

.swiper-slide span {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:680px;
  height:50px;
  margin:auto;

  /*font-style*/
  font-size:180%;
  font-weight:200;
  letter-spacing:0.15em;
  color:#fff
}


/* グリッドレイアウトのコンテナ */

.w1500{
	width:1500px;
}

.grid {
  position: relative;
  max-width:100%;
  margin:0 auto;
}
.grid2 {
  position: relative;
  max-width:100%;
  margin:0 auto;
}

/* アイテム */
.item {
  display: block; /* 必須 */
  position: absolute; /* 必須 */
  width:calc(25% - 5px); /* アイテムの幅 */

  margin: 1px; /* アイテム間のマージン(この2倍になる) */
  text-align: center;
  z-index: 1;
}

@media screen and (max-width:767px) {
	.item{
		margin-left: 0px;
		margin-right: 0px;
	}
}

/* 877ピクセル幅以下になったら3カラム化 */
@media ( max-width : 1200px ){
  .item{
    width:calc(33.33% - 11px);
/*    height:calc(33.33vw - 11px);*/
  }
}

/* 640ピクセル幅以下になったら2カラム化 */
@media ( max-width : 700px ){
  .item{
    width:calc(50% - 10px);
/*    height:calc(50vw - 10px);*/
  }
}

@media ( max-width : 450px ){
  .item{
    width:100%;
/*    height:calc(50vw - 10px);*/
  }
}

.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}

@media ( max-width : 767px ){
	.navbar-nav li{
	border-top: 1px solid #1e2d3b;
	}
	
	.navbar-nav li a{
	text-align: center;
	}
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #9DE8FF;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #1e2d3b;
}

.page-top_div{
	text-align: center;
	background-color:#00a266;
	font-size: 14px;
}

.page-top_div a{
	color: white;
}

.page-top_div a:hover{
	color:rgba(189,189,189,0.81);
	text-decoration: none;
}

.futter-color{
	background-color: #1e2d3b;
}

.futter-color li a{
	color: white;
}

.futter-color li a:hover{
	color:rgba(189,189,189,0.81);
	text-decoration: none;
}

.futter-color p{
	color: white;
}

.newsp{
	margin-top:10px;
	padding-bottom:7px;
	border-bottom:rgba(176,176,176,1.00) dashed 1px;

}

.newsday{
	font-weight:bold;
}

.icon_new{
	background-color:rgba(255,0,4,1.00);
	padding:1px 6px;
	color:rgba(255,255,255,1.00);
	margin-left:5px;
}


.icon_oshirase{
	background-color:rgba(0,143,11,1.00);
	padding:1px 6px;
	color:rgba(255,255,255,1.00);
	margin-left:5px;
}

.icon_saiyou{
	background-color:rgba(68,89,160,1.00);
	padding:1px 6px;
	color:rgba(255,255,255,1.00);
	margin-left:5px;
}

figure img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
figure:hover img {
  opacity: .5;
}


.under_top_oya {
  position: relative;
  }

.under_top_ko {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
   color: white;/*文字は白に*/
  font-weight: bold; /*太字に*/
	text-shadow: black 0 0 5px; 
  }

@media screen and (min-width:780px) and ( max-width:884px) {
	.under_top_ko {
		top: 70%;
	}
}

.under_top_oya img {
  width: 100%;
  }

section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; }
 
/*----------------------------------------------------
  .rspt
----------------------------------------------------*/
.rspt th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    /*.rspt { margin: 0 -10px; }*/
    .rspt th,
    .rspt td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .rspt tr:first-child th { border-top: 1px solid #ddd; }
}

/*tabu*/
/* ------------------------------
   #tabAccordion
------------------------------ */
#tabAccordion {
    margin: 0 auto;
    width: 100%;
    height: 450px;
    /*font-size: 12px;*/
    border: #999 1px solid;
    position: relative;
}
 
#tabAccordion dl {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
 
#tabAccordion dl dt {
    top: 0;
    left: 0;
    width: 25%;
    font-weight: bold;
    position: absolute;
    border-right: #999 1px solid;
    border-bottom: #999 1px solid;
    background: #f0f0f0;
    box-sizing: border-box;
}
 
#tabAccordion dl:nth-child(2) dt {
    left: 25%;
}
 
#tabAccordion dl:nth-child(3) dt {
    left: 50%;
}
 
#tabAccordion dl:nth-child(4) dt {
    left:75%;
}

#tabAccordion dl:nth-child(5) dt {
    left: 80%;
    border-right: none;
}
 
#tabAccordion dl dt a {
    padding: 15px 0;
    font-weight: bold;
    display: block;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
		text-decoration: none;
}
 
#tabAccordion dl dt.btnAcv {
    border-bottom: none;
    background: #fff;
}
 
@media only screen and (min-width: 768px) {
    #tabAccordion dl dt:hover > a {
        background: #fff;
    }
}
 
#tabAccordion dl dd {
    top: 50px;
    left: 0;
    padding: 30px;
    width: 100%;
    /*height: 100%;*/
    text-align: left;
    overflow-y: auto;
    display: none;
    position: absolute;
    box-sizing: border-box;
}
 
#tabAccordion dl dd p {
    padding-bottom: 2em;
    line-height: 2em;
}
 
/* ------------------------------
   MEDIAQUERIES LAYOUT
------------------------------ */
@media only screen and (max-width: 800px) {
    #tabAccordion {
        width: 100%;
        box-sizing: border-box;
    }
 
    #tabAccordion dl {
        width: 100%;
        box-sizing: border-box;
    }
 
    #tabAccordion dl dt {
        width: 25%;
    }
 
    #tabAccordion dl:nth-child(2) dt {
        left: 25%;
    }
 
    #tabAccordion dl:nth-child(3) dt {
        left: 50%;
    }
 
    #tabAccordion dl:nth-child(4) dt {
        left: 75%;
    }
}
 
/* ------------------------------
   MEDIAQUERIES[SP]LAYOUT
------------------------------ */
@media only screen and (max-width: 768px) {
    #tabAccordion {
        width: 100%;
        height: auto;
        border: none;
    }
 
    #tabAccordion dl {
        top: auto;
        left: auto;
        width: 100%;
        position: relative;
    }
 
    #tabAccordion dl dt {
        top: auto;
        left: auto;
        width: 100%;
        position: relative;
        border-bottom: #999 1px solid;
        border-right: none;
    }
 
    #tabAccordion dl:first-child dt {
        border-top: #999 1px solid;
    }
 
    #tabAccordion dl:nth-child(2) dt,
    #tabAccordion dl:nth-child(3) dt,
    #tabAccordion dl:nth-child(4) dt,
	#tabAccordion dl:nth-child(5) dt{
        left: auto;
    }
 
    #tabAccordion dl dt a {
        padding: 20px;
        height: auto;
        line-height: 1em;
        text-align: left;
    }
 
    #tabAccordion dl dt a:after {
        content: '';
        margin-top: -4px;
        top: 50%;
        right: 15px;
        width: 8px;
        height: 8px;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.2em;
        display: block;
        position: absolute;
        border-top: 2px solid #666;
        border-right: 2px solid #666;
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
 
    #tabAccordion dl dt.btnAcv {
        border-bottom: #999 1px solid;
        background: #bbb;
    }
 
    #tabAccordion dl dt.btnAcv a:after {
        content: none;
    }
 
    #tabAccordion dl dd {
        top: auto;
        left: auto;
        padding: 20px;
        width: 100%;
        height: auto;
        position: relative;
        border-bottom: #999 1px solid;
    }
}

.top_3_h{
	color: white;
	text-shadow: black 0 0 5px;
}

.top_3_p{
	color: rgba(46,46,46,1.00)
}

.logo_w{
	width: 21rem;
}

@media only screen and (max-width: 1200px) {
	.logo_w{
	width: 13rem;
}
}

@media only screen and (max-width: 991px) {
	.logo_w{
	width: 20rem;
}
}

@media only screen and (max-width: 480px) {
	.logo_w{
	width: 11rem;
}
}


.h2_h{
	 padding: 0.25em 0.5em;/*上下 左右の余白*/
	  color: #494949;/*文字色*/
	  background: transparent;/*背景透明に*/
	  border-left: solid 5px #00a266;/*左線*/
}

@media only screen and (max-width: 991px){
	.js-image-switch{
	margin-top: 80px;
	}
}

@media only screen and (max-width: 767px){
	.js-image-switch{
	margin-top: 80px;
	}
}

/*@media only screen and (max-width: 400px){
	.js-image-switch{
	margin-top: 150px;
	}
}*/


/*movie*/
.vwrapper {
  height: 100%;
  height: 80vh;
  position: relative;
  width: 100%;
  overflow: hidden;
}

#video {
 /* background: url('/video_bg.jpg') no-repeat;*/
  background-attachment: fixed; 
  background-position: center center; 
  background-size: cover; 
  left: 0;

  min-height: 100%;
  min-height: 100vh;
  min-width: 100%;
  min-width: 100vw;

  position: absolute;
  top: 0;

  z-index: 1;
top: -400px;
}

.top_oya {
  position: relative;
  }

.top_oya .top_ko {
  position: absolute;
  top: 45%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	z-index: 30;
  }

@media only screen and (max-width: 767px){
	.sm_mar {
		padding-top: 100px!important;
	}
}
@media only screen and (min-width: 767px){
.navbar-collapse{
	background-color: #1e2d3b;
	height: 80px;
	padding-right: 10%;
	}
	.navbar{
		padding-right: 0;
	}
	
}

@media only screen and (max-width: 767px){
	.navbar-light{
		border:none;
	}
	.navbar-toggler{
	 background-color: transparent; 
	}
	
	.navbar-toggler-icon{
	background-color: transparent;
}
	
	.navbar-light .navbar-nav .nav-link{
		color:#1F1F1F;
	}
	.navbar-nav{
	background-color: #ffffff;

	}
}


@media screen and (min-width:768px) and ( max-width:884px)
{
	.navbar-collapse{
		padding-right: 0%;
		height: 125px;
	}
}

.top_haikei_p{
	color: #F5F5F5;
	/*text-shadow: 
    white 1px 1px 10px, white -1px 1px 10px,
    white 1px -1px 10px, white -1px -1px 10px;*/
	font-size: 18px;
}

.bg-sub{
	background-color: #1e2d3b;
}

.custam_btn{
	background-color: #1e2d3b;
	color: #F5F5F5;
	border-radius: 5px;
}

.custam_btn:hover{
	background-color: rgba(30,45,59,0.90);
	color: #F5F5F5;
	border-radius: 5px;
}

/*.btn-outline-light:hover{
	background-color: rgba(30,45,59,0.90);
}*/

ul.bread_list {
    display: flex;
	list-style: none;
	font-size: 14px;
}

.bread_list li:not(:last-child):after {
    content: " > ";
}

ul.bread_list {
    display: flex;
    margin: 1rem;
}
.bread_list li:not(:last-child):after {
    content: " > ";
    margin: 0 1rem;
}


.bread_list li a {
    color: #666; 
}

.con_h {
	height: 235px;
}
@media only screen and (max-width: 768px){
	.con_h {
	height: auto;
}
}