@charset "UTF-8"; 

body	{
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #4c4c4c;
}

.txt	{
	font-size: 16px;
	line-height: 1.7;
	text-align: justify;
}
.txt_ul	{
	font-size: 16px;
	line-height: 1.7;
	text-align: justify;
	padding-left: 22px;
	margin-bottom: 0rem;
}
.txt_ind	{
	font-size: 16px;
	line-height: 1.7;
	text-align: justify;
	margin-left: 16px;
	text-indent: -1em;
}
.txt_s	{
	font-size: 14px;
	line-height: 1.5;
	text-align: justify;
}
.txt_ind_s	{
	font-size: 14px;
	line-height: 1.5;
	text-align: justify;
	margin-left: 14px;
	text-indent: -1em;
}
.txt_pl	{
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	margin-top: 10px;
}

a img:hover	{
	opacity: 0.8;
}
.txt-kj	{
	font-size: 16px;
	line-height: 1.7;
	text-align: justify;
	color: #4c4c4c;
}
.url-black{
	color: #4c4c4c;
}
.txt-head	{
	font-size: 16px;
	line-height: 1.7;
	text-align: justify;
	text-indent: -1em;
	padding-left:1em;
}
.privacy-table{
	font-size: 16px;
	line-height: 1.7;
	text-align: justify;
	border-collapse: collapse;
}
.privacy-table td{
	border: solid 1px #4c4c4c;
	padding: 5px;
}	
.table-header{
	text-align: center;
	width: 10%;
}
.table-foot{
	padding: 5px;
	border: dashed 1px  #4c4c4c;
}
.ul-indent{
	list-style: none;
	padding-left: 4em;
	text-indent: -1em;
}
.idt1{
	padding-left: 1.3em;
	text-indent: -1em;
}
.idt3{
	padding-left: 3em;
	text-indent: -3em;
}
.idt4{
	padding-left: 4em;
	text-indent: -1em;
}
.idt8{
	padding-left: 8em;
	text-indent: -1em;
}
.ml6em-idt {
	margin-left: 6em;
}

.address-idt{
	margin-left: 14em;
}

@media (max-width: 767px) {
	.address-idt{
		margin-left: 2em;
	}
	.ml6em-idt {
	margin-left: 2em;
	}
	.idt8{
	padding-left: 3em;
	text-indent: -1em;
	}
}

@media (max-width: 600px) {
	.txt	{
		font-size: 14px;
		line-height: 1.6;
	}
	.txt_ind	{
		font-size: 14px;
		line-height: 1.6;
		margin-left: 14px;
	}
	.txt_s	{
		font-size: 12px;
		line-height: 1.3;
	}
	.txt_ind_s	{
		font-size: 12px;
		line-height: 1.3;
		margin-left: 12px;
	}
}




