@import url(//fonts.googleapis.com/css?family=Lato:400,700);
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);


/*=========================================================================================================================*/
/*=====[基本設定]==========================================================================================================*/
/*=========================================================================================================================*/



html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	padding: 0 !important;
	margin: 0 !importan;
	font-size: 62.5%;
	background-color:#fff;

}



body {
	padding: 0 !important;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	overflow-wrap: break-word;
	word-break: normal;
	font-size: 10px;
	font-size: 1.0rem;
}


/*=========================================================================================================================*/
/*=====[テキストの装飾]====================================================================================================*/
/*=========================================================================================================================*/



p {
	font-size: 16px;
	font-size: 1.6rem;
/*	margin-bottom:2rem !important;*/
}


/*=========================================================================================================================*/
/*=====[画像の設定]========================================================================================================*/
/*=========================================================================================================================*/



img {
	max-width : 100% ;
	height : auto ;
	object-fit: cover;
}



/*=========================================================================================================================*/
/*=====[ナビゲーションの設定]==============================================================================================*/
/*=========================================================================================================================*/
nav.navbar {
	border-bottom:2px solid #666;
}

div.navbar_box {
	background-color:#000;
	padding:0;
	margin:0 auto;
}

div.navbar_box .navba {
	background-color:#f2f2f2;
}

.nav-justified {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.navbar .nav-justified > li {
	display: table-cell;
	width: 100%;
}



.navbar-dark .navbar-nav .nav-link.disabled {
 color: #fff !important;
}

.navbar-light .navbar-nav .nav-link.disabled {
 color: #000 !important;
}

.navbar-collapse ul {
	font-size: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 4px;
	list-style: none;
	text-align: center;
}

.navbar-collapse li {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 8px;
	display: inline-block;
	text-align: left;
	color:#000;
	border-bottom:1px solid #f2f2f2;
}

.navbar-collapse li a {
	text-decoration: none;
	padding-bottom: 3px;
	color: #000;
	display: block;
	position: relative;
}
.navbar-collapse li a:before {
	content: '';
	width: 0;
	left: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	border-bottom: 3px solid #2196f3;
	position: absolute;
	display: block;
}

.navbar-collapse li a:hover:before {
	width: 50%;
	border-bottom: 3px solid #2196f3;
}
.navbar-collapse li a:after {
	content: '';
	width: 0;
	right: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	border-bottom: 3px solid #2196f3;
	position: absolute;
	display: block;
}
.navbar-collapse li a:hover:after {
	width: 50%;
	border-bottom: 3px solid #2196f3;
}

/*=========================================================================================================================*/
/*=====[検索エンジンの設定]================================================================================================*/
/*=========================================================================================================================*/

#kensaku {
	display:none
}

#search_btn {
	display:none
}




/*=========================================================================================================================*/
/*=====[設定]========================================================================================================*/
/*=========================================================================================================================*/

section {
	padding:0;
	margin:0 auto;
}


.wrapper {
	padding:2rem 0;
	margin:0 auto;
	border-radius:4px;
}

section#main {
	background-color:#fdfdfd;

}


section#tv {
	background-color:#f2f2f2;

}

section#radio {
	background-color:#fff;

}




h1 {
	font-size:30px !important;
	font-size: 3.0rem !important;
	text-align:center;
	margin:2rem auto !important;
	letter-spacing: 2px;
	color: #1868a6 !important;
}


h1:after {
	display: block;
	margin: 10px auto 0;
	width: 80px;
	height: 4px;
	background: #1868a6;
	content: "";
}

h2 {
	font-size: 20px !important;
	font-size: 2.0rem !important;
	padding: 6px 10px;
	text-align: center;
	color: #fff !important;
	letter-spacing: 2px;
	background-color: #1868a6;

}


h3 {
	font-size: 16px !important;
	font-size: 1.6rem !important;
	padding:4px 0 4px 6px;
	text-align: left;
	color: #1868a6 !important;
	letter-spacing: 2px;
	border-left:4px solid #1868a6 ;
}




ul {
	margin:0;
	padding:0;
}

ul li {
	list-style:none;
}



.copyright {
	text-align:center;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding:2rem;
	margin:0 auto;
	border-top:4px solid #1868a6 ;

}



/*===[会社概要等：テキスト]====*/

.sitenav_list_box {
	margin-bottom:2rem;
}

span.t_small {
	font-size:12px;
	font-size:1.2rem;	
}

ul.sitenav_list {
	margin-bottom: 1rem;
	display: block;
	width: 100%;
}

ul.sitenav_list li {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
}

ul.sitenav_list li:before {
	font-family: FontAwesome;
	content : "\f0a9";
	padding-right: 10px;
	color: #333;
	font-size: 12px !important;
	font-size: 1.2rem !important;
}











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


h1 {
	font-size:24px !important;
	font-size: 2.4rem !important;
	text-align:center;
	margin:2rem auto !important;
	letter-spacing: 2px;
	color: #1868a6 !important;
}


h1:after {
	display: block;
	margin: 10px auto 0;
	width: 80px;
	height: 4px;
	background: #1868a6;
	content: "";
}




}