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


body , a , li , ul {
	font-family: 'Noto Sans Japanese', sans-serif;
	color:#3D3D3D;
	text-decoration: none;
}

a:hover{
	color:#7B7B7B;
	text-decoration: none;
}


h1 , h2 , h3 , h4 , h5 , h6 , .mc{
	font-family: 'Noto Sans Japanese', sans-serif;
/*	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);*/
}

p{
	line-height: 1.8;
}

.txt-black{
	color:#6c6c6c !important;
}

.txt-black100{
	color:#000000 !important;
}


.gnavinfo{
	background-color: white;
	color: rgba(51,51,51,1.00) !important;
	height: 87px;
	margin-top: 15px;
	margin-bottom: 15px;
	z-index: 100;
}

.hedderheight1{
	height: 80px;
}

.mheight{
	height:100vh;
}

@media (max-width: 767px){
	.hedderheight1{
		height: auto;
	}
}


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

.bg-tp{
background-color: transparent;
}

.z50{
	z-index: 1500;
}

.mainasum{
	max-height: 90vh !important;
}

.tobbgheight{
	height: 100vh;
	background-image: url("../images/topbg.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}

.topre{
	position: relative;
	height: 100vh;
}

.topabso{
	position: absolute;
	top:50%;
  left: 50%;

  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
	text-align: center
}

#video-background,#video-overlay {
 position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
 
#video-background {
  z-index: -2;
}
 
#video-overlay {
  z-index: -1;
}




.h2small{
	font-size: 22px;
}
.h3small{
	font-size: 22px;
}

.hdblock{
	background-color: #017EFF;
	/*padding-bottom: 0px!important;*/
	padding:5px 5px 5px;
	margin-left: 5px;
	
}
.hdblock:hover{
	background-color: rgba(1,126,255,0.83);
}

a .hdblock {
	color: #ffffff !important;
	/*padding-bottom: 0px!important;*/
	text-align: center;
}


.telfax{
	color: #017EFF;
	font-size: 30px;
	letter-spacing: 3px;
}

@media (max-width: 767px){
	.telfax{
		font-size: 22px;
		letter-spacing: 1.5px;
	}
}


.toplogo{
	max-width: 280px;
}


.topcontentsarea{
	position: relative;
	height: 120px;
}

.topdiv1rela{
	
	position: relative;
}

.topdiv1{
	position: absolute;
/*	bottom: -80px;*/
	bottom:-80px;
	right: 20px;
	width: 800px;
/*	background-color: beige;*/
	background-image: url("../images/toptitlebg.png");
	background-position: center center;
}

.pt-100{
	padding-top: 100px;
}

.pb-100{
	padding-bottom: 100px;
}


@media (max-width: 1200px){
	.topdiv1{
		width: 650px;
	}
}



.toph1{
	margin-top: 20px;
	font-size: 22px;
	letter-spacing: 4px;
		color: #ffffff;
}

.toph2{
	font-size: 28px;
	letter-spacing: 4px;
	font-weight: bold;
	color: #ffffff;
}

.topword{
	position: absolute;
	top: 5px;
	left: 10%;
	font-size: 30px;
}


@media (max-width: 991px){
	.topcontentsarea{
		position: static;
		height: auto;
	}

	.topdiv1{
		position: static;
		width: 100%;
		background-color: beige;
		background-size: cover;
	}

	.toph1{
		margin-top: 20px;
		font-size: 18px;
		letter-spacing: 4px;
	}

	.toph2{
		font-size: 20px;
		letter-spacing: 4px;
		font-weight: bold;
	}

	.topword{
		position: static;
		text-align: center;
	}
}


.topblock01bk{
	background-image: url("../images/contant-rbg.jpg");
	color: white;
	min-height: 400px;
}

.topblock02bk{
	background-image: url("../images/contant-lbg.jpg");
	color: white;
	min-height: 400px;
	background-position: center center;
}


.topblock03bk{
	background-image: url("../images/topbg-center.jpg");
	background-position: center center;
	min-height: 400px;
}


.topblock04bk{
/*	background-image: url("../images/topbg-rec.jpg");
	background-position: center center;
	background-size: cover;*/
	min-height: 400px;
}

.topword3{
	font-size: 20px;
}

@media (min-width: 768px){
	.topabso{
		width:560px;
	}

}

@media (min-width: 992px){
	.topabso{
		width:840px;
	}
}



@media (max-width: 767px){
	.topabso{
		width: 100%;
	}
	.h2small{
		font-size: 18px;
	}
	.toplogo{
		max-width: 150px;
	}
}