.header	{
	background-color: #00a08e;	
}
.pcLogo	{
	padding-top: 10px; 
}
.spLogo	{
	display: none;
}
.navbar {
    padding: .0rem 0rem;
}
.navbar-nav	{
	width: 100%;
}
.nav-item {
    position: relative;
    width: 16.6%;
    text-align: center;	
}
.nav-link	{
	color: #fff!important;
	padding: 15px 0px 15px 0px;
}
.nav-link:hover	{
	color: #fff!important;
	/* Permalink - use to edit and share this gradient:  */
	background: #00a08e; /* Old browsers */
	background: -moz-linear-gradient(top, #00a08e 0%, #00776a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00a08e 0%,#00776a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00a08e 0%,#00776a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a08e', endColorstr='#00776a',GradientType=0 ); /* IE6-9 */
}
.nav-active	{
	color: #fff!important;
	/* Permalink - use to edit and share this gradient:  */
	background: #00a08e; /* Old browsers */
	background: -moz-linear-gradient(top, #00a08e 0%, #00776a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00a08e 0%,#00776a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00a08e 0%,#00776a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a08e', endColorstr='#00776a',GradientType=0 ); /* IE6-9 */
}
.dropdown-item	{
	font-size: 0.9em;
	color: #4c4c4c!important;
}
.drawer-toggle	{
	display: none;
}
.drawer-nav	{
	background-color: #00a08e!important;
}


@media (max-width: 1200px) {
	.nav-item {
		font-size: 0.9em;
	}
}

@media (max-width: 991px) {
	.pcLogo	{
		display: none;
	}
	.spLogo	{
		display: block;
		padding: 10px 0 0 0; 
	}
	.navbar-brand img	{
		width: 250px;
	}
	.header	{
		background-color: #fff;	
	}
	.dropdown-menu	{
		border: 0px solid rgba(0,0,0,.15);
	    font-size: 0.9em;
	    line-height: 1.5;
	}
	.dropdown-item	{
		color: #4c4c4c!important;
	}
	.drawer-hamburger {
	    position: relative!important;
    }
	.nav-item {
	    width: 100%;
	    text-align: left;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.nav-link:hover	{
		/* Permalink - use to edit and share this gradient:  */
		background: #00a08e; /* Old browsers */
		background: -moz-linear-gradient(top, #00a08e 0%, #00a08e 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #00a08e 0%, #00a08e 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #00a08e 0%,#00a08e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a08e', endColorstr='#00a08e',GradientType=0 ); /* IE6-9 */
	}
	.nav-active	{
		/* Permalink - use to edit and share this gradient:  */
		background: #00a08e; /* Old browsers */
		background: -moz-linear-gradient(top, #00a08e 0%, #00a08e 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #00a08e 0%, #00a08e 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #00a08e 0%,#00a08e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a08e', endColorstr='#00a08e',GradientType=0 ); /* IE6-9 */
	}
	.dropdown-item	{
		white-space: normal;
	}


}


/* ------- TOPページ ------- */

.bg_top	{
	background-color: #f5f5f5;
	padding: 10px 0px 30px 0px;
}


/* スライダーエリア */

/*.carousel-indicators .active {
    background-color: #00a08e;
}*/
.carousel-control-prev , 
.carousel-control-next	{
	font-size: 3em;
	text-decoration: none;
}
@media (max-width: 991px) {
	.carousel-control-prev , 
	.carousel-control-next	{
		font-size: 2em;
	}
	.carousel-indicators	{
		bottom: 0px;
	}
}

/* TOPグリッドエリア */
.topmainArea {
  display: grid;
  grid-gap: 3px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto auto;
	  display: -ms-grid;
	  -ms-grid-columns: 1fr 1fr 1fr 1fr;
	  -ms-grid-rows: auto auto auto;
}
.topGridimg	{
	padding: 3px;
}
.slideArea	{
	grid-column: 1 / 4;
	grid-row: 1 / 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
}
.ms-topGrid01	{
		-ms-grid-column: 4;
		-ms-grid-column-span: 4;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
}
.ms-topGrid02	{
		-ms-grid-column: 4;
		-ms-grid-column-span: 4;
		-ms-grid-row: 2;
		-ms-grid-row-span: 2;
}
.ms-topGrid03	{
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
}
.ms-topGrid04	{
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		-ms-grid-row: 3;
		-ms-grid-row-span: 2;
}
.ms-topGrid05	{
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
}
.ms-topGrid06	{
		-ms-grid-column: 4;
		-ms-grid-column-span: 1;
		-ms-grid-row: 3;
		-ms-grid-row-span: 4;
}
.ms-topGrid07	{
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 4;
		-ms-grid-row-span: 1;
}
.ms-topGrid08	{
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		-ms-grid-row: 4;
		-ms-grid-row-span: 2;
}
.ms-topGrid09	{
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		-ms-grid-row: 4;
		-ms-grid-row-span: 3;
}
.ms-topGrid10	{
		-ms-grid-column: 4;
		-ms-grid-column-span: 1;
		-ms-grid-row: 4;
		-ms-grid-row-span: 4;
}
.ms-topGrid11	{
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
}
.ms-topGrid12	{
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		-ms-grid-row: 5;
		-ms-grid-row-span: 2;
}
.ms-topGrid13	{
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		-ms-grid-row: 5;
		-ms-grid-row-span: 3;
}
.ms-topGrid14	{
		-ms-grid-column: 4;
		-ms-grid-column-span: 1;
		-ms-grid-row: 5;
		-ms-grid-row-span: 4;
}
@media (max-width: 991px) {
	.topmainArea {
	  display: grid;
	  grid-gap: 3px;
	  grid-template-columns: 1fr 1fr;
	  grid-template-rows: auto auto auto auto;
	}
	.slideArea	{
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}
}







/* ------- 大見出しページ ------- */

.title_ber_about {
    position: relative;
    background-image: url(../img/title_ber_about.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.title_ber_company {
    position: relative;
    background-image: url(../img/title_ber_company.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.title_ber_service {
    position: relative;
    background-image: url(../img/title_ber_service.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.title_ber_access {
    position: relative;
    background-image: url(../img/title_ber_access.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.title_ber_recruit {
    position: relative;
    background-image: url(../img/title_ber_recruit.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.maintitle_back	{
	background: rgba(255,255,255,0.6);
	border-radius: 10px;
	margin: 30px 0 30px 0;
}
.maintitle	{
	padding: 20px 0 20px 0;
	font-size: 1.6em;
	text-align: center;
}
.titleicontop	{
	margin: 0 auto;
	display: block;
	width: 35px;
	padding-bottom: 10px;
}
.titleiconbtm	{
	margin: 0 auto;
	display: block;
	width: 100px;
	padding-top: 10px;
}

@media (max-width: 600px) {
	.titleicontop	{
		width: 25px;
	}
	.maintitle	{
		padding: 20px 0 20px 0;
		font-size: 1.3em;
		text-align: center;
	}
}




/* ------- 共通ページ ------- */

.mainContents	{
	margin-top: 30px;
	background: #fff;
	padding: 30px 30px 30px 30px;
}

.mainContents h3	{
	font-size: 1.7em;
	line-height: 1.5;
	margin-bottom: 0px;
}
.titleber	{
	width: 100%;
	margin-top: -10px;
}

.mainContents h4	{
	font-size: 1.3em;
	line-height: 1.5;
	margin-bottom: 10px;
	font-weight: bold;
	margin-left: 20px;
	text-indent: -20px;
}
.titleicon	{
	width: 15px;
	padding-bottom: 3px;
}
.mainContents h5	{
	color: #00a08e;
	font-size: 1.1em;
	line-height: 1.5;
}

.dlbtn	{
	width: 100%;
	background-color: #00a08e;
    border-color: #00a08e;
}
.dlbtn:hover	{
	width: 100%;
	background-color: #138c7e;
    border-color: #138c7e;
}
.dlbtn img	{
	width: 150px;
}
.passbtn	{
	border: solid 1px #999999;
}
.column	{
	background-color: #fff9e6;
	border: solid 1px #b2b2b2;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 20px 20px 10px 20px;
}
.column .txt_ind	{
	margin-bottom: 5px;
}
.table	{
	margin-bottom: 0px;
	border: solid 1px #dee2e6
}
.table tr	{
}
.table td	{
	font-size: 16px;
	line-height: 1.7;
	text-align: justify;
	border: solid 1px #dee2e6
}
.infoArea {
	border-bottom: solid 3px #999999;
}
.infoArea h6 {
	font-size: 1.1em;
	background-color: #999999;
	width: 100%;
	color: #fff;
	text-align: center;
	padding: 7px 0 5px 0;
	margin-bottom: 0;
}
.info_txt	{
	font-size: 15px;
	margin: 15px 0 0px 10px;
}
.tel ,
.fax {
	font-size: 1.7em;
	font-weight: bold;
	margin-left: 10px;
}
.infoicon	{
	width: 28px;
	padding-bottom: 4px;
}
.service_nm20	{
	margin-top: -20px;
}
.map__img {
	max-width: 450px;
    width: 100%;	
}
@media (max-width: 1200px) {
	.info_txt	{
		font-size: 15px;
		margin: 10px 0 5px 10px;
	}
	.tel ,
	.fax {
		font-size: 1.5em;
		margin-left: 10px;
	}
	.infoicon	{
		width: 25px;
		padding-bottom: 5px;
	}
}
@media (max-width: 600px) {
	.mainContents h4	{
		margin-left: 20px;
		text-indent: -20px;
	}
	.info_txt	{
		font-size: 14px;
		margin: 10px 0 10px 0px;
	}
	.tel ,
	.fax {
		font-size: 1em;
		margin-left: 0px;
	}
	.infoicon	{
		width: 15px;
		padding-bottom: 3px;
	}
	.mainContents	{
		margin-top: 15px;
		padding: 15px 15px 5px 15px;
	}
	.mainContents h3	{
		font-size: 1.3em;
	}
	.mainContents h4	{
		font-size: 1.1em;
	}
	.titleicon	{
		width: 13px;
		padding-bottom: 4px;
	}
	.mainContents h5	{
		font-size: 1em;
		line-height: 1.5;
	}
	.table	{
		margin-bottom: 0px;
	}
	.table td	{
		font-size: 14px;
		line-height: 1.6;
		display: block;
		text-align: center;
		width: 100%;
	}
	.service_nm20	{
		margin-top: 0px;
	}
	.dlbtn	{
		width: 80%;
	}
	.dlbtn img	{
		width: 120px;
	}
}





/* ------- サイドナビ ------- */

.subContents	{
	margin-top: 30px;
	background: #fff;
}

.sidetitleArea	{
	background: #fcd24d;
	text-align: center;
	padding: 20px 0 20px 0;
}
.sideicontop	{
	margin: 0 auto;
    display: block;
    width: 30px;
    padding-bottom: 10px;
}
.sidetitleArea h4	{
	font-size: 1.2em;
	margin-bottom: 0px;
}
h4 a	{
	color: #4c4c4c;
}
ul.sideNavi	{
	margin-left: 0px;
	padding-left: 0px;
	font-size: 15px;
}
ul.sideNavi li	{
	list-style: none;
	width: 100%;
	border-bottom: solid 1px #cccccc;
}
ul.sideNavi li a	{
	color: #4c4c4c;
	padding: 10px 15px 10px 15px;
	display: block;
	text-decoration: none;
}
ul.sideNavi li a:hover	{
	background: #fcd24d;
}
.subNavi_ind	{
	display: block;
	margin-left: 20px;
}
@media (max-width: 600px) {
	.sideicontop	{
	    width: 25px;
	}
	.sidetitleArea h4	{
		font-size: 1.1em;
	}
	ul.sideNavi	{
		font-size: 14px;
	}
	.subNavi_ind	{
		display: inline-block;;
		margin-left: 0px;
	}
}







/* ------- フッター ------- */

footer	{
	position: relative;
}
.footer_bg	{
	background-color: #b2e2dd;
	background-image: url("../img/foote_img.png") ;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: right bottom;
	padding: 30px 0px 0px 0px;
	height: 350px;
}
.copy_bg	{
	padding: 10px 0px 10px 0px;
	text-align: center;
}
.acbtn {
    display: none;
}
footer h4	{
	font-size: 1em;
	height: 1.5;
	color: #4c4c4c;
}
footer h4 a	{
	color: #4c4c4c;
}
footer i	{
	color: #4dbdb0;
}
ul.ac	{
	list-style-type: none;
	font-size: 0.8em;
	line-height: 2;
	margin-left: -28px;
}
ul.ac li a	{
	color: #4c4c4c;
}
.fnavi_btn	{
	display: none;
}
.collapse:not(.show)	{
	display: block;
}
.snavi_privacy {
	margin-top: -70px;
}
.snavi_service	{
	margin-top: -40px;
}

@media (max-width: 991px) {
	.footer_bg	{
		background-image: none ;
		background-repeat: no-repeat;
		background-attachment: none;
		background-position: none;
		padding: 0px 0px 0px 0px;
		height: auto;
	}
	ul.ac	{
		font-size: 0.65em;
	}
	footer .col-lg-2 ,
	footer .col-lg-3 {
	    overflow: hidden;
	    border-bottom: 1px dotted #fff;
	}
	.footer_top .container h3 {
	    position: relative;
	    margin-bottom: 0;
	    font-size: 16px;
	}
	footer h4 {
	    margin-top: 0;
	    margin-bottom: 10px;
	    position: relative;
	    margin-bottom: 0;
		font-size: 0.9em;
	    color: #393939;
	}
	footer h4 a {
	    padding: 20px;
	    display: block;
	}
	.fnavi_btn	{
		display: inline-block;
		position: absolute;
	    top: 12px;
	    right: 10px;
	    border: 1px solid #DDD;
	    width: 32px;
	    height: 32px;
	    background: #FFF url("../img/icon_open.png") center center no-repeat;
	    background-size: 32px;
	}
	 .activeok {
		display: inline-block;
		position: absolute;
	    top: 12px;
	    right: 10px;
	    border: 1px solid #DDD;
	    width: 32px;
	    height: 32px;
	    background: #FFF url("../img/icon_clause.png") center center no-repeat;
	    background-size: 32px;
	}
	.collapse:not(.show)	{
		display: none;
	}
	.snavi_privacy {
		margin-top: 0px;
	}
	.snavi_service	{
		margin-top: 0px;
	}
	 ul.ac	{
		margin-bottom: 0px;
		margin-right: 10px;
	}
	 ul.ac li {
	    border-top: 1px dotted #fff;
	    margin-bottom: 0;
		font-size: 12px;
	}
	 ul.ac li a {
	    padding: 10px 20px 10px 20px;
	    display: block;
	}
	footer .btn	{
		border-radius: 0px;
		border: 0px;
	}
	.copy_bg small	{
		font-size: 12px;
	}
}









/* ------- ページTOPボタン ------- */
.btnPagetop {
  width:42px;
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:1000;
}

.btnPagetop img { width: 100%; }