strong { font-weight: bold; }
.basic_txt {color: #333;}
.main {color: #397bdd;}
.sub-color1 {color: #397bdd;}
.sub-color2 {color: #e0ecfd;}

.bg1 { background: #fff; }

header {margin: 0px 0px 80px 0px;}

.navbar-nav {
	margin: 0;
}
/* nav-itemの文字色 */
.navbar .navbar-nav .nav-link {
  color: #333;
}
/* nav-item activeの文字色 */
.navbar .navbar-nav .active > .nav-link {
  color: #397bdd;
}
/* nav-item:focus、nav-item:hoverの文字色 */
.navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #397bdd;
}
.dropdown-menu {
	padding: 0px 0px 15px 0px;
	margin: 0;		
}
/* ドロップダウンアイテムの文字色 */
.dropdown-item {
  color: rgba(255,255,255,1);
}

.nav-item {
	font-size: 16px;
	line-height: 1.3em;
	margin: 0px 0px 0px 20px;
}
.dropdown-menu {
	font-size: 16px;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
}

.logo {
	text-align: center;
	position: relative;
	padding: 0px 0;
	margin: 0px 20px 0px 0px;
}
.logo img {
	width: 300px;	
}

.pc { display: block;}
.mb { display: none;}
.top-image {
	width: 80%;
	padding: 0;
	margin: 0;
}


/* モバイル時 */
@media (max-width: 991px) {
	.pc { display: none;}
	.mb { display: block;}
	header {margin: 0px 0px 80px 0px;}
}

.top-image2 {
	width: 80%;
	padding: 0;
	margin: 0px 0px 10px 0px;
}
.mb-first{
	width: 100%;
	text-align:justify; 
	font-size: 18px;
	line-height: 1.4em;
	color: #333;
	background:#ffe100;
	border-radius: 10px;
	padding: 10px 20px;
	margin: 0px 0px 30px 0px;		
}





/* ----- Media queries ----- */
@media (min-width: 992px) and (max-width: 1200px) {
	.logo img {
		width: 265px;	
	}
	.nav-item {
		font-size: 15px;
		line-height: 1.3em;
		margin: 0px 0px 0px 10px;
	}
}


@media (min-width: 740px) and (max-width: 991px)  {
	.logo img {
		width: 300px;
	}
	.navbar-nav {
		margin: 15px 0px 0px 0px;
	}
	.nav-item {
		font-size: 18px;
		line-height: 1.3em;
		margin: 0px 0px 0px 15px;
	}
	ul.navbar-nav li {
		padding: 5px 0px 5px 20px;
		border-bottom: solid 1px #ccc;
		background-color: #fff;
		transition: background-color 0.3s ease-in-out;
	}
	.navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #397bdd;}
	ul.navbar-nav li:hover {background-color: #f2f7fe;}

	.dropdown-menu {
		padding: 0px 0px 15px 0px;
		margin: 0;		
	}
	
	/* スライダー表示切替 */
	.sl-mb { display: block;}
	.sl-pc { display: none;}
}


@media (max-width: 739px) {
	.container {
		padding: 0px 25px;
	}
		
	.logo img {
		width: 280px;	
	}
	.navbar-nav {
		margin: 10px 0px 0px 0px;
	}
	.nav-item {
		font-size: 18px;
		line-height: 1.3em;
		margin: 0px 0px 0px 15px;
	}
	ul.navbar-nav li {
		padding: 5px 0px 5px 20px;
		border-bottom: solid 1px #ccc;
		background-color: #fff;
		transition: background-color 0.3s ease-in-out;
	}
	.navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #397bdd;}
	ul.navbar-nav li:hover {background-color: #f2f7fe;}

	.dropdown-menu {
		padding: 0px 0px 15px 0px;
		margin: 0;		
	}

	/* フッターナビ */
	ul.fnav {
		padding: 10px 0;	
	}
	ul.fnav li {
		margin: 5px 10px;		
	}
	ul.fnav li a {
		text-decoration: none;
		color: #fff;	
		outline: none;
	}
}









/* アニメ TOP */
div#bg_home{
	background:url(../img/anime/top/anime-bg.png) repeat-x top;
	height:300px;
	position:relative;
	overflow-x:hidden;
}
figure#city1, figure#city2 { position:absolute; top:230px; left:0; }
figure#crow{
	position:absolute;
	top:-8px;
}
figure#ba{
	position:absolute;
	top:90px;
}
figure#train{
	position:absolute;
	top:195px;
}

/* アニメ Gen */
div#bg_gen {
	background:url(../img/anime/gen/anime-bg2.png) repeat-x top;
	height:110px;
	position:relative;
	overflow-x:hidden;
}
figure#mot{
	position:absolute;
	top:-3px;
}
figure#yama{
	position:absolute;
	top:43px;
}
figure#ufo{
	position:absolute;
	top:-7px;
}







/*--------------------------------------------------------------
# 共通設定
--------------------------------------------------------------*/

.mover {
	margin: 0px 0px 30px 0px;
}

/* アンカー位置調整 */
a.anker {
  display: block;
  margin-top:-80px;
  padding-top:80px;
}