.hedderline{
	border-bottom: 3px solid;
	border-image: linear-gradient(to right, #00dbde 0%, #00aa66 33%,#dd6600 66%,#3333dd 100%);
	   border-image-slice: 1;
/*background: */
}

.hdbg{
	background-image: url("../images/underhedder.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	height: 150px;
	color: white;
}

.bg0{
	background-color: transparent;
}

.block01bk{
	background-image: url("../images/contant-rbg.jpg");
	color: white;
}


.block02bk{
	background-image: url("../images/yakei.jpg");
	color: #2B2B2B;
	background-repeat: no-repeat;
	background-size: cover;
}

.block03bk{
	background-image: url("../images/contant-rbg.jpg");
	color: white;
}

.btn-secondary {
    color: #fff;
    background-color: #017EFF;
    border-color: #017EFF;
}


h2.h2title {
  position: relative;
  display: inline-block;
  padding: 0 30px;
}

h2.h2title:before, h2.h2title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 20px;
  height: 4px;
  border-top: double 1px #017EFF;
  border-bottom: double 1px #017EFF;
}

h2.h2title:before {
  left:0;
}
h2.h2title:after {
  right: 0;
}

.title02 {
  border-bottom: solid 3px #f5cf98;
  position: relative;
}

.title02:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #017EFF;
  bottom: -3px;
  width: 20%;
}

.title03 {
  position: relative;
  display: inline-block;
  padding: 0 45px;
}
.title03:before, .title03:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #017EFF;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.title03:before {
  left:0;
}
.title03:after {
  right: 0;
}

.title04 {
  position: relative;/*相対位置*/
  line-height: 1.4;/*行高*/
  display: inline-block;
}

.title04:before, .title04:after { 
  position: relative;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-size: 1.0em;
  color: rgba(108,108,108,1.00);
}
.title04:before {
  content:"<";/*アイコン種類*/
  padding-right: 0.2em
}
.title04:after {
  content:">";/*アイコン種類*/
  padding-left: 0.2em
}

.title05{
 padding: 0.25em 0.5em;
  background: transparent;
  border-left: solid 5px #017EFF;
}

.title06 , .title062 , .title063 {
  position: relative;
  border-top: solid 2px #017EFF;
  border-bottom: solid 2px #017EFF;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.5em;
}

