@charset "utf-8";
#tano-main-area {
  width: 960px;
  margin: 0 auto;
}
img {
  border: 0px;
}
li {
  list-style: none;
}
#tano-main-area .tano-jin-text-01 {
  font-size: 16px;
  padding: 0 0 10px 0;
  color: #444;
}
#tano-main-area a, #tano-main-area a:hover {
  text-decoration: none;
}
#tano-main-area h1 img {
  margin-bottom: 10px;
}
#tano-main-area img {
  border: 0;
}
#tano-main-area a:hover img {
  opacity: 1;
}
#tano-main-area h1, #tano-main-area h2, #tano-main-area h3, #tano-main-area h4, #tano-main-area p, #tano-main-area .kanren-head, #tano-main-area a, #tano-main-area table {
  font-family: "Arial", "Hiragino Sans", "Noto Sans JP", "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
}
/*-----------------------------	
	hタグ
-----------------------------*/
/* H1 */
#tano-main-area h1.copy-title-h1 {
  background: #fff;
  color: #333;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.25em;
  margin: 10px 0 15px;
  padding: 0;
  border: solid 1px #8b691f;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tano-main-area h1.copy-title-h1 .tano_h1_inner {
  border-left: solid 10px #8b691f;
  padding: 0 0 0 15px;
  margin: 0 0 0 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#tano-main-area h1.copy-title-h1 img {
  display: block;
  margin-bottom: 0;
  padding: 0;
}
/*h1背景画像URL*/
#tano-main-area h1.copy-title-h1.copy-title-back {
  background: url("mv_back.png");
}
#tano-main-area h1.copy-title-h1 span {
  font-size: 20px;
}
/* H2 */
/*シンプル見出し*/
#tano-main-area h2.tano-h2-type-01 {
  margin: 0 0 15px 0;
}
/*ベタ塗り見出し*/
#tano-main-area h2.tano-h2-type-01.solid-full {
  padding: 10px;
  background: #ccc;
}
/*左線見出し*/
#tano-main-area h2.tano-h2-type-01.left-border {
  padding: 5px 10px;
  border-left: 5px solid #333;
}
/*両線見出し*/
#tano-main-area h2.tano-h2-type-01.tano-both-border {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
#tano-main-area h2.tano-h2-type-01.tano-both-border:before, #tano-main-area h2.tano-h2-type-01.tano-both-border:after {
  content: "";
  height: 2px;
  flex-grow: 1;
  background-color: #333;
}
#tano-main-area h2.tano-h2-type-01.tano-both-border:before {
  margin-right: 1rem;
}
#tano-main-area h2.tano-h2-type-01.tano-both-border:after {
  margin-left: 1rem;
}
/*両線二重見出し*/
#tano-main-area h2.tano-h2-type-01.tano-both-border-double {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
#tano-main-area h2.tano-h2-type-01.tano-both-border-double:before, #tano-main-area h2.tano-h2-type-01.tano-both-border-double:after {
  content: "";
  height: 4px;
  flex-grow: 1;
  border-top: 2px solid;
  border-bottom: 2px solid;
}
#tano-main-area h2.tano-h2-type-01.tano-both-border-double:before {
  margin-right: 1rem;
}
#tano-main-area h2.tano-h2-type-01.tano-both-border-double:after {
  margin-left: 1rem;
}
/* H3 */
/*シンプル見出し*/
#tano-main-area h3.tano-h3-type-01 {
  margin: 0 0 15px 0;
}
/*ベタ塗り見出し*/
#tano-main-area h3.tano-h3-type-01.solid-full {
  padding: 10px;
  background: #ccc;
}
/*左線見出し*/
#tano-main-area h3.tano-h3-type-01.left-border {
  padding: 5px 10px;
  border-left: 5px solid #333;
}
/*両線見出し*/
#tano-main-area h3.tano-h3-type-01.tano-both-border {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
#tano-main-area h3.tano-h3-type-01.tano-both-border:before, #tano-main-area h3.tano-h3-type-01.tano-both-border:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #ccc;
}
#tano-main-area h3.tano-h3-type-01.tano-both-border:before {
  margin-right: 1rem;
}
#tano-main-area h3.tano-h3-type-01.tano-both-border:after {
  margin-left: 1rem;
}
/*両線二重見出し*/
#tano-main-area h3.tano-h3-type-01.tano-both-border-double {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
#tano-main-area h3.tano-h3-type-01.tano-both-border-double:before, #tano-main-area h3.tano-h3-type-01.tano-both-border-double:after {
  content: "";
  height: 4px;
  flex-grow: 1;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#tano-main-area h3.tano-h3-type-01.tano-both-border-double:before {
  margin-right: 1rem;
}
#tano-main-area h3.tano-h3-type-01.tano-both-border-double:after {
  margin-left: 1rem;
}
/*-----------------------------	
	ナビ
-----------------------------*/
#tano-main-area .g-nav {
  margin: 10px 0 20px 0;
  display: flow-root;
}
#tano-main-area .g-nav ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  gap: 10px;
}
#tano-main-area .g-nav ul li {
  flex: 1;
  display: flex;
}
#tano-main-area .g-nav ul li a {
  color: #333; /*べた塗りナビの文字色*/
  font-size: 16px;
  padding: 15px 18px 15px 10px;
  background: #ccc; /*べた塗りナビの背景色*/
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: filter 0.3s ease;
}
#tano-main-area .g-nav.nav_border ul li a {
  background: #fff;
  border: 2px solid #333; /*枠線ナビの線の色、太さ*/
}
#tano-main-area .g-nav ul.nav-grid {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  gap: 0;
}
#tano-main-area .g-nav ul.nav-grid li {
  flex: 1;
  display: flex;
}
#tano-main-area .g-nav ul.nav-grid li a {
  color: #333; /*べた塗りナビの文字色*/
  font-size: 16px;
  padding: 5px 18px 5px 5px;
  background: #fff; /*べた塗りナビの背景色*/
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  transition: filter 0.3s ease;
  outline: 1px solid #ccc;
  column-gap: 5px;
}
#tano-main-area .g-nav ul.nav-anchor {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  gap: 10px;
}
#tano-main-area .g-nav ul.nav-anchor li {
  flex: 1;
  display: flex;
}
#tano-main-area .g-nav ul.nav-anchor li a {
  color: #333; /*べた塗りナビの文字色*/
  font-size: 16px;
  padding: 5px 18px 5px 5px;
  background: #fff; /*べた塗りナビの背景色*/
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  transition: filter 0.3s ease;
  outline: 1px solid #ccc;
  column-gap: 5px;
}
#tano-main-area .g-nav ul.nav-anchor li a div {
  text-align: left;
}
#tano-main-area .g-nav ul.nav-anchor li a div span {
  font-weight: 700;
}
#tano-main-area .g-nav ul.nav-anchor li a div p {
  margin: 0;
  font-size: 14px;
}
#tano-main-area .g-nav ul.nav-anchor2 {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  gap: 20px;
}
#tano-main-area .g-nav ul.nav-anchor2 li {
  display: block;
  flex: none;
  text-align: center;
}
#tano-main-area .g-nav ul.nav-anchor2 li a {
  color: #333; /*べた塗りナビの文字色*/
  font-size: 16px;
  padding: 15px 30px;
  background: #ccc; /*べた塗りナビの背景色*/
  width: 100%;
  height: auto;
  display: block;
  box-sizing: border-box;
  transition: filter 0.3s ease;
  border-radius: 40px;
}
#tano-main-area .g-nav ul.nav-anchor2.colnav1 li {
  width: 50%;
}
#tano-main-area .g-nav ul.nav-anchor2.colnav2 li {
  width: 40%;
}
#tano-main-area .g-nav ul.nav-anchor2.colnav3 li {
  width: 30%;
}
#tano-main-area .g-nav ul.nav-anchor2.colnav4 li {
  width: 22%;
}
#tano-main-area .g-nav.allow_bottom-b ul li a {
  padding: 15px 10px 25px 10px;
}
#tano-main-area .g-nav.nav-image-top ul li a {
  flex-direction: column;
  gap: 10px;
}
#tano-main-area .g-nav.allow_right-p ul li a {
  padding: 15px 10px;
}
#tano-main-area .g-nav.nav-image-top ul li a p {
  margin: 0;
}
#tano-main-area .g-nav.allow_right-p ul li a p {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
}
/*マウスオーバーした時のべた塗りナビの設定*/
#tano-main-area .g-nav ul li a:hover {
 filter: brightness(0.8); /*1.1以上にすると明るくなり、0.9以下にすると暗くなる*/
}
#tano-main-area .g-nav ul li a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 7px;
  height: 7px;
  border-right: 2px solid #333; /*矢印の線の色*/
  border-top: 2px solid #333; /*矢印の線の色*/
  border-top-right-radius: 2px;
}
#tano-main-area .g-nav ul.nav-anchor2 li a::after {
  content: none;
}
#tano-main-area .g-nav.allow_right-p ul li a::after {
  content: unset;
  position: unset;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-right: none;
  border-top: none;
  border-top-right-radius: unset;
}
#tano-main-area .g-nav.allow_right-p ul li a p::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 7px;
  height: 7px;
  border-right: 2px solid #333; /*矢印の線の色*/
  border-top: 2px solid #333; /*矢印の線の色*/
  border-top-right-radius: 2px;
  transform: rotate(45deg);
}
/*
#tano-main-area .g-nav ul li a:hover::after,
#tano-main-area .g-nav.allow_right-p ul li a p:hover::after {
	border-color: #fff !important; /*マウスオーバーした時の矢印の線の色
}
*/
#tano-main-area .g-nav.allow_right ul li a::after {
  transform: rotate(45deg);
}
#tano-main-area .g-nav.allow_bottom ul li a::after {
  transform: rotate(135deg);
}
#tano-main-area .g-nav.allow_bottom-b ul li a::after {
  left: 50%;
  bottom: 10px; /* 矢印と下の余白を調整 */
  top: auto;
  right: auto;
  transform: translateX(-50%) rotate(135deg); /* 中央に移動＋矢印方向調整 */
}
/*2行以上*/
#tano-main-area .g-nav.g-nav-2col ul li {
  flex: none;
  width: calc((100% - 10px) / 2);
}
#tano-main-area .g-nav.g-nav-3col ul li {
  flex: none;
  width: calc((100% - 20px) / 3);
}
#tano-main-area .g-nav.g-nav-4col ul li {
  flex: none;
  width: calc((100% - 30px) / 4);
}
#tano-main-area .g-nav.g-nav-5col ul li {
  flex: none;
  width: calc((100% - 40px) / 5);
}
#tano-main-area .g-nav.g-nav-2col-nogap ul li {
  flex: none;
  width: calc(100% / 2);
}
#tano-main-area .g-nav.g-nav-3col-nogap ul li {
  flex: none;
  width: calc(100% / 3);
}
#tano-main-area .g-nav.g-nav-4col-nogap ul li {
  flex: none;
  width: calc(100% / 4);
}
#tano-main-area .g-nav.g-nav-5col-nogap ul li {
  flex: none;
  width: calc(100% / 5);
}
/*-----------------------------	
	.link_list_top 
-----------------------------*/
#tano-main-area .link_list_top {
  margin: 10px 0 40px 0;
}
#tano-main-area .link_list_top p {
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}
#tano-main-area .link_list_top li {
  padding: 0 20px 0 0;
  text-align: left;
  display: inline-block;
}
#tano-main-area .link_list_top li a {
  font-size: 13px;
  text-decoration: underline;
  color: #333;
  padding-left: 5px;
}
#tano-main-area .link_list_top li a:hover {
  text-decoration: none;
}
/*-----------------------------	
	もっと見るボタン
-----------------------------*/
#tano-main-area .link_btn {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
#tano-main-area .link_btn a {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  padding: 15px 35px 13px 25px;
  border-radius: 30px;
  background: #ccc;
  border: 2px solid #333;
  transition: filter 0.3s ease;
}
#tano-main-area .link_btn.back-fill a {
  border: none;
}
#tano-main-area .link_btn.side-square a {
  border-radius: 0;
}
#tano-main-area .link_btn a:before {
  position: absolute;
  right: 20px;
  top: 43%;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#tano-main-area .link_btn a:hover {
  text-decoration: none;
  filter: brightness(0.8); /*1.1以上にすると明るくなり、0.9以下にすると暗くなる*/
}
#tano-main-area .link_btn a span {
  font-size: 18px;
  padding-right: 5px;
}
/*個人追加分*/
/*nabi*/
#tano-main-area .g-nav.brown_navi ul li a {
  color: #333; /*べた塗りナビの文字色*/
  font-size: 16px;
  padding: 15px 18px 15px 10px;
  background: #f0e49a; /*べた塗りナビの背景色*/
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: filter 0.3s ease;
  border: 3px solid #8b691f;
}
/*帯色*/
/*ベタ塗り見出し*/
#tano-main-area h2.tano-h2-type-01.solid-full.brown_inner {
  padding: 10px;
  background: #f0e49a;
 font-size:15pt;
	font-weight: bold;
	background: 
		
}
/*h1背景画像URL*/
#tano-main-area h1.copy-title-h1.copy-title-back.back_01 {
  background: url("img/mv_back_01.png");
}
#tano-main-area h1.copy-title-h1.copy-title-back.back_02 {
  background: url("img/mv_back_02.png");
}
#tano-main-area h1.copy-title-h1.copy-title-back.back_03 {
  background: url("img/mv_back_03.png");
}
#tano-main-area h1.copy-title-h1.copy-title-back.back_04 {
  background: url("mv_back_04.png");
}
#tano-main-area h1.copy-title-h1.copy-title-back.back_05 {
  background: url("img/mv_back.png");	
}