/* 詳しく見るボタン（下層ページへ） */
.to-btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.to-btn-box a {
  text-decoration: none;
  outline: none;
}
.to-btn {
  max-width: 300px;
  text-align: center;
  font-size: 15px;
  line-height: 1.3em;
  display: block;
  font-weight: 100;
  border:none;
  border-radius: 60px;
  padding: 10px 20px;
  margin: 0px 0px 15px 0px;
  cursor: pointer;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.to-btn a {
  color: #fff;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  text-decoration: none;
  outline: none;
}
.tfx {
  background: #000;
  color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.tfx::after {
  background: #397bdd;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.tfx:hover {
  color: #fff;
}
.tfx:hover::after {
  transform: scale(1, 1);
}


/* バナー画像 ************/
.cbn {
	text-align: center;
	margin: 0px 0px 20px 0px;	
}
.cbn img {
	border-radius: 20px;
}
.cbn a {
	outline: none;
	text-decoration: none;
}

/* バナー画像拡大 ************/
.bnup {
  cursor: pointer;
  width: 100%;	
  overflow: hidden;
	border-radius: 20px;
}
.bnup img {
  height: auto;
  transition: transform .6s ease; /* ゆっくり変化させる */
}
.bnup:hover img {
  transform: scale(1.1); /* 拡大 */
}



/* ネズコ お気軽にお問い合わせください ************/
.contact-belt {
	background-color:#fee40d;
	margin: 0px 0px 50px 0px;
}
.contact-us-box {
	display: flex;
	width: 700px;
	padding: 20px 0;
}

.cus1 {margin: 0;}
.cus2 {margin: 0;}

.contact-us-image {
	text-align: center;
	margin: 0px 30px 0px 0px;	
}
.contact-us-image img {
	width: 200px;
}
.contact-us-title {
	margin: 0px 0px 10px 0px;
}
.contact-us-title img {
	width: 250px;
	background-color:#fff;
	padding: 5px 20px;
	border-radius: 10px;
}
.contact-us-txt {
	font-size: 16px;
	color: #333;
	line-height: 1.3em;
	padding: 0;
	margin: 0px 0px 10px 0px;	
}
.contact-us-txt2 {
	font-size: 14px;
	color: #333;
	line-height: 1.3em;
	padding: 0;
	margin: 0px 0px 10px 0px;	
}
.contact-us-tel {
	margin: 0px 0px 10px 0px;	
}
.contact-us-tel img {
	width: 250px;
}

/* ----- Media queries 3rd ----- */
@media (min-width: 740px) and (max-width: 991px)  {

}

/* ----- Media queries 4th ----- */
@media (max-width: 771px) {
	.contact-us-box {
		display: block;
		width: 100%;
		padding: 20px 0;
	}
	.contact-us-title {
		text-align: center;
		margin: 0px 0px 10px 0px;
	}	
}

@media (max-width: 520px) {
	.contact-us-box {
		display: block;
		width: 100%;
		padding: 20px 0;
	}
	.contact-us-image {
		text-align: center;
		margin: 0px 0px 20px 0px;	
	}
	.contact-us-title {
	text-align: center;
	margin: 0px 0px 10px 0px;
  }
	.contact-us-txt {text-align: justify;}
	.contact-us-txt2 {text-align: justify;}
	.contact-us-tel {
		text-align: center;
		margin: 0px 0px 10px 0px;	
	}
}




/* フッター -----------------------------------------*/
footer {
	background: #f2f2f2;	
	padding: 20px 0;
}
.fpd {
	padding: 3px 0;
}
.flogo {
	text-align: center;
    padding: 0;
    margin: 5px 0px 10px 0px;
}
.flogo img {
	width: 300px;	
}
.ftel {
	text-align: center;
	font-size: 15px;
	line-height: 1.3em;
	color: #397bdd;
	margin: 0px 0px 5px 0px;
}
.ftel a {
	color: #397bdd;
}
.finfo {
	text-align: center;
	font-size: 14px;
	line-height: 1.3em;
	margin: 0px 0px 5px 0px;
}

ul.fnav li {
	font-size: 15px;
	line-height: 1.3em;
  margin: 5px 12px;		
}
ul.fnav li a {
	text-decoration: none;
	color: #fff;	
	outline: none;
}
footer .copyright {
	text-align: center;
	font-size: 12px;
	line-height: 1.3em;
	color: #7c7c7c;
	padding: 0;
  margin: 10px 0px 20px 0px;
}



/* ページトップへ戻るボタン */
#page_top{
	width: 40px;
	height: 40px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #397bdd;
	opacity: 0.6;
	z-index:500;
  }
  #page_top a{
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	text-decoration: none;
  }
  #page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f106';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
  }


/* モバイル固定ボタン */
.fixer {
	display: none;
}


@media (max-width: 520px) {

	footer {
		background: #f2f2f2;	
		padding: 20px 0;
		margin: 0px 0px 50px 0px;
	}

	/* ページトップへ戻るボタン */
	#page_top {
		width: 40px;
		height: 40px;
		position: fixed;
		right: 0;
		bottom: 70px;
		background: #397bdd;
		opacity: 0.6;
		z-index:500;
	}

	/* モバイル固定ボタン */
	.fixer {
		display: block;
	}
	.fix {
		width: 100%;
		text-align: center;
		background: #ffe100;
		padding: 5px 0;
	}
}	

/* PCで電話番号リンクを無効に */
@media (min-width: 739px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}





/* ----- Media queries 2nd ----- */
@media (min-width: 992px) and (max-width: 1200px) {
	
}

/* ----- Media queries 3rd ----- */
@media (min-width: 740px) and (max-width: 991px)  {

}

/* ----- Media queries 4th ----- */
@media (max-width: 739px) {
	
}

/* ----- Media queries 5th ----- */
@media (max-width: 520px) {

}