.title06:after {
  /*タブ*/
  position: absolute;
  content: 'POINT1';
  background: #017EFF;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}

.title062:after {
  /*タブ*/
  position: absolute;
  content: 'POINT2';
  background: #017EFF;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}

.title063:after {
  /*タブ*/
  position: absolute;
  content: 'POINT3';
  background: #017EFF;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}


.title06meri {
  position: relative;
  border-top: solid 2px #017EFF;
  border-bottom: solid 2px #017EFF;
  background: #f4f4f4;
  line-height: 1.8;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.5em;
}

.title06meri:after {
  /*タブ*/
  position: absolute;
  font-family: 'Noto Sans Japanese', sans-serif;
  content: '\30E1\30EA\30C3\30C8';
  background: #017EFF;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}

.title06demeri {
  position: relative;
  border-top: solid 2px #0069ff;
  border-bottom: solid 2px #0069ff;
  background: #f4f4f4;
  line-height: 1.8;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.5em;
}

.title06demeri:after {
  /*タブ*/
  position: absolute;
  font-family: 'Noto Sans Japanese', sans-serif;
  content: '\30C7\30E1\30EA\30C3\30C8';
  background: #0069ff;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}

.title07{
	color: #07913a;
}

.tyuui{
	color:#ff0000;
}

.mindent{
	padding-left:2em;
	text-indent:-0.7em;
}




.cont01area , .cont02area{
	position: relative;
}

.cont01area{
	height: 1150px;
}

.cont02area{
	height: 400px;
}

.flowdiv01 , .flowdiv02 , .flowdiv03 , .flowdiv04 , .flowdiv05{
	position: absolute;
}

.flowdiv011 , .flowdiv022 , .flowdiv033{
	position: absolute;
}

/*ふせん*/
.flowdiv01{
	width: 250px;
	left:400px;
	top:50px;
	z-index: 300;
}

.flowdiv02{
	top:0;
	left:0;
	width: 450px;
}


.flowdiv04{
	top:430px;
	left:0;
	width: 450px;
}


.flowdiv03{
	width: 440px;
	top:190px;
	right: 10px;
	
}

.flowdiv05{
	width: 440px;
	top:590px;
	right: 10px;
	
}


/*ふせん*/
.flowdiv011{
	width: 250px;
	left:400px;
	top:50px;
	z-index: 300;
}

.flowdiv022{
	top:0;
	left:0;
	width: 450px;
}



.flowdiv033{
	width: 440px;
	top:190px;
	right: 10px;
	
}



@media (min-width: 1200px){
	.flowdiv03 , .flowdiv05{

		width: 600px;
		right: 10px;
		
	}
	.flowdiv033{
		width: 500px;
		top:190px;
		right: 100px;

	}
}

@media (max-width: 991px){
	.cont01area , .cont02area{
		height: auto;
	}

	.flowdiv01 , .flowdiv02 , .flowdiv03 , .flowdiv04 , .flowdiv05{
		position: static;
		width: 100%;
		
	}
	.flowdiv011 , .flowdiv022 , .flowdiv033{
		position: static;
		width: 100%;
		
	}
	.flowdiv011{
	text-align: center;
	}
}

@media (max-width: 767px){
	.title05 , .title04{
		font-size: 18px;
	}
	.title04{
		font-size: 20px;
	}
}


#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

 

 

#pageTop a {
  display: block;
  z-index: 999;
  padding: 2px 0 0 0;
/*  border-radius: 30px;*/
  width: 35px;
  height: 35px;
  background-color: #002D5E;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

 

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


.min150{
	min-height: 156px;
}



@media (min-width: 992px){
	.recbg1{
		background-image: url("../images/recbg_01.jpg");
		min-height: 500px;
		background-repeat: no-repeat;
		background-size:cover;
		background-position: center bottom;
		color:white;
	}
	.recbg2{
		background-image: url("../images/recbg_02.jpg");
		min-height: 500px;
		background-repeat: no-repeat;
		background-size:cover;
		background-position: center bottom;
		color:white;
	}
}

.recsubtitle{
	font-size: 18px;
	letter-spacing: 4px !important;
}


.comtable dt{
	background-color:  #efefef;
	/*color:white;*/
	/*border-bottom: 1px solid #ffffff;*/
}




@media (min-width: 768px){
	.card-text{
		height: 175px;
	}
}

@media (min-width: 992px){
	.card-text{
		height: 200px;
	}
}

.mcolor{
background-color: #427CA8;
border-color: transparent;

}


.card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}

.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}

.card-img-top {
    display: block;
    width: 100%;
    height: auto;
}

.card-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
}

.card-footer {
    font-size: 1em;
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}

.card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}

.topv{
	position: relative;
}

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

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

.ptccolor{
	font-size: 44px !important;
	letter-spacing: 1.5px;
	color: #017EFF;
}

.ptc , .active{
	color: #017EFF !important;
}

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


.navbar-light .navbar-nav .nav-link{
		color:#00428A;
}

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

/*@media only screen and (max-width:991px){
		.navbar-light .navbar-nav .nav-link{
		color:#161616;
	}
}*/

.navbar-light .navbar-nav .active>.nav-link{
	color: #017EFF !important;	
}


.ptcbg{
	background-color: #017EFF;
}

.barea{
	position: relative;
}

.bareabotton{
	position: absolute;
	bottom:0;
	right: 0;
	width: 120px;
	height: 50px;
	color: #ffffff;
	background-color: #017EFF;
	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*/	
}

.tp07: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;
}

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

}


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

}


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


.navbar-toggler-icon{
	background-color: rgba(255,255,255,0.00);
}


.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-weight: 600;
	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 #00428A; 
  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 #2D2D2D;
  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;
}




.cft{
	font-size: 12px;
}


.tblist dt{
/*	background-color: #017EFF;
	color: white;*/

	letter-spacing: 0.2em;

}

.tblist dt span{
	border-bottom: solid;
	border-bottom-color:  #017EFF;
}

.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;*/

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#69cce0+31,5993bf+51,69cce0+71&0.4+15,1+51,0.24+84 */
background: -moz-linear-gradient(left,  rgba(105,204,224,0.4) 15%, rgba(105,204,224,0.67) 31%, rgba(89,147,191,1) 51%, rgba(105,204,224,0.54) 71%, rgba(105,204,224,0.24) 84%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(105,204,224,0.4) 15%,rgba(105,204,224,0.67) 31%,rgba(89,147,191,1) 51%,rgba(105,204,224,0.54) 71%,rgba(105,204,224,0.24) 84%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(105,204,224,0.4) 15%,rgba(105,204,224,0.67) 31%,rgba(89,147,191,1) 51%,rgba(105,204,224,0.54) 71%,rgba(105,204,224,0.24) 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6669cce0', endColorstr='#3d69cce0',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/a02.jpg") no-repeat;
  background-position: center center;
  background-size:cover;
}

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

.slider_section3 {
  width:100%;
  height:100vh;
  background:url("../images/topslwood.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;
}

.bxslider02 li{
	left: 0px;
}

.pager-style{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}

.newslist01 {
  /*border-top: 1px solid #AAAAAA;*/
  width: 100%;
}
.newslist01 li {
  border-bottom: 1px solid #AAAAAA;
  font-size: 14px;
list-style: none;
}
.newslist01 li  {
  box-sizing: border-box;
  color: #000000;
  display: table;
  padding: 10px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  width: 100%;
}
/*.newslist01 li a:hover {
  background: #EEEEEE;
  text-decoration: none;
}*/

.newslist01 li div {
  display: table-cell;
  width: 144px;
}
.newslist01 li p {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
}

/* 時間の設定 */
.newslist01 li time {
  display: table-cell;
  vertical-align: top;
  width: 90px;
}

/* カテゴリの設定 */
.newslist01 li .cat01,
.newslist01 li .cat02 {
  background-color: #1B73BA;
  border-radius: 1px;
  color: #FFFFFF;
  font-size: 9px;
  padding: 0 2px;
  text-align: center;
  width: 50px;
}
.newslist01 li .cat02 {
  background-color: #0E3A5F;
}

/*=== FOOTER ===*/
/*footer { box-sizing: border-box; padding: 35px 0 15px; width: 100%; background:url("../images/footer01.jpg");
background-repeat: no-repeat;
background-size: cover;
padding-top: 300px;
}

@media only screen and (max-width:1370px){
	footer {background:url("../images/footer02.jpg");
	}
}

@media only screen and (max-width:830px){
	footer {background:url("../images/footer03.jpg");
	padding-top: 300px;
	}
}

@media only screen and (max-width:560px){
	footer {background:url("../images/footer04.jpg");
	padding-top: 300px;
	}
}*/

footer .inner__container .footer__nav { width: 100%; text-align: center; }
footer .inner__container .footer__nav--list { display: inline-block; padding: 0 40px; border-right: 1px solid #1D1D1D; height: 12px; }
footer .inner__container .footer__nav--list:first-child { padding-left: 0; }
footer .inner__container .footer__nav--list:last-child { padding-right: 0; border-right: none; }
footer .inner__container .footer__nav--list-link { display: inline-block; vertical-align: top; font: normal 12px/1 "游ゴシック", Helvetica Neue, Helvetica, Arial, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #1D1D1D; -webkit-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
footer .inner__container .footer__nav--list-link:hover { color: #B7B7B7; text-decoration: none;}
footer .inner__container .site__address { margin: 35px 0 20px; width: 100%; text-align: center; }
footer .inner__container .site__address--title { display: block; margin-bottom: 10px; font: bold 16px/1 "游ゴシック", Helvetica Neue, Helvetica, Arial, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #fff; }
footer .inner__container .site__address--location { display: block; font: normal 12px/1.5 "游ゴシック", Helvetica Neue, Helvetica, Arial, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #1D1D1D; }
footer .inner__container .site__address--link { position: relative; display: inline-block; padding-right: 10px; margin-right: 10px; font: normal 12px/1 "游ゴシック", Helvetica Neue, Helvetica, Arial, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #1D1D1D; -webkit-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
footer .inner__container .site__address--link:hover { color: #B7B7B7; text-decoration: none;}
footer .inner__container .site__address--link::after { content: ''; position: absolute; top: -1px; right: 0; height: 12px; width: 1px; background-color: #fff; }
footer .inner__container .site__address--link:last-child { padding-right: 0; margin-right: 0; }
footer .inner__container .site__address--link:last-child::after { display: none; }
footer .inner__container .gmap__btn { box-sizing: border-box; background-color: transparent; border: 1px solid #1D1D1D; text-align: center; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; width: 200px; height: 35px; margin: 0 auto 38px; cursor: pointer; -webkit-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
footer .inner__container .gmap__btn:hover { background-color: rgba(92,92,92,0.70); border-color: #5C5C5C; }
footer .inner__container .gmap__btn:hover p::before { -webkit-animation: bounceSmall 1s infinite; -ms-animation: bounceSmall 1s infinite; animation: bounceSmall 1s infinite; }
footer .inner__container .gmap__btn p { position: relative; box-sizing: border-box; padding-left: 20px; display: inline-block; font: normal 12px/1 "游ゴシック", Helvetica Neue, Helvetica, Arial, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #1D1D1D; }
footer .inner__container .gmap__btn p::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; height: 14px; width: 12px; /*background: url("../img/main/map-marker.png") center/contain no-repeat;*/ margin: auto; }
footer .inner__container .copyrights { display: block; text-align: center; font: normal 10px/1.5 "游ゴシック", Helvetica Neue, Helvetica, Arial, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #1D1D1D; }
footer .address__modal { background-color: rgba(250, 250, 250, 0.8); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: -100; opacity: 0; -webkit-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
footer .address__modal.opened { opacity: 1; z-index: 999999; }
footer .address__modal .modal__display { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: calc(100% - 30px); max-width: 1100px; height: 80vh; margin: auto; opacity: 0; box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.6); -webkit-transition: 0.4s ease; -ms-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); }
footer .address__modal .modal__display.active { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
footer .address__modal .modal__display iframe { width: 100%; height: 100%; }
footer .address__modal .modal__display--close { position: absolute; top: -15px; right: -15px; background-color: #2D2D2D; height: 30px; width: 30px; border: 1px solid #2D2D2D; overflow: hidden; z-index: 100; cursor: pointer; -webkit-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
footer .address__modal .modal__display--close:hover { background-color: #1f6531; border-color: #1f6531; }
footer .address__modal .modal__display--close::before, footer .address__modal .modal__display--close::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 2px; width: 22px; border-radius: 1px; margin: auto; background-color: #fff; }
footer .address__modal .modal__display--close::before { -webkit-transform: perspective(1px) rotate(45deg); -ms-transform: perspective(1px) rotate(45deg); -o-transform: perspective(1px) rotate(45deg); transform: perspective(1px) rotate(45deg); }
footer .address__modal .modal__display--close::after { -webkit-transform: perspective(1px) rotate(-45deg); -ms-transform: perspective(1px) rotate(-45deg); -o-transform: perspective(1px) rotate(-45deg); transform: perspective(1px) rotate(-45deg); }
/*--- MOBILE ---*/
@media screen and (max-width: 767px) { footer .inner__container .footer__nav { display: flex; flex-flow: row wrap; justify-content: space-around; padding: 0px;}
  footer .inner__container .footer__nav--list { padding: 0 5px; margin-bottom: 15px; border-right: none; height: auto; }
  footer .inner__container .footer__nav--list:first-child { padding: 0 5px; }
  footer .inner__container .footer__nav--list:last-child { padding: 0 5px; }
  footer .address__modal .modal__display--close { top: -10px; right: -10px; } }

.loop_css {
  position: relative;
  display: -webkit-flex;
  display: flex;
  width: 100vw;
  height: 600px;
  left: 50%;
  margin-left: -50vw;
  overflow: hidden;
}

.loop_css img {
  width: auto;
  height: 100%;
}

/* 1つ目の画像 */
.loop_css img:first-child {
  -webkit-animation: loop 100s -50s linear infinite;
  animation: loop 100s -50s linear infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

/* 2つ目の画像 */
.loop_css img + img {
  -webkit-animation: loop2 100s  linear infinite;
  animation: loop2 100s linear infinite;
}

/*アニメーション*/
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

@keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

top_oya {
  position: relative;
  }

.top_oya div {
  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: #161616;
  font-size: 30px;
	font-weight: 700;
	text-shadow: 
    white 1px 1px 10px, white -1px 1px 10px,
    white 1px -1px 10px, white -1px -1px 10px;
  }

@media screen and (max-width: 1199px){
	.top_oya div{
	font-size: 26px;
	font-weight: 700;
	}
}

@media screen and (max-width: 450px){
	.top_oya div{
	font-size: 22px;
	font-weight: 600;
	}
}

@media screen and (max-width: 380px){
	.top_oya div{
	font-size: 20px;
	}
}


/*.top_oya img {
  width: 100%;
  }*/

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

.text_shadow01{
	text-shadow: 
    white 1px 1px 10px, white -1px 1px 10px,
    white 1px -1px 10px, white -1px -1px 10px;
}

.min{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

.under_title{
  position: relative;
  }

.under_title div {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  text-shadow: 
  white 1px 1px 10px;
	color: #0D0D0D;
  }

.business_tile{
  position: relative;
  }

.business_tile div {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  text-shadow: 
  white 1px 1px 10px;
	font-size: 18px;
	color: #0D0D0D;
	font-weight: bold
  }

@media screen and (max-width: 650px){
	.under_title div h1{
		font-size: 22px!important;
	}
}

.acd-check{
    display: none;
}
.acd-label{
    background: #0068b7;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    position: relative;
	cursor: pointer;
}
.acd-label:after{
    background: #00479d;
    box-sizing: border-box;
    content: '\f106';
    display: block;
    font-family: "Font Awesome 5 Free";
    /*height: 52px;*/
    padding: 10px 20px;
    position: absolute;
	font-weight: 900;
    right: 0;
    top: 0px;
}
.acd-content{
    border: 1px solid #333;
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:after{
    content: '\f107';
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

@media screen and (max-width: 767px){
	.acd-check:checked + .acd-label + .acd-content{
		height: auto;
	}
}

.bg-white30{
	    background-color: rgba(255,255,255,0.50);
}

.history__field--list { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; margin-bottom: 20px; }
.history__field--list-date,.history__field--list-text { font: normal 14px/1.5 "游ゴシック", Helvetica Neue, Helvetica, Arial, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #333; }
.history__field--list-date { width: 120px; }
.history__field--list-text { width: calc(100% - 120px); }


.carousel-caption{
	bottom: 40%;
}

/*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;
    }
}


section table { width: 100%; }
section th, section td  { padding: 10px; border-bottom: 1px solid #ddd; }
section th  { background: #FFFFFF; color: #565B5F;}
 
/*----------------------------------------------------
  .rspt
----------------------------------------------------*/
.rspt th  { width: 30%; text-align: left; }
.rspt td{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; }
}

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

.slide_font{
	font-family:Arial, Helvetica, "sans-serif";
	font-weight: 700;
	font-size: 64px;
}

@media only screen and (max-width:980px){
	.slide_font{
	font-size: 48px;
}
}

@media only screen and (max-width:660px){
	.slide_font{
	font-size: 32px;
}
}

@media only screen and (max-width:441px){
	.slide_font{
	font-size: 24px;
}
}

.slide_font_color02{
	color:black;
}

/*.bg_under{
	background-image: url("../images/mainback.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	height: 180px;
}*/

.bg_top{
	background-image: url("../images/top/top_haikei.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 180px;
	padding-bottom: 180px;
}

.bg_top02{
	background-image: url("../images/globalback02.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	height: 85px;
}

.top_color{
	color: #131313;
}

.top_messe01{
	font-family:"Times New Roman", Times, "serif";
	font-size: 72px;
}



.top_messe02{
	font-family:"Times New Roman", Times, "serif";
	font-size: 32px;
}

@media only screen and (max-width:980px){
	.top_messe01{
	font-size: 38px;
	}
	
	.top_messe02{
	font-size: 22px;
	}

}

.nav_bg{
	background-color:#FFFFFF;
	border-top: solid 30px #00428A;
}

@media only screen and (max-width:991px){
	.nav_bg{
	background-color:#FFFFFF;
	}
}

/*@media only screen and (max-width:730px){
	.nav_bg{
	background-image: url("../images/nav_bg03.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	}
}

@media only screen and (max-width:450px){
	.nav_bg{
	background-image: url("../images/nav_bg.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	}
}*/

.top_01{
	font-size: 2em;
	color:#1BA440 ;
}

.top_01 span{
	font-size: 0.6em;
	color: #0E0E0E;
	line-height: 16px;
}

.top_02{
	font-size: 2em;
	color:#52D302 ;
}

.top_03{
	color:#1BA440 ;
	font-size: 2em;
}

.mein_oya {
  position: relative;
  }

.mein_oya div {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  }

.mein_oya02 {
  position: relative;
  }

.mein_oya02 div {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  }

.mein_oyafont_size{
	font-size: 48px;
	font-weight: 900;
	text-align: left;
	line-height: 120px;
	color: white;
}

.mein_oyafont_size02{
	font-size: 28px;
	font-weight: 900;
	text-align: left;
	line-height: 120px;
	color: white;
}

.mein_oya02{
	position: relative;
	
	
}


.mein_ko_font_size{
	font-size: 56px;
	font-weight: 900;
	text-align: left;
	line-height: 120px;
}

@media only screen and (max-width:989px){
	.mein_oyafont_size{
	font-size: 36px;
	}
	
	.mein_oyafont_size02{
	font-size: 22px;
	}
}

@media only screen and (max-width:460px){
	.mein_oyafont_size02{
	font-size: 14px;
	}
}

@media only screen and (max-width:430px){
	.mein_oyafont_size{
	font-size: 26px;
	}
}


/*.mein_ko_font_size02{
	font-size: 72px;
	font-weight: 900;
	line-height: 80px;
	padding: 15px;
	background-color: rgba(0,20,113,0.79)
}

.mein_ko_font_size03{
	font-size: 72px;
	font-weight: 900;
	line-height: 80px;
	padding: 10px;
}*/

@media only screen and (max-width:1248px){
	.mein_ko_font_size{
	font-size: 46px;
	font-weight: 900;
	line-height: 100px;
	}
}

@media only screen and (max-width:1029px){
	.mein_ko_font_size{
	font-size: 36px;
	font-weight: 900;
	line-height: 80px;
	text-align: center;
	}
	
	/*.mein_ko_font_size02{
	font-size: 28px;
	font-weight: 900;
	line-height: 60px;
	}*/
}

@media only screen and (max-width:809px){
	.mein_ko_font_size{
	font-size: 26px;
	font-weight: 800;
	line-height: 60px;
	
	}
	
	/*.mein_ko_font_size02{
	font-size: 24px;
	font-weight: 800;
	line-height: 40px;
	}*/
}

@media only screen and (max-width:430px){
	.mein_ko_font_size{
	font-size: 32px;
	font-weight: 700;
	line-height: 30px;
	}
	
	/*.mein_ko_font_size02{
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
}*/
}

/*.mein_ko02{
  position: absolute;
  top: 20%;
  left: 19%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	text-align: left;
	color: #FFFFFF;
	text-shadow: 
    black 1px 1px 10px, black -1px 1px 10px,
    black 1px -1px 10px, black -1px -1px 10px;
  }

.mein_ko03{
  position: absolute;
  top: 50%;
	left: 20%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	text-align: left;
	color: #241f97;
	
  }

.mein_ko04{
  position: absolute;
  top: 50%;
	left: 30%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	text-align: left;
	color: #241f97;
	
  }*/

@media only screen and (max-width:1350px){
	.mein_ko01{
		top:50%;
		right: 0;
		left: 40%;
		width: 80%;
	}
	
}

@media only screen and (max-width:754px){
	.mein_ko01{
		right: 0;
		left: 50%;
		width: 80%;
	}
	
}

.bx-wrapper {
  margin: 0 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}

.bxslider img{
  width: 100% !important;
  height: auto !important;
}


.bg-slider {
	width: 100%;
	height: 100vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-slider__title{
	color: #fff;
	font-size: 48px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}






.bx-wrapper05 {
  border: none;
  box-shadow: none;
  margin: 0;
}

.container05 {
  display: flex;
  background: #000;
}

.slider {
  width: 75%;
}
.slider ul li img {
  display: block;
  width: 100%;
  height: auto;
}

.pager {
  position: relative;
  width: 25%;
}
.pager ul {
  display: flex;
  flex-wrap: wrap;
}
.pager ul li {
  width: 100%;
}
.pager ul li a img {
  display: block;
  width: 100%;
  height: auto;
}

/*選択中の枠のスタイル*/
.current {
  position: absolute;
  top: 0;
  left: 0;
  border: 5px solid #7EC699;
  transition: .5s;
}

figure{
  background: rgba(0,0,0,1.00);
}
figure img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
figure:hover img {
  opacity: .5;
}

.kamikougreen_color{
color: #07913a;
font-size: 1.4rem;
font-weight: 300;
}

.jigyou_border01{
	border-bottom: solid 1px #9da691;
	border-top: solid 1px #9da691;
}

.jigyou_border02{
	border-bottom: solid 1px #646e63;
	border-top: solid 1px #646e63;
}

.jigyou_border03{
	border-bottom: solid 1px #8dad88;
	border-top: solid 1px #8dad88;
}

.jigyou_border04{
	border-bottom: solid 1px #93a190;
	border-top: solid 1px #93a190;
}

.index_top_pa{
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

/*@media only screen and (max-width:991px){
	.index_top_pa{
	padding-top: 110px;
	}
}*/
.navbar-light .navbar-toggler {
    color: rgba(255,255,255,0.50);
    border-color: rgba(255,255,255,0.10);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("../images/menu.png");
}

.middle_01{
	background-color: rgba(0,0,0,1.00);
	/*height: 700px;*/
}

.middle_02{
	background-color: rgba(28,60,135,0.28);
	height: 700px;
}

.middle_03{
	background-color: rgba(35,33,255,0.28);
	height: 700px;
}

.middle_04{
	height: 400px;
}

.middle_05{
	height: 600px;
}

.ft-w{
	width: 50%;
	padding-top: 10px;
}

@media only screen and (max-width:991px){
.ft-w{
	width: 100%;
	padding-top: 10px;
}
	
	
	/*.middle_01{
	height: 600px;
}*/

.middle_02{
	height: 600px;
}
	
.middle_03{
	height: 600px;
}
}

.middle_01 p{
	color: white;
	font-size: 20px;
}

.middle_02 p{
	color: white;
	font-size: 20px;
}

.middle_03 p{
	color: white;
	font-size: 20px;
}

.middle_01 a{
	text-decoration: none;
}

.middle_02 a{
	text-decoration: none;
}

.middle_03 a{
	text-decoration: none;
}

.middle_04 a{
	text-decoration: none;
}

.middle_05 a{
	text-decoration: none;
}

.middle_01_bg{
	background-image: url("../images/top/middle_bg_01.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.middle_02_bg{
	background-image: url("../images/top/middle_bg_02.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.middle_03_bg{
	background-image: url("../images/top/middle_bg_03.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.middle_04_bg{
	background-image: url("../images/top/middle_bg_04.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.middle_05_bg{
	background-image: url("../images/ft01.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.news_h{
	color: #14148A;
	font-size: 26px;
}

.bg-black{
	background-color: #000000;
}

/* 画面幅が1024px以上の時は */
@media screen and (min-width: 1024px) {
  .ps-br{
    display: block; /* PCを改行して */
  }

  .sp-br{
    display: none; /* SPの改行を隠す */
  }
}

/* 画面幅が560px以下の時は */
@media screen and (max-width: 560px) {
  .ps-br{
    display: none; /* PCの改行を隠して */
  }

  .sp-br{
    display: block; /* SPを改行する */
  }
	
	h4{font-size: 16px;}
}

.top_mein_image{
	border-bottom: solid 30px #00428A;
}

@media only screen and (max-width:991px){
	.top_mein_image{
	border-bottom: 0px ;
}
}

.card-title {
	color: #00428A;
}

.card-title span {
	font-size: 12px;
	padding-left: 10px;
}

.btn--color,
a.btn--color {
  color: #fff;
  background-color: #00428A;
	font-size: 20px;
	padding: 10px;
	width: 100%;
}
.btn--color:hover,
a.btn--color:hover {
  color: #00428A;
  background: #fff;
	border:solid #B1B1B1 1px;
}

a.btn--radius {
   border-radius: 100vh;
}

.top_hr{
	border-top: #00428A solid 5px;
	width: 65px;
	margin-left: 0;
}

.bg_blue{
	background-color: #00428A;
}

.btn--color2,
a.btn--color2 {
	color: #00428A;
  background: #fff;
	border:solid #B1B1B1 1px;
	font-size: 20px;
	padding: 10px;
	width: 100%;
}
.btn--color2:hover,
a.btn--color2:hover {
  
  color: #fff;
  background-color: #00428A;
}

a.btn--radius {
   border-radius: 100vh;
}

.blue_p{
	color: #00428A;
}

.top_contact_h2{
	font-size: 58px;
}

.top_h1{
	font-size: 22px;
}

.px12{
	font-size: 12px;
}

.footer_text_li{
	color: white;
}

.footer_text_li:hover{
	color: #9CA4FF;
}

.figure01:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}

@media (min-width: 768px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
	
}

@media (max-width: 768px) {
.buz_h {
		font-size: 18px;
	}
}

.form_check{
	text-decoration: underline;
}

.company_bg{
	background:url("../images/company/02_bg.jpg");
}

.company_hr{
	border-top: 3px solid #9A9A9A; 
}

/*タブ関係*/
.tabs {
	margin-top: 50px;
	padding-bottom: 40px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	/*width: 700px;*/
	margin: 0 auto;}
  

  .tab_item {
	width: calc(100%/3);
	height: 50px;
	border-bottom: 3px solid #00428A;
	background-color: #d9d9d9;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
  }
  .tab_item:hover {
	opacity: 0.75;
  }
  

  input[name="tab_item"] {
	display: none;
  }
  

  .tab_content {
	display: none;
	padding: 40px 40px 0;
	clear: both;
	overflow: hidden;
  }
  
  

  #all:checked ~ #all_content,
  #programming:checked ~ #programming_content,
  #design:checked ~ #design_content {
	display: block;
  }
  

  .tabs input:checked + .tab_item {
	background-color: #00428A;
	color: #fff;
  }

  @media screen and  (max-width: 767px) {
	.tabs {
		margin-top: 50px;
		padding-bottom: 40px;
		background-color: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		width: 100%;
		margin: 0 auto;}

		.tab_item{
			font-size: 11px;
		}

		.tab_content {
			display: none;
			padding: 10px 10px 0;
			clear: both;
			overflow: hidden;
		  }

  }

.hai_line dd{
	
	border-left: solid 10px #00428A;
	padding: 10px;
}

.hai_line dt{
	text-align: right;
	padding-top: 10px;
}


	.hai_text{
		color: #6F6F6F;
	}

.form_btn{
    background: #005183;
    border: 1px solid #fff;
    color: #fff;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    transition: all .5s ease-out;
    position: relative;
}
 
.form_btn:hover{
    border: 1px solid #005183;
    background: #fff;
    color: #005183;
}

.submit_btnarea {
    width: 360px;
    margin: 0 auto;
}

input[type="button"][disabled] {
            background-color: #fff;
            color: #ccc;
            border-color: #ccc;
            cursor: default;
        }
     
 input[type="button"][disabled]:hover{
        opacity:1;
    	}

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

			.hai_line dd{
	
				border-left: solid 10px #00428A;
				padding: 10px;
				margin: 0 20px;
			}

		.hai_line dt{
			text-align: left;
			padding: 10px 20px;
		}
	}

	.text-sm{
		font-size: 12px;
	}

	.sekou_midashi {
		color: #6cb4e4;
		text-align: center;
		padding: 0.25em;
		border-top: solid 2px #6cb4e4;
		border-bottom: solid 2px #6cb4e4;
		background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
		background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	  }