/* CSS Document */
/*▼common▼*/
* {
  font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS Pgothic", "Osaka", sans-serif, Helvetica, Helvetica Neue, Arial, Verdana;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
}
div.key_in, div.fishing_pages_in, div.info_in, div.profile_in, div.knowhow_in, div.trust_us_in, div.result_in, div.tackle_in, div.links_in {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
img {
  width: 100%;
}
/* header */

@media screen and (max-width:768px) {
  header {
  min-width: auto;
  }
}
.header-img {
    width: 100%;
    background-color: #16203E;
    height: 46px;
    text-align: center;
}
.header-svg {
    width: 150px;
    height: 40px;
    padding: 1px 0px 0px 0px;
}
/* assesment_link */
div.assesment_link {
  margin: 0 auto;
  max-width: 1110px;
  padding: 0 0 2% 0;
}
div.assesment_link .div.assesment_link{
  margin: 0 auto;
  max-width: 1110px;
  padding: 2% 0% 2% 0%;
}
@media screen and (max-width:768px) {
  div.assesment_links_in div.assesment_link {
    padding: 4% 0% 0% 0%;
  }
}
div.assesment_link a, div.salesite_link a {
  display: block;
  width: 50%;
  margin: 0% auto;
}
@media screen and (max-width:768px) {
  div.assesment_link a, div.salesite_link a {
    width: 80%;
  }
}
/*▲common▲*/
/*▼assesment_link▼*/
section#assesment_links {
  background-color: #f3f1df;
	padding-top: 2%;
}
@media screen and (max-width:768px) {
		section#assesment_links {
			padding-top: 4.5%;
		}
}

article#reel section#assesment_links {
  background-color: #eee;
}
div.assesment_links_in {
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -ms-align-self: center;
  align-self: center;
  justify-content: center;
  width: 100%;
  max-width: 1280px;
  margin: 0% auto;
  padding: 0% 0% 0% 0%;
  background-color: #f3f1df;
}
article#reel div.assesment_links_in {
  background-color: #eee;
}
article#reel section#assesment_links {
  margin: 0% 0% 1% 0%;
}
@media screen and (max-width:768px) {
  div.assesment_links_in {
    justify-content: space-between;
    margin: 0% auto;
  }
  article#reel section#assesment_links {
    margin: 0% 0% 2% 0%;
  }
}
div.assesment_links_in div.assesment_link, div.assesment_links_in div.salesite_link {
  margin: 0;
  width: 40%;
  padding: 4% 0% 4% 0%;
}
@media screen and (max-width:768px) {
  div.assesment_links_in div.assesment_link, div.assesment_links_in div.salesite_link {
    width: 50%;
  }
}
div.assesment_links_in div.assesment_link a, div.assesment_links_in div.salesite_link a {
  display: block;
  width: 90%;
  margin: 0% auto;
}
@media screen and (max-width:768px) {
  div.assesment_links_in div.assesment_link a, div.assesment_links_in div.salesite_link a {
    font-size: 4.4vw;
  }
}
/*▲assesment_link▲*/
/*▼key id=fishing▼*/
article#fishing section#key {
  background-color: #004986;
}
@media screen and (max-width:768px) {
  article#fishing section#key {
    background-color: #fff;
  }
}
article#fishing div.key_in {
   background-image: url("../reel/img_fishing/pc/keyvisual.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: relative;
}
@media screen and (max-width:768px) {
  article#fishing div.key_in {
     background-image: url("../reel/img_fishing/sp/keyvisual.png");
  }
}
article#fishing div.key_in h1 {
  color: #fff;
  font-size: min(8vw, 100px);
  line-height: 1;
  padding: 2% 0% 0% 1%;
  text-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
}
@media screen and (max-width:768px) {
  article#fishing div.key_in h1 {
    font-size: 22.5vw;
    padding: 3% 0% 0% 5%;
  }
}
article#fishing div.key_in h1 span {
  display: block;
  text-align: left;
}
article#fishing div.h1_sub {
  position: absolute;
  top: 3%;
  left: 18%;
}
@media screen and (max-width:768px) {
  article#fishing div.h1_sub {
    top: 1%;
    left: 51%;
  }
}
article#fishing div.h1_sub h2 {
  color: #fff;
  line-height: 1;
  font-size: min(2.6vw, 35px);
  font-weight: 100;
  text-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
}
@media screen and (max-width:768px) {
  article#fishing div.h1_sub h2 {
    font-size: 7.5vw;
  }
}
article#fishing div.h1_sub h2 span {
  display: block;
  font-family: Impact;
  text-align: left;
}
article#fishing div.key_in p span {
  display: block;
}
@media screen and (max-width:768px) {
  article#fishing div.key_in p span.for_pc {
    display: none;
  }
}
article#fishing div.key_in p {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: min(1.4vw, 15px);
  letter-spacing: 2px;
  line-height: 1.3;
  margin: 0% 64% 0% 0%;
  text-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
}
@media screen and (max-width:768px) {
  article#fishing div.key_in p {
    font-size: 3.2vw;
    margin: 0% 19% 0% 0%;
  }
}
article#fishing div.key_buyer p {
  color: #000;
}
article#fishing div.key_buyer p:nth-child(2) {
  margin: 1% 2% 0% 2%;
  line-height: 1;
  text-shadow: unset;
}
@media screen and (max-width:768px) {
  article#fishing div.key_buyer p:nth-child(2) {
    margin: 0% 0% 0% 0%;
    line-height: 1.4;
    font-size: 3vw;
    font-weight: bold;
    letter-spacing: 0px;
  }
}
article#fishing div.key_buyer_in {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -ms-align-items: center;
  align-items: center;
  margin: 0% 2% 0% 2%;
  border-bottom: solid 2px #000;
}
@media screen and (max-width:768px) {
  article#fishing div.key_buyer_in {
    margin: 0% 0% 0% 0%;
  }
}
article#fishing div.key_buyer_in p {
  color: #000;
  margin: 0% 0% 0% 0%;
  text-align: left;
  font-size: min(2.5vw, 30px);
  line-height: 1;
  text-shadow: unset;
}
article#fishing div.key_buyer_in p:nth-child(3) {
  font-size: min(4.3vw, 60px);
  font-weight: bold;
}
@media screen and (max-width:768px) {
  article#fishing div.key_buyer_in p:nth-child(3) {
    margin: 3% 0% 0% 0%;
    font-size: 12.5vw;
    font-weight: bold;
    letter-spacing: -3px;
  }
}
article#fishing div.key_buyer_in p span {
  display: flex;
  font-family: Impact;
  font-weight: 100;
  -ms-align-items: center;
  align-items: center;
}
@media screen and (max-width:768px) {
  article#fishing div.key_buyer_in p.for_sp {
    position: relative;
    margin: 0% 0% 0% 0%;
    font-size: 5vw;
    line-height: 1;
    letter-spacing: 1px;
    width: 57%;
  }
  article#fishing div.key_buyer_in p span {
    display: block;
    text-align: left;
  }
  article#fishing div.key_buyer_in p.for_sp span:nth-child(3) {
    position: absolute;
    top: 40%;
    left: 42%;
    font-weight: bold;
    font-size: 3.2vw;
    letter-spacing: -1px;
  }
}
article#fishing div.key_buyer_in p span span {
  display: inline-block;
  font-size: min(1.5vw, 18px);
  font-weight: bold;
}
article#fishing div.key_buyer_in p span.for_sp {
  display: none;
}
@media screen and (max-width:768px) {
  article#fishing div.key_buyer_in p span.for_pc {
    display: none;
  }
  article#fishing div.key_buyer_in p span.for_sp {
    display: block;
  }
}
article#fishing div.key_buyer {
  margin: 6% 0% 0% auto;
  padding: 0.5% 0% 0.4% 0%;
  background-color: rgba(255, 210, 0, 0.8);
  width: 37.3%;
}
@media screen and (max-width:768px) {
  article#fishing div.key_buyer {
    margin: 60% 0% 0% auto;
		padding: 0.5% 1% 0.4% 1%;
    width: 60%;
  }
}
/*▲key id=fishing▲*/
/*▼fishing_pages▼*/
section#fishing_pages {
  background-color: #f8b551;
  margin: 0% 0% 0% 0%;
}
div.fishing_pages_in {
  width: 98%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -ms-align-items: center;
  padding: 0.3% 0%;
}
@media screen and (max-width:768px) {
  div.fishing_pages_in {
    width: 100%;
    padding: 2% 0% 2% 0%;
  }
}
div.pages_in_link {
  width: 24%;
  border: solid 2px #000;
}
@media screen and (max-width:768px) {
  div.pages_in_link {
    width: 50%;
  }
}
div.pages_in_link a {
  height: 100%;
  display: block;
  color: #fff;
  text-align: center;
  background-color: #0b489a;
  border: solid 2px #fff;
  line-height: 1.2;
  padding: 3% 0% 0% 0%;
}
/*div.pages_in_link p.hover {
  display: none;
}
div.pages_in_link:hover a.not_hover {
  display: none;
}
div.pages_in_link:hover p.hover {
  height: 100%;
  font-size: min(2.2vw, 28px);
  display: block;
  color: #fff;
  text-align: center;
  background-color: #f72a09;
  border: solid 2px #fff;
  line-height: 1.2;
  padding: 3% 0% 0% 0%;
}*/
@media screen and (max-width:768px) {
  div.fishing_pages_in div.pages_in_link:nth-child(n+3) a {
    padding: 3% 0%;
  }
/*  div.pages_in_link:hover p.hover {
    font-size: 5vw;
  }*/
}
div.pages_in_link a span {
    display: block;
    width: 88%;
    font-size: min(2.2vw, 28px);
    font-weight: bold;
    margin: 0 auto;
}
div.pages_in_link a span.txtS {
    display: block;
    width: 88%;
    font-size: min(2vw, 24px);
    font-weight: bold;
    margin: 0 auto;
}
@media screen and (max-width:768px) {
  div.pages_in_link a span {
    font-size: 5vw;
  }
	  div.pages_in_link a span.txtS {
    font-size: 4.4vw;
  }
}
div.pages_in_link a span:first-child{
	padding-bottom:1%;
	border-bottom: 1px solid #fff;
}
div.pages_in_link a span:nth-child(2) {
	padding-top:2%;
  font-size: min(2vw, 22px);
}

@media screen and (max-width:768px) {
	div.pages_in_link a span:nth-child(2) {
		font-size:4vw;
	}
}

div.pages_in_link a span.active {
  font-size: min(2vw, 22px);
}
@media screen and (max-width:768px) {
  div.pages_in_link a span.active {
    font-size: 4vw;
  }
}

/* リンクなし*/
div.noLink{
	color:#fff;
  background-color: #525252;
}
div.noLink div{
		height: 100%;
    display: block;
    color: #fff;
    text-align: center;
   border: solid 2px #fff;
    line-height: 1.2;
    padding: 3% 0% 0% 0%;
}
div.noLink span {
    display: block;
    width: 88%;
    font-size: min(2.2vw, 28px);
    font-weight: bold;
    margin: 0 auto;

}
@media screen and (max-width:768px) {
  div.noLink span {
    font-size: 5vw;
  }
}
div.noLink span:first-child{
	padding-bottom:1%;
	border-bottom: 1px solid #fff;
}
div.noLink span {
    display: block;
    width: 88%;
    font-size: min(2.2vw, 28px);
    font-weight: bold;
    margin: 0 auto;

}
@media screen and (max-width: 768px){
		div.pages_in_link span {
				font-size: 5vw;
		}
}

div.noLink span:nth-child(2) {
	padding-top:2%;
  font-size: min(2vw, 22px);
}

@media screen and (max-width:768px) {
	div.noLink span:nth-child(2) {
		font-size:4vw;
	}
}
/*▲fishing_pages▲*/
/*▼info▼*/
section#info {
  background-color: #f3f1df;
  padding: 3% 0% 0% 0%;
}
@media screen and (max-width:768px) {
  section#info {
    padding: 5% 0% 0% 0%;
  }
}
div.info_in {
  max-width: 1100px;
  width: 95%;
  padding: 0% 0% 2% 0%;
}
div.info_in h2 {
  color: #004986;
  font-weight: bold;
  font-size: min(4vw, 45px);
}
@media screen and (max-width:768px) {
  div.info_in h2 {
    font-size: 6vw;
    line-height: 1;
    margin: 0% 0% 3% 0%;
  }
}
div.rss-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-around;
}
div.rss-box-mini {
  width: 18%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width:768px) {
  div.rss-box-mini {
    width: 24%;
  }
  div.rss-box-mini:last-child {
    display: none;
  }
}
div.rss-box:nth-child(2) {
  display: block;
}
div.rss-box-mini a {
  width: 100%;
}
div.rss-box-mini a:nth-child(2) {
  color: #484848;
  text-align: left;
  font-size: min(3vw, 14px);
}
@media screen and (max-width:768px) {
  div.rss-box-mini a:nth-child(2) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }
}
div.rss-box-mini a img {
  height: 150px;
  object-fit: cover;
}
@media screen and (max-width:768px) {
  div.rss-box-mini a img {
    height: 70px;
  }
}
h2.mostwacth {
  text-align: right;
}
h2.mostwacth a {
  color: #004986;
  font-size: min(3vw, 18px);
}
@media screen and (max-width:768px) {
  h2.mostwacth a {
    font-size: 3.5vw;
  }
}
div.assesment_links div.assesment_link {
  margin: 0;
  width: 35%;
  padding: 0%;
}
div.assesment_links div.salesite_link {
  width: 35%;
}
@media screen and (max-width:768px) {
  div.assesment_links div.assesment_link {
    margin: 0;
    width: 49%;
    padding: 0%;
  }
  div.assesment_links div.salesite_link {
    width: 49%;
  }
}
/*▲info▲*/
/*▼buyer_profile▼*/
section#buyer_profile {
  background-color: #043e6d;
  padding: 0% 0% 0% 0%;
}
div.profile_in {
  max-width: 1110px;
  width: 95%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 4% 0% 4% 0%;
  margin: 0 auto;
}
section#buyer_profile div.for_sp {
  display: none;
}
@media screen and (max-width:768px) {
  section#buyer_profile div.for_pc {
    display: none;
  }
  section#buyer_profile div.for_sp {
    display: block;
    padding: 4% 0% 5% 0%;
  }
}
div.profile_images {
  width: 34%;
}
div.image2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
}
div.image2 img {
  width: 49%;
  margin: 0% 0% 2% 0%;
}
div.profile_text {
  width: 63%;
  text-align: left;
}
div.profile_text p {
  text-align: left;
  color: #fff;
}
div.profile_text p:nth-child(2) {
  border-bottom: solid 2px #ff9f00;
  font-size: min(2.2vw, 28px);
  letter-spacing: 3px;
  line-height: 1.2;
  margin: 0% 0% 5% 0%;
}
div.profile_text p:nth-child(3) {
  font-size: min(2vw, 23px);
  line-height: 1.8;
  margin: 0% 0% 5% 0%;
}
div.profile_text p:nth-child(3) span {
  display: block;
  text-align: left;
}
div.profile_text p:nth-child(4) {
  font-size: min(2vw, 24px);
  line-height: 1.8;
}
div.profile_text p:nth-child(4) span {
  display: block;
  text-align: left;
}
div.profile_text p:nth-child(5) {
  font-size: min(2vw, 24px);
  line-height: 1.8;
}
div.profile_text p:nth-child(5) span {
  display: block;
  text-align: left;
}
div.profile_text h2 {
  margin: 0% 0% 5% 0%;
}
div.profile_text h2 span {
  display: block;
  text-align: left;
  color: #ff9f00;
  line-height: 1;
}
div.profile_text h2 span:nth-child(1) {
  font-family: Impact;
  font-size: min(5vw, 60px);
}
div.profile_text h2 span:nth-child(2) {
  font-size: min(2.5vw, 28px);
}
@media screen and (max-width:768px) {
  div.profile_in h2 {
    margin: 0% 0% 5% 0%;
  }
  div.profile_in h2 span {
    display: block;
    text-align: left;
    color: #ff9f00;
  }
  div.profile_in h2 span:nth-child(1) {
    font-family: Impact;
    font-size: 8.6vw;
    font-weight: 100;
    line-height: 1;
  }
  div.profile_in h2 span:nth-child(2) {
    font-size: 4.5vw;
    line-height: 1.2;
  }
  div.profile_in > p:nth-child(2) {
    text-align: left;
    color: #fff;
    border-bottom: solid 2px #ff9f00;
    font-size: 4vw;
    line-height: 1.2;
    margin: 0% 5% 3% 0%;
  }
  div.profile_first_content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0% 0% 2% 0%;
  }
  div.profile_first_content img {
    width: 42%;
  }
  div.profile_first_content p {
    width: 56%;
    font-size: 3.2vw;
  }
  div.profile_first_content p span {
    display: block;
    text-align: left;
    color: #fff;
    line-height: 1.8;
  }
  div.profile_in > p:nth-child(4) {
    margin: 0% 0% 5% 0%;
  }
  div.profile_in > p:nth-child(4) span {
    font-size: 3.2vw;
    display: block;
    color: #fff;
    text-align: left;
    line-height: 1.8;
  }
  div.profile_img {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
  }
  div.profile_img img {
    width: 24%;
  }
}
/*▲buyer_profile▲*/
/*▼knowhow▼*/
section#knowhow {
  background-color: #f8b551;
}
div.knowhow_in {
  background-color: #fed590;
  width: 98%;
}
@media screen and (max-width:768px) {
  div.knowhow_in {
    width: 100%;
  }
}
div.knowhow_in h2 {
  color: #fff;
   background-image: url("../reel/img_fishing/pc/knowhow_titlebase.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  font-size: min(4.4vw, 52px);
  font-weight: bold;
  line-height: 1;
  padding: 4% 0% 3%;
  text-shadow: 4px 4px 4px rgb(0 0 0 / 20%);
}
@media screen and (max-width:768px) {
  div.knowhow_in h2 {
     background-image: url("../reel/img_fishing/sp/knowhow_titlebar.png");
    padding: 1% 0% 1%;
  }
  div.knowhow_in h2 span {
    display: block;
    font-size: 6.5vw;
    line-height: 1.1;
    font-weight: bold;
  }
}
div.knowhow_in div.points {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 3% 0% 0% 0%;
}
@media screen and (max-width:768px) {
  div.knowhow_in div.points {
	width: 98%;
	display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  gap: 2%;
	margin: 0 auto;
  padding: 3% 0% 4% 0%;
	
  }
}
div.points div.point {
    width: 46%;
    background-image: url(../img/pc/point_base.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin: 0% 0% 2% 0%;
}
@media screen and (max-width:768px) {
  div.points div.point {
		width: auto;
    background-image: url("../img/sp/knowhow_point_bg.png");
		background-color: #ffedd0;
    background-repeat: no-repeat;
    background-position: center 70%;
    margin: 0% 0% 2% 0%;
    border-radius: 5px;
    background-size: 75%;
		border-radius: 6px; 
  }
}
div.points div.point:nth-child(1), div.points div.point:nth-child(2) {
  padding: 0% 0% 2% 0%;
}
@media screen and (max-width:768px) {
  div.points div.point:nth-child(1), div.points div.point:nth-child(2) {
    padding: 0% 0% 9% 0%;
  }
}
div.points div.point:nth-child(3), div.points div.point:nth-child(4) {
  padding: 0% 0% 9% 0%;
}

div.point p {
  text-align: left;
  width: 92%;
  margin: 0 auto;
}
div.point p:nth-child(1) {
  color: #1044d6;
  font-weight: bold;
  font-size: min(3vw, 32px);
  padding: 3% 0% 0% 0%;
}
@media screen and (max-width:768px) {
  div.point p:nth-child(1) {
    font-size: 3.5vw;
  }
}
div.point p:nth-child(2) {
  color: #1e3a89;
  font-weight: bold;
  font-size: min(4vw, 55px);
  line-height: 1;
  padding: 0% 0% 3% 0%;
}
@media screen and (max-width:768px) {
  div.point p:nth-child(2) {
    font-size: 4.5vw;
    margin: 0% auto 3%;
		border-bottom: 1px solid #ff0000;
  }
}
div.point p:nth-child(3) {
  color: #333;
  font-weight: bold;
  font-size: min(1.5vw, 18px);
  line-height: 2;
}
@media screen and (max-width:768px) {
  div.point p:nth-child(3) {
/*
    font-size: 2.6vw;
    line-height: 1.5;
*/
		font-size: 2.8vw;
    line-height: 1.8;
  }
}
div.point p:nth-child(3) span.red_text {
  color: #e60505;
}
div.point p:nth-child(3) span.indention {
  display: block;
  text-align: left;
}
section#knowhow div.assesment_link {
  max-width: 1180px;
  width: 98%;
  background-color: #fed590;
}
@media screen and (max-width:768px) {
  section#knowhow div.assesment_link {
    width: 100%;
  }
}
/*▲knowhow▲*/
/*▼trust_us▼*/
section#trust_us {
  background-color: #cce4ef;
  margin: 0;
}
@media screen and (max-width:768px) {
section#trust_us {
		margin-bottom: 0;
	}
}

div.trust_us_in {
  background-color: #b9dced;
  padding: 2% 0% 3% 0%;
  width: 98%;
}
div.trust_us_in h2 {
  color: #14436a;
   background-image: url("../reel/img_fishing/pc/collection.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  font-size: min(4vw, 47px);
  line-height: 1.1;
  padding: 2% 0% 2%;
  margin: 0% auto 2%;
  width: 90%;
}
@media screen and (max-width:768px) {
  div.trust_us_in h2 {
     background-image: url("../reel/img_fishing/sp/Collection.png");
    font-size: 6vw;
    border-bottom: solid 2px #ff9f00;
  }
}
div.trust_us_in h2 span {
  display: block;
  letter-spacing: 2px;
}
@media screen and (max-width:768px) {
  div.trust_us_in h2 span {
    text-align: center;
  }
}
div.for_you {
  width: 90%;
  margin: 0% auto 3%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  background-color: rgba(255, 255, 255, 0.8);
  justify-content: space-between;
}
@media screen and (max-width:768px) {
  div.for_you {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
}
div.for_you_img {
  width: 35%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
@media screen and (max-width:768px) {
  div.for_you_img {
    order: 2;
    width: 100%;
  }
}
div.for_you_img img {
  width: 50%;
  border: solid 1px #fff;
}
@media screen and (max-width:768px) {
  div.for_you_img img {
    width: 25%;
  }
}
div.for_you ul {
  width: 64%;
   background-image: url("../reel/img_fishing/pc/collection_buthbg.png");
  background-repeat: no-repeat;
  -webkit-background-size: 45% auto;
  background-size: 45% auto;
  background-position: center;
  padding: 4% 0% 0% 0%;
}
@media screen and (max-width:768px) {
  div.for_you ul {
    order: 1;
    width: 100%;
  }
}
div.for_you ul li {
  text-align: left;
  color: #14436a;
  font-weight: bold;
  font-size: min(1.9vw, 23px);
  margin: 0% 0% 3% 0%;
}
@media screen and (max-width:768px) {
  div.for_you ul li {
    font-size: 3.5vw;
  }
}
div.promise {
  width: 90%;
  margin: 0 auto;
   background-image: url("../reel/img_fishing/pc/collection_bg2.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
@media screen and (max-width:768px) {
  div.promise {
     background-image: url("../reel/img_fishing/sp/collection_bg2.png");
  }
}
div.promise h3 {
  color: #fff;
  padding: 3% 32% 0% 0%;
  font-size: min(3vw, 35px);
}
@media screen and (max-width:768px) {
  div.promise h3 {
    padding: 3% 0% 0% 0%;
    font-size: 5.5vw;
  }
}
div.promise p {
  color: #fff;
  padding: 1% 33% 4% 0%;
  font-size: min(2vw, 24px);
  line-height: 1.8;
}
@media screen and (max-width:768px) {
  div.promise p {
    padding: 6% 40% 4% 0%;
    font-size: 2.8vw;
    line-height: 2.1;
  }
}
div.promise p span {
  display: block;
}
section#trust_us div.assesment_link {
  max-width: 1180px;
  background-color: #b9dced;
}
/*▲trust_us▲*/
/*▼result▼*/
div.result_in {
  width: 98%;
}
div.result_in h2 {
  margin: 2% 0% ;
}

div.result_products {
  display: flex;
	justify-content:space-between;
  margin: 0% 0% 3% 0%;
}

@media screen and (max-width:768px) {
	div.result_products {
		flex-flow: wrap;
		width: 98%;
		margin: 0 auto 3% auto;
  }
}

div.result_product {
  width:19%;
  background-color: #e5e5e5;
  margin: 0% 0% 1% 0%;
}

@media screen and (max-width:768px) {
div.result_product {
		width: 49%;
  }
	div.result_product:last-child { display: none;}
}

div.product_in {
	display: flex;
	flex-direction: column;
  padding: 3% 3% 5% 3%;
  justify-content: space-between;
}
@media screen and (max-width:768px) {
  div.product_in {
    flex-direction: column;
  }
}
div.product_in picture{
  display: block;
}
div.product_in picture img {
  width: 100%;
}
div.product_in div {
  margin-top: 2%;
}
@media screen and (max-width:768px) {
  div.product_in img, div.product_in div {
    width: 98%;
    margin: 0% 0% 2% 0%;
  }
}
div.product_in div p {
  text-align: left;
  color: #444;
}
div.product_in div p:nth-child(1) {
line-height: 1.1;
    font-size: min(2vw, 20px);
    padding: 4% 0%;
		height: 90px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
@media screen and (max-width:768px) {
  div.product_in div p:nth-child(1) {
    font-size: 3.3vw;
		height: 70px;
  }
}
div.product_in div p:nth-child(2) {
  font-size: min(1.6vw, 16px);
  line-height: 1;
  padding: 0% 3% 2% 2%;
	text-align: center;
}
@media screen and (max-width:768px) {
  div.product_in div p:nth-child(2) {
		font-size: 3vw;
    width: fit-content;
    margin: 0 0 0 auto;
  }
}
div.product_in div p:nth-child(4) {
  font-size: min(1.2vw, 15px);
  font-weight: 100;
  width: 100%;
  line-height: 1.8;
  letter-spacing: 0px;
}
@media screen and (max-width:768px) {
  div.product_in div p:nth-child(4) {
    font-size: 3vw;
    line-height: 1.5;
  }
}
div.result_product:nth-child(4) div.product_in div p:nth-child(4) span {
  display: block;
  text-align: left;
}
div.product_in div p:nth-child(5) {
  font-weight: 100;
  font-size: min(1vw, 12px);
}
@media screen and (max-width:768px) {
  div.product_in div p:nth-child(5) {
    font-size: 2.6vw;
    letter-spacing: -1px;
  }
}
div.product_in .priceArea{ margin-top: 2vh;}
@media screen and (max-width:768px) {
div.product_in .priceArea {
		border-bottom: solid 1px #444;
  }
}
div.product_in .priceArea span:first-child {
  display: block;
  text-align: left;
	padding-bottom:1vh;
}
@media screen and (max-width:768px) {
div.product_in .priceArea span:first-child {
		display: inline;
		padding-right: 0.6em;
  }
}

div.product_in div span.price {
  font-size: min(1.5vw, 26px);
  color: #f00;
  font-weight: bold;
  line-height: 1;
  border-bottom: solid 1px #444;
  padding: 0% 0% 1% 0%;
  margin: 0% 0% 2% 0%;
}
@media screen and (max-width:768px) {
  div.product_in div span.price {
    font-size: 6.2vw;
    padding: 0% 0% 0% 0%;
		border: none;
  }
}
div.product_in div span.price strong {
  font-size: min(3vw, 38px);
}
@media screen and (max-width:768px) {
  div.product_in div span.price strong {
    font-size: 6vw;
  }
}
/*▲result▲*/
/*▼tackle▼*/
section#tackle {
  background-color: #f8b551;
  margin: 0%;
}
div.tackle_in {
   background-image: url("../reel/img_fishing/pc/tackle_bg.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
	max-width: 1100px;
    width: 95%;
}
@media screen and (max-width:768px) {
  div.tackle_in {
     background-image: url("../reel/img_fishing/sp/tackle_bg.png");
    width: 100%;
  }
}
div.tackle_in h2 {
  color: #464646;
  display: inline-block;
  padding: 2% 0% 2% 0%;
}
@media screen and (max-width:768px) {
  div.tackle_in h2 {
    padding: 2% 0% 6% 0%;
  }
}
div.tackle_in h2 span {
  display: block;
}
div.tackle_in h2 span:nth-child(1) {
  font-family: Impact;
  font-size: min(6vw, 70px);
  line-height: 1.1;
}
@media screen and (max-width:768px) {
  div.tackle_in h2 span:nth-child(1) {
    font-size: 13vw;
  }
}
div.tackle_in h2 span:nth-child(2) {
  color: #fff;
  background-color: #464646;
  font-size: min(3vw, 38px);
  line-height: 1;
  padding: 1.5% 0% 0% 0%;
}
@media screen and (max-width:768px) {
  div.tackle_in h2 span:nth-child(2) {
    font-size: 6vw;
    padding: 1.5% 0% 1% 0%;
  }
}
div.tackle_product {
  padding: 0%;
}
div.tackle_kind {
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  margin: 0% 0% 1.5% 0%;
}
div.tackle_kind:nth-child(1) {
   background-image: url("../img/pc/tackle1.png");
}
div.tackle_kind:nth-child(2) {
   background-image: url("../img/pc/tackle2.png");
}
div.tackle_kind:nth-child(3) {
   background-image: url("../img/pc/tackle3.png");
}
div.tackle_kind:nth-child(4) {
   background-image: url("../img/pc/tackle4.png");
}
@media screen and (max-width:768px) {
  div.tackle_kind:nth-child(1) {
     background-image: url("../img/sp/tackle1.png");
  }
  div.tackle_kind:nth-child(2) {
     background-image: url("../img/sp/tackle2.png");
  }
  div.tackle_kind:nth-child(3) {
     background-image: url("../img/sp/tackle3.png");
  }
  div.tackle_kind:nth-child(4) {
     background-image: url("../img/sp/tackle4.png");
  }
}
div.tackle_kind h3 {
  text-align: left;
  font-family: Impact;
  color: #fff;
  font-size: min(4vw, 50px);
  font-weight: 100;
  padding: 1% 0% 0% 2%;
  line-height: 1;
}
@media screen and (max-width:768px) {
  div.tackle_kind h3 {
    font-size: 8vw;
  }
}
div.tackle_kind p {
  color: #fff;
  padding: 0% 0% 12.5% 2%;
}
@media screen and (max-width:768px) {
  div.tackle_product div.tackle_kind p {
    padding: 0% 0% 22% 2%;
  }
		div.tackle_product div.tackle_kind:nth-child(4) p { padding-bottom: 16%;}	
}
div.tackle_kind:nth-child(2) h3, div.tackle_kind:nth-child(2) p, div.tackle_kind:nth-child(4) h3, div.tackle_kind:nth-child(4) p {
  padding-left: 56%;
}
@media screen and (max-width:768px) {
  div.tackle_kind:nth-child(2) h3, div.tackle_kind:nth-child(2) p, div.tackle_kind:nth-child(4) h3, div.tackle_kind:nth-child(4) p {
    padding: 1% 0% 0% 2%;
  }
}
div.tackle_kind p span {
  display: block;
  text-align: left;
  font-size: min(1vw, 16px);
}
@media screen and (max-width:768px) {
  div.tackle_kind p span {
    font-size: 2.8vw;
  }
}
/*▲tackle▲*/
/*▼page_links▼*/
section#page_links {
  margin: 0%;
  background-color: #006cb8;
}
div.links_in {
  width: 98%;
}
@media screen and (max-width:768px) {
  div.links_in {
    width: 100%;
  }
}
div.h2_box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: center;
  padding: 3% 0% 2% 0%;
}
div.h2_box img {
  width: 6%;
}
@media screen and (max-width:768px) {
  div.h2_box img {
    width: 12%;
  }
}
div.h2_box h2 {
  width: 41%;
  margin: 0% 0% 0% 1%;
}
@media screen and (max-width:768px) {
  div.h2_box h2 {
    width: 83%;
  }
}
div.h2_box h2 span {
  display: block;
  text-align: left;
  color: #fff;
}
div.h2_box h2 span:nth-child(1) {
  font-family: Impact;
  font-weight: 100;
  letter-spacing: 2px;
  font-size: min(2.3vw, 30px);
}
@media screen and (max-width:768px) {
  div.h2_box h2 span:nth-child(1) {
    font-size: 4.7vw;
  }
}
div.h2_box h2 span:nth-child(2) {
  font-size: min(3.5vw, 43px);
  line-height: 1;
}
@media screen and (max-width:768px) {
  div.h2_box h2 span:nth-child(2) {
    font-size: 7vw;
  }
}
div.links {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-evenly;
  -ms-align-items: center;
  padding: 0% 0% 2% 0%;
}
@media screen and (max-width:768px) {
  div.links {
    padding: 0% 0% 2% 0%;
  }
}
div.links div.link {
  border: solid 2px #000;
  width: 24%;
}
@media screen and (max-width:768px) {
  div.links div.link {
    width: 50%;
  }
}
div.links div.link a {
  height: 100%;
  background-color: #0b489a;
  display: block;
  border: solid 2px #fff;
  padding: 9% 0% 4% 0%;
}
div.links div.link:hover a.not_hover {
  display: none;
}
div.links div.link p.hover {
  display: none;
}
div.links div.link:hover p.hover {
  height: 100%;
  background-color: #f72a09;
  display: block;
  border: solid 2px #fff;
  padding: 9% 0% 4% 0%;
  font-weight: bold;
  font-size: min(2vw, 25px);
  color: #fff;
  line-height: 1;
}
@media screen and (max-width:768px) {
  div.links div.link:hover p.hover {
    font-size: 5vw;
  }
}
div.links div.link a span {
  font-weight: bold;
  font-size: min(2vw, 25px);
  color: #fff;
  display: block;
  line-height: 1;
}
@media screen and (max-width:768px) {
  div.links div.link a span {
    font-size: 5vw;
  }
}
div.links div.link a span:nth-child(2) {
  font-size: min(1vw, 13px);
}
div.links div.link a span.active {
  font-size: min(2vw, 25px);
}
@media screen and (max-width:768px) {
  div.links div.link a span:nth-child(2) {
    font-size: clamp(12px,2vw,16px)
  }
  div.links div.link a span.active {
    font-size: 5vw;
  }
  div.links div.link:nth-child(n+3) a {
    padding: 9% 0% 8% 0%;
  }
}
/*▲page_links▲*/
/*▼LAR▼*/
div.LAR_wrapper h2 {
  background-image: url('./reel/img_fishing/pc/reel/lar_title_bg.png');
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: #3d4066;
  font-size: min(4.7vw, 55px);
  line-height: 1;
  padding: 2.5% 0% 2% 0%;
}
@media screen and (max-width:768px) {
  div.LAR_wrapper h2 {
     background-image: url("../reel/img_fishing/sp/reel/lar_title_bg.png");
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    font-size: 7vw;
    padding: 5% 0% 4% 0%;
    width: 96%;
    margin: 0 auto;
  }
}
div.last_actual_results {
  margin: 0% 0% 4% 0%;
}
div.lar_box ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-evenly;
}
div.update_time {
  text-align: right;
  line-height: 2;
  font-size: min(2.5vw, 25px);
  margin: 0% 2% 0% 0%;
}
@media screen and (max-width:768px) {
  div.update_time {
    font-size: 3.5vw;
  }
}
div.lar_box ul li {
  width: 24%;
  background-color: #e5e5e5;
}
@media screen and (max-width:768px) {
  div.lar_box ul li {
    width: 47%;
    margin: 0% 0% 2% 0%;
  }
}
div.lar_box ul li img {
  width: 90%;
  margin: 5% auto 0%;
}
div.lar_box ul li div.lar_sub {
  width: 90%;
  margin: 0 auto 4%;
}
div.lar_sub_product {
  height: 85px;
}
@media screen and (max-width:1280px) {
  div.lar_sub_product {
    height: 68px;
  }
}
@media screen and (max-width:768px) {
  div.lar_sub_product {
    height: 120px;
  }
}
div.lar_sub_product p {
  text-align: left;
  font-size: min(2.2vw, 22px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width:768px) {
  div.lar_sub_product p {
    font-size: 4vw;
  }
}
p.purchase_price span {
  display: block;
}
@media screen and (max-width:768px) {
  p.purchase_price {
    border-bottom: solid 1px #333;
  }
  p.purchase_price span {
    display: inline-block;
  }
}
p.purchase_price span:nth-child(1) {
  text-align: left;
  font-size: min(2.2vw, 22px);
}
@media screen and (max-width:768px) {
  p.purchase_price span:nth-child(1) {
    font-size: 3.5vw;
  }
}
p.purchase_price span:nth-child(2) {
  color: #f90000;
  border-bottom: solid 2px #333;
  font-size: min(3.5vw, 40px);
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width:768px) {
  p.purchase_price span:nth-child(2) {
    border-bottom: 0px;
    font-size: 5.5vw;
  }
}
/*▲LAR▲*/
/*▼forte▼*/
section#forte {
  background-color: #133675;
}
div.forte_in {
  width: 98%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 3% 0% 0% 0%;
}
div.forte_in h2 {
  background-image: url('./reel/img_fishing/pc/reel/forte_title_bg.png');
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: #fae244;
  width: 60%;
  margin: 0 auto 4%;
  padding: 3% 0% 2% 0%;
  font-size: min(4.5vw, 58px);
  line-height: 1;
}
@media screen and (max-width:768px) {
  div.forte_in h2 {
    width: 90%;
    background-image: url('./reel/img_fishing/sp/reel/forte_title_bg.png');
    font-size: 6.5vw;
    padding: 4% 0% 1% 0%;
  }
}
div.forte_in h2 span {
  font-size: min(7vw, 88px);
}
@media screen and (max-width:768px) {
  div.forte_in h2 span {
    font-size: 12vw;
  }
}
div.forte_contents {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0% 0% 5% 0%;
}
@media screen and (max-width:768px) {
  div.forte_contents {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
}
div.forte_content {
  width: 24%;
  background-image: url('./reel/img_fishing/pc/reel/forte_content_rect.png');
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: #fff;
}
@media screen and (max-width:768px) {
  div.forte_content {
    width: 98%;
    padding: 2% 1% 2% 1%;
    margin: 0% auto 2%;
    background-image: url('./reel/img_fishing/sp/reel/for_sub_blue_bg.png');
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -ms-align-items: center;
    align-items: center;
  }
}
div.forte_sub {
  background-image: url('./reel/img_fishing/pc/reel/forte_content_cercle.png');
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 90%;
  margin: 6% auto 0%;
  padding: 0% 0% 0% 0%;
}
@media screen and (max-width:768px) {
  div.forte_sub {
    width: 44%;
    margin: 0% auto;
    background-image: url('./reel/img_fishing/sp/reel/forte_sub_bg.png');
  }
}
div.forte_sub h3 {
  color: #fae244;
  font-size: min(4vw, 50px);
  padding: 23% 0% 0% 0%;
}
@media screen and (max-width:768px) {
  div.forte_sub h3 {
    font-size: 6.7vw;
    padding: 5% 0% 0% 0%;
  }
}
div.forte_sub p {
  padding: 0% 0% 25% 0%;
  font-size: min(2vw, 25px);
  line-height: 1.2;
}
@media screen and (max-width:768px) {
  div.forte_sub p {
    font-size: 3vw;
    padding: 0% 0% 9% 0%;
  }
}
div.forte_sub p span {
  display: block;
  font-size: min(2.3vw, 25px);
  line-height: 1.2;
}
@media screen and (max-width:768px) {
  div.forte_sub p span {
    font-size: 3.5vw;
  }
}
div.forte_contents div.forte_content:nth-child(4) div.forte_sub p {
  padding: 5% 0% 32% 0%;
}
@media screen and (max-width:768px) {
  div.forte_contents div.forte_content:nth-child(4) div.forte_sub p {
    padding: 5% 0% 18% 0%;
  }
}
div.forte_contents div.forte_content > p {
  text-align: left;
  width: 90%;
  margin: 0 auto;
  font-size: min(1.6vw, 18px);
  line-height: 2;
  padding: 0% 0% 5% 0%;
}
@media screen and (max-width:768px) {
  div.forte_contents div.forte_content > p {
    line-height: 1.8;
    padding: 0% 1% 0% 2%;
    font-weight: 100;
    font-size: 3vw;
  }
}
/*▲forte▲*/
/*▼flow▼*/
section#flow {
  background-color: #cce4ef;
}
div.flow_in {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 2% 0% 2% 0%;
  background-color: #8ac3f4;
}
@media screen and (max-width:768px) {
  div.flow_in {
    padding: 3% 0% 2% 0%;
  }
}
div.flow_in h2 {
  font-size: min(6vw, 67px);
  color: #fff;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
  background-image: url('./reel/img_fishing/pc/reel/flow_title_bg.png');
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  line-height: 1;
  padding: 1.5% 0% 0% 0%;
  margin: 0% 0% 1% 0%;
}
@media screen and (max-width:768px) {
  div.flow_in h2 {
    background-image: url('./reel/img_fishing/sp/reel/flow_title_bg.png');
    font-size: 7vw;
    padding: 1.5% 0% 0% 0%;
    margin: 0% 0% 2% 0%;
  }
}
div.flow_in h2 span {
  display: block;
  font-size: min(3.5vw, 40px);
  padding: 1% 0% 1% 0%;
}
@media screen and (max-width:768px) {
  div.flow_in h2 span {
    font-size: 4.5vw;
    padding: 1.5% 0% 1% 0%;
  }
}
div.flow_contents {
  background-color: #4c9ce0;
  width: 98%;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  div.flow_contents {
    width: 95%;
    padding: 3% 0% 0% 0%;
  }
}
div.flow_contents h3 {
  color: #fff;
  font-size: min(3vw, 40px);
}
@media screen and (max-width:768px) {
  div.flow_contents h3 {
    color: #fff;
    font-size: 5vw;
    margin: 0% 0% 1% 0%;
  }
}
div.flow_contents h3 span {
  font-size: min(6vw, 70px);
  margin: 0% 0% 0% 2%;
  letter-spacing: 2px;
}
@media screen and (max-width:768px) {
  div.flow_contents h3 span {
    font-size: 9vw;
  }
}
div.flow_4step {
  width: 95%;
  margin: 0 auto 4%;
}
@media screen and (max-width:768px) {
  div.flow_4step {
    margin: 0 auto 7%;
  }
}
div.flow_step {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width:768px) {
  div.flow_step {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
}
div.flow_step > p {
  width: 20%;
  padding: 3.5% 0% 0% 0%;
  background-color: #0361b8;
  border-radius: 10px 0px 0px 10px;
}
@media screen and (max-width:768px) {
  div.flow_step > p {
    width: 100%;
    text-align: left;
    padding: 1.5% 0% 1.5% 6%;
    border-radius: 10px 10px 0px 0px;
    line-height: 1;
  }
}
div.flow_step > p span {
  color: #fff;
  font-weight: bold;
}
div.flow_step > p span:nth-child(1) {
  font-size: min(3.5vw, 40px);
  line-height: 1;
}
div.flow_step > p span:nth-child(2) {
  font-size: min(4vw, 50px);
  line-height: 1.3;
}
div.flow_step > p span:nth-child(3) {
  font-size: min(2.5vw, 26px);
  display: block;
  font-weight: normal;
  line-height: 1;
}
@media screen and (max-width:768px) {
  div.flow_step > p span:nth-child(1), div.flow_step > p span:nth-child(2) {
    display: inline-block;
    font-size: 5vw;
  }
  div.flow_step > p span:nth-child(2) {
    font-size: 6vw;
    line-height: 1;
  }
  div.flow_step > p span:nth-child(3) {
    font-size: 5vw;
    display: inline-block;
    font-weight: bold;
    margin: 0% 0% 0% 4%;
  }
}
div.flow_step div.step_content {
  width: 80%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  background-color: #fff;
  border-radius: 0px 14px 14px 0px;
  align-items: center;
}
@media screen and (max-width:768px) {
  div.flow_step div.step_content {
    width: 100%;
    border-radius: 0 0 14px 14px;
  }
}
div.step_content picture {
  width: 20%;
  margin: 2% 2% 1%;
}
@media screen and (max-width:768px) {
  div.step_content picture {
    width: 28%;
  }
}
div.step_content p {
  width: 70%;
}
@media screen and (max-width:768px) {
  div.step_content p {
    width: 68%;
  }
}
div.step_content p span {
  display: block;
  text-align: left;
}
div.step_content p span:nth-child(1) {
  color: #0361b8;
  font-weight: bold;
  font-size: min(2.8vw, 32px);
  line-height: 1;
}
@media screen and (max-width:768px) {
  div.step_content p span:nth-child(1) {
    font-size: 3.8vw;
    line-height: 1.5;
  }
}
div.step_content p span:nth-child(n+2) {
  font-size: min(1.8vw, 20px);
  line-height: 1.5;
}
@media screen and (max-width:768px) {
  div.step_content p span:nth-child(n+2) {
    font-size: 2.8vw;
    line-height: 1.8;
  }
}
img.flow_step_try {
  width: 7%;
  margin: 0.5% 0% 0.5% 7%;
  display: block;
}
@media screen and (max-width:768px) {
  img.flow_step_try {
    width: 15%;
    margin: 1.5% auto 1.5%;
  }
}
/*▲flow▲*/
/*▼display▼*/
.for_pc {
  display: block;
}
.for_sp {
  display: none;
}
@media screen and (max-width:768px) {
  .for_pc {
    display: none;
  }
  .for_sp {
    display: block;
  }
}
/*▲display▲*/


/*=========
202309/15
=========*/
/* kv */
#kv  {
  background-color: #004986;
}
#kv  picture{
  display:block;
	 max-width: 1180px;
	 width: 95%;
	margin: 0 auto;
}
#kv  picture img{width:100%;}

/*campaignバナー*/
#assesment_campain_links{
  background-color: #686868;
	padding: 3vh 0 2vh 0;
	margin-top: -7px;
}
@media screen and (max-width:768px) {
#assesment_campain_links{
    margin-top: -2px;
  }
}
.assesment_campain_links_in  picture{
  display:block;
	 max-width: 1180px;
	 width: 95%;
	margin: 0 auto;
}
.assesment_campain_links_in picture img{width:100%;}



/* highPriceListArea */
section#highPriceListArea{
  background-color: #ffd65a;
}
div.highPriceListArea_in{
	/*  background-color: #fed590;*/
	 max-width: 1100px;
	 width: 95%;
	margin: 0 auto;
	padding-top: 30px;
}
@media screen and (max-width:768px) {
  div.highPriceListArea_in {
    width: 98%;
		padding-bottom:0;
  }
	div.highPriceListArea_in:last-child{
		 padding-top: 0;
  }
}
  div.highPriceListArea_in h2{
	 max-width: 1180px;
	 width: 90%;
		margin: 0 auto;
}

.brandItemList{
			color: #000;
    position: relative;
    max-width: 1180px;
    margin: 0 auto 2% auto;
}
@media screen and (max-width:768px) {
.brandItemList{width: 98%;}
}

.brandItemList ul{
width: 95%;
    display: flex;
    justify-content: space-around;
    position: absolute;
    margin: 0 4%;
    left: 0;
    top: 51%;
}

@media screen and (max-width:768px) {
.brandItemList ul{
		width: 95%;
		display: flex;
		justify-content: space-around;
		position: absolute;
		margin: 0 4%;
		left: 0;
		top: 408px;
		flex-flow: column;
		}
}
.spBg{
	display:none;
}
@media screen and (max-width:768px) {
	.spBg{
		display: block;
		background: #000;
		height: 41vh;
		margin-top:-20px; 
	}
}
.brandItemList ul li{
    width: calc(100%/3);
    margin: 0 3% 0 0;
    background-color: rgba(235,235,235,0.8);
}
@media screen and (max-width:768px) {
	.brandItemList ul li{
			width: 98%;
			margin: 3% 3% 0 0;
			display:flex;
	}
}

.brandItemList ul li .mkList{ display: block;  margin: 4% 2%; font-weight: bold;}


@media screen and (max-width:768px) {
.brandItemList ul li .mkList{ width: 98%;  display: block; margin: 2.5% 2% 1.5% 2%;}
}

.brandItemList ul li .maker{
	font-size:2.4vw;
	line-height: 1.1;
 text-align: center;
	border-bottom: 1px solid #000;
	margin-bottom: 2%;
	padding-bottom: 3%;
}
@media screen and (max-width:768px) {
	.brandItemList ul li .maker{
    font-size: 4vw;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
	}
}
.brandItemList ul li .maker span{
	display: block;
	font-size: 1vw;
	color: #000;
}
@media screen and (max-width:768px) {
	.brandItemList ul li .maker span{
		font-size: 2vw;
	}
}
.brandItemList ul li:nth-child(1) .maker{
	color:#3a489d;
}
.brandItemList ul li:nth-child(2) .maker{
	color:#00a1f4;
}
.brandItemList ul li:nth-child(3) .maker{
	color:#dc1616;
}
.brandItemList ul li:nth-child(3) .anotherList{margin-top: 100px;}
.brandItemList ul li:nth-child(3) .anotherList .maker{ color:#7f608b;  font-size:clamp(16px,2vw, 28px);}

@media screen and (max-width:768px) {
.brandItemList ul li:nth-child(3) .anotherList{margin-top:8%;}
.brandItemList ul li:nth-child(3) .anotherList .maker{ color:#7f608b;  font-size:clamp(16px,2vw, 28px);}
}



/*
.brandItemList .mkList:last-child .item div{
		padding:2% 3%;
}
*/
.brandItemList .mkList:last-child .item .stTxtCon{ padding: 2% 0;font-size:clamp(17px, 1.4vw, 18px);}


.brandItemList ul li .item{
	    font-size: clamp(11px, 1.2vw, 14px);
}

@media screen and (max-width:768px) {
.brandItemList .mkList:last-child .item div, .brandItemList ul li .item div{display:inline-block; margin-right: 0px; padding:0 3px 0 0; white-space: nowrap;}
.brandItemList ul li .mkList .item .fstArea,
	.brandItemList ul li .mkList .item .secArea{ display: block;  white-space: normal; margin-top: 0;}
.brandItemList ul li .item .fstArea div:after,
.brandItemList ul li .item .secArea div:after{content: "/"; padding-left:0;}
	.brandItemList ul li .item .fstArea div:last-child:after,
.brandItemList ul li .item .secArea div:last-child:after{content: "";}
}


.brandItemList ul li .item div.fstArea{
	margin-top: 2%;
	width:100%;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.brandItemList ul li .item div.fstArea div{
    width: 48%;
    padding: 2% 0 1.5%;
    line-height: 1.1;
}


@media screen and (max-width:768px) {
			.brandItemList ul li .item div.fstArea{
			margin-top: 2%;
			width:100%;
			text-align: left;
			padding :0 2%;
		}
		.brandItemList ul li .item{
		font-size: clamp( 13px, 1.8vw, 20px);
		line-height: 18px;
			width: 100%;
			display: block;
			margin:  1% 0; 
	}
	
	.brandItemList ul li .item div.fstArea div{
		width:auto;
	}

}
.brandItemList .mkList:last-child .stTxtCon{ padding: 2% 0; font-size:1.1vw;}
@media screen and (max-width:768px) {
	
	.brandItemList .mkList:last-child .stTxtCon{ padding: 2% 0; font-size:4.8vw;}
}

.brandItemList .anotherTxtCon{ padding: 10% 2% 3% 2%; font-size:1vw;}
@media screen and (max-width:768px) {
	
	.brandItemList .anotherTxtCon{  padding: 4% 2%; font-size:4vw;}
}




/*.priceList */
.updateDate{ text-align: right;}


#listArea #container {
  width: 100%;
  overflow: hidden;
}
table.priceList { 
	width:100%;
  border-spacing: 0;
	background: #fff;
}
table.priceList:last-child{ 
	margin-bottom: 1%;
}

.priceList h4,
#fishing h4{  
	font-size:1.5vw;
	color:#fff;
	background: #333;
	padding:1% 2%;
	text-align: left;
}
@media screen and (max-width:768px) {
		.priceList h4,
		#fishing h4{    
			font-size:4.5vw;
		}
}

.priceList tr th{  
	font-size:1.2vw;
	color:#333;
	background: #dcdcdc;
	padding:1% 2%;
}
@media screen and (max-width:768px) {
.priceList tr th{ 
			font-size: 3.2vw;
		}
}

.priceList tr th:nth-of-type(1){
	border-right: 1px solid #b3b3b3;
	padding-right:5%;
	text-align: left;
}
.priceList tr th:nth-of-type(1) span{
	border-left: 0.5vw #333 solid;
	padding-left:1vw;
}
@media screen and (max-width:768px) {
		.priceList tr th:nth-of-type(1) span{
			border-left: 1vw #333 solid;
			padding-left:3.5vw;
			font-size: 3.5vw;
		}
}


.priceList tr td{ padding:1% 2%;}
.priceList tr td{ background: #f0f0f0;}
.priceList tr td:nth-of-type(1){
	border-right: 1px solid #b3b3b3;
}
.priceList tr td:nth-of-type(1) p{
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left; 
}
@media screen and (max-width:768px) {
	.priceList tr td:nth-of-type(1) p{ font-size:3.2vw; }
}

.priceList tr td:nth-of-type(2){ width:20%; color:#ff0101;	font-size:1.2vw; font-weight: bold; text-align: center;}
@media screen and (max-width:768px) {
	.priceList tr td:nth-of-type(2){ font-size:3vw; }
}
.priceList .tdCnt2 th,
.priceList .tdCnt2 td{ background: #fff;}

.priceList .opLine{ opacity: 0.5;}
.priceList .opLine:last-child{ opacity: 0.3;}
.priceList .reOp,
.priceList .reOp:last-child{opacity: 1;}


.attTxt{ font-size: clamp(14px, 1.2vw, 22px); text-align: right; }
.attTxt .brSp{ display: none;}

@media screen and (max-width:768px) {
	.attTxt{ font-size: clamp(12px, 1.2vw, 16px);}
	.attTxt .brSp{ display: block;}	
}
		

/* ボタン*/
#tgtBtn{ margin: 4% auto; width: fit-content;}
#toggleBtn {
		position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin: 0 auto;
    padding: 0.9em 2em;
    border: none;
    border-radius: 1px;
    /* box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%); */
    background-color: #414141;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}

@media screen and (max-width:768px) {
	#toggleBtn { width: 200px; font-size: 0.8em;}
}

#toggleBtn:hover {
    background-color: #313131;
}

.toggleOp::after {
		display: inline-block;
    width: 10px;
    height: 5px;
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    position: absolute;
		top: 44%;
    left: 70%;
}

.toggleClose::after {
		display: inline-block;
    width: 10px;
    height: 5px;
    background-color: #fff;
   	clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
    content: '';
    position: absolute;
		top: 44%;
    left: 70%;
}




/* aboutStore */

section#aboutStore {
  background-color: #004986;
}
div.aboutStore_in {
	/*  background-color: #fed590;*/
	 max-width: 1100px;
	 width: 95%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
@media screen and (max-width:768px) {
  div.aboutStore_in {
    width: 100%;
		padding-bottom: 10px;
  }
}
div.aboutStore_in h2 {
  color: #fff;
   background-image: url("../reel/img_fishing/pc/bg_h2_about.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  font-size: min(4.4vw, 52px);
  font-weight: bold;
  line-height: 1;
  padding: 2% 0% 3%;
  text-shadow: 4px 4px 4px rgb(0 0 0 / 20%);
}
@media screen and (max-width:768px) {
  div.aboutStore_in h2 {
     background-image: url("../reel/img_fishing/sp/bg_h2_about.png");
    padding: 5% 0% 2%;
  }
  div.aboutStore_in h2 span {
    display: block;
    font-size: 6.5vw;
    line-height: 1.1;
    font-weight: bold;
  }
}
div.aboutStore_in p {color:#fff; font-size:clamp(16px, 1.2vw, 26px); font-weight: 500; margin: 1.5vw 0;}
div.aboutStore_in picture {display:block;}
div.aboutStore_in picture img{width:100%;}

/* antiqueReel */
section#antiqueReel {
  background-color: #c6b394;
	padding:2% 0 0 0;
}
.antiqueReel_in{
	 position: relative;
	 max-width: 1180px;
	 width: 90%;
   margin: 0 auto 2% auto;
	 aspect-ratio: 1500 / 991;
    background-image: url("../reel/img_fishing/pc/bg_antique.png");
	 background-size: contain;
}
@media screen and (max-width:768px) {
  .antiqueReel_in{
     background-image: url("../reel/img_fishing/sp/bg_antique.png");
    aspect-ratio: 690 / 620;
  }
}
.antiqueReel_in img{width:100%;}


.antiqueReel_in h2{
    position: absolute;
    left: calc((192 / 1500) * 100%);
    top: calc((140 / 990) * 100%);
    width: 76%;
}
@media screen and (max-width:768px) {
.antiqueReel_in h2{
		position: absolute;
    left: calc((45 / 690) * 100%);
    top: calc((55 / 620) * 100%);
    width: 85%;
  }
}

.antiqueReel_in .imgConTxt{
    position: absolute;
    left: calc((192 / 1500) * 100%);
    top: calc((440 / 990) * 100%);
    width: 76%;
}
@media screen and (max-width:768px) {
.antiqueReel_in .imgConTxt{
    position: absolute;
    left: calc((100 / 690) * 100%);
    top: calc((270 / 620) * 100%);
    width: 70%;
  }
}

/* strengths */
section#strengths {
  background-color: #133675;
}
div.strengths_in {
	/*  background-color: #fed590;*/
	 max-width: 1100px;
	 width: 95%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
@media screen and (max-width:768px) {
  div.strengths_in {
    width: 100%;
		padding-bottom: 0;
  }
}
.strengths_in  h2{
	 width: 70%;
	margin: 2% auto 4% auto;
}
@media screen and (max-width:768px) {
	.strengths_in  h2{
		 width: 98%;
		margin: 2% auto 4% auto;
	}
}

.strengths_in ul{
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
	margin-bottom: 4%;
}

@media screen and (max-width:768px) {
	.strengths_in ul{
		width: 98%;
		display: grid;
		grid-template-rows: 1fr;
		grid-template-columns: repeat(1, 1fr);
		gap: 8px;
		margin-bottom: 4%;
		border-radius: 24px;
	}
}

.strengths_in ul li{
	color: #fff;
	background-color: #00479d;
	padding-bottom: 5%;
}

@media screen and (max-width:768px) {
	.strengths_in ul li{
		display:flex;
		align-items: center;
    justify-content: center;
		padding: 2% 4%;
		border-radius: 15px;
	}
	.strengths_in ul li h3{
		width:30%;
	}
	.strengths_in ul li h3 img{
		width:100%;
	}
}
.strengths_in ul p{
	padding: 2% 4% 4% 4%;
	text-align: left;
}
@media screen and (max-width:768px) {
	.strengths_in ul p{
    width: 70%;
    font-size: 2.9vw;
    padding: 2% 2% 2% 4%;
	}
}
/* flowStep */
section#flowStep {
  background-color: #cce4ef;
}
.flowStep_in{
		max-width: 1100px;
    width: 95%;
  	margin: 0 auto;
		padding-bottom: 2%;
	  background-color: #8ac3f4;
}
@media screen and (max-width:768px) {
		.flowStep_in{
			 width: 100%;
				margin: 0 auto;
				padding-bottom: 2%;
				background-color: #8ac3f4;
		}
}

.flowStep_in h2{
	padding-top: 2%;
}
.flowStep_in div.inside_flow_top {
	background-color: #4c9ce0;
	    margin: 2% 2% 2% 2%;
			padding-bottom:2%;	
}
.flowStep_in div.inside_flow_top  h3{
	color: #fff;
	font-size:46px;
	margin-top: 2%;
	padding-top: 2%;
}
@media screen and (max-width:768px) {
			.flowStep_in div.inside_flow_top  h3{font-size:4vw;}
}
.flowStep_in div.inside_flow_top  h3 span{
	font-size:6vw;
	padding-left: 1%;
}
@media screen and (max-width:768px) {
			.flowStep_in div.inside_flow_top  h3{font-size:4vw;}
}

.flowStep_in div.inside_flow_top .stepList {
	width: 90%;
	margin: 0% auto 5% auto;
	display: flex;
	overflow: visible;
  position: relative;
}

@media screen and (max-width:768px) {
		.flowStep_in div.inside_flow_top .stepList {
			width: 92%;
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			overflow: visible;
			position: relative;
			margin-bottom: 13%;
		}
		.flowStep_in .inside_flow_top div:nth-of-type(4){
			margin-bottom: 4%;
	}
}
.flowStep_in div.inside_flow_top .stepList:after {
    content: "";
    margin: auto;
    position: absolute;
    bottom: -2.3vw;
    left: 1.1vw;
    border: solid transparent;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.6vw 3.8vw 0 3.8vw;
    border-color: #ffffff transparent transparent transparent;
}

.flowStep_in div.inside_flow_top div.stepList:nth-child(5)::after {
  border: none;
	margin:0;
}
@media screen and (max-width:768px) {
	.flowStep_in div.inside_flow_top .stepList:after {
			content: "";
			margin: auto;
			position: absolute;
			bottom: -5.8vh;
			left: 21vw;
			border: solid transparent;
			content: " ";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 7vw 14vw 0 14vw;
			border-color: #ffffff transparent transparent transparent;
			margin-left: 30px;
	}
}


.flowStep_in div.inside_flow_top div div:first-child {
  display: flex;
  overflow: visible;
  align-content: center;
  width: 18%;
	min-width: 160px;
  padding: 30px 0;
  text-align: left;
  color: #fff;
  background-color: #0361b8;
  border-radius: 18px 0 0 18px;
  flex-flow: wrap;
  }

@media screen and (max-width:768px) {
		.flowStep_in div.inside_flow_top div div:first-child {
				width: 100%;
				display: flex;
				overflow: visible;
				align-content: center;
				padding: 2% 0;
				text-align: left;
				color: #fff;
				background-color: #0361b8;
				border-radius: 18px 18px 0 0;
				flex-flow: row;
				align-items: center;
		}
}

.flowStep_in div.inside_flow_top div div:first-child p:first-child {
  font-size: 30px;
	font-weight: bolder;
  display: block;
  width: 240px;
}
@media screen and (max-width:768px) {
			.flowStep_in div.inside_flow_top div div:first-child p:first-child {font-size:4vw; width:30%;}
}

.flowStep_in div.inside_flow_top div div:first-child p:first-child span {
  font-size: 46px;
  padding: 5px;
}
@media screen and (max-width:768px) {
.flowStep_in div.inside_flow_top div div:first-child p:first-child span {font-size:6vw;}
}

.flowStep_in div.inside_flow_top div div:first-child p:nth-child(2) {
  font-size: 20px;
  width: 240px;
  font-weight: bold;
}

@media screen and (max-width:768px) {
	.flowStep_in div.inside_flow_top div div:first-child p:nth-child(2) {
			text-align: left;
	}
}
.flowStep_in div.inside_flow_top div div:nth-child(2) {
  display: flex;
  width: 82%;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 0 18px 18px 0;
	align-content: center;
}

@media screen and (max-width:768px) {
		.flowStep_in div.inside_flow_top div div:nth-child(2) {
			display: flex;
			width: 100%;
			background-color: #fff;
			border: 2px solid #fff;
			border-radius: 0 0 18px 18px;
			flex-direction: row;
		}
}
.flowStep_in div.inside_flow_top div div:nth-child(2) img {
  width: 204px;
  height: 157px;
  margin: 15px;
}
@media screen and (max-width:768px) {
	.flowStep_in div.inside_flow_top div div:nth-child(2) img {
		width: 124px;
		height: 78px;
		margin: 2%;
	}
}

.flowStep_in div.inside_flow_top div div:nth-child(2) p {
  width: 85%;
	color: #0361b8;
  font-weight: bold;
  padding: 30px 10px 30px 5px;
  font-size: 22px;
  letter-spacing: 2px;
	text-align: left;
}
@media screen and (max-width:768px) {
		.flowStep_in div.inside_flow_top div div:nth-child(2) p {
			  font-size: 4vw;
		}
}
.flowStep_in div.inside_flow_top div div:nth-child(2) p span {
  font-weight: normal;
  font-size: 1.2vw;
	color: #000;
}
@media screen and (max-width:768px) {
		.flowStep_in div.inside_flow_top div div:nth-child(2) p {
			  font-size: 4.2vw;
			padding-top:2%; 
		}
	.flowStep_in div.inside_flow_top div div:nth-child(2) p span {
		font-size: 4.2vw;
	}
}

.flowStep_in div.inside_flow_top div.flowStepBnr{
	width:60%;
	margin: 7% auto 10% auto;
}

.accList{ display:none;}
.accList-open{ display:block;}

/* map */
section#map {
  background-color: #f4f4f4;
}
.map_in{
		max-width: 1100px;
    width: 95%;
		margin: 0 auto;
		padding-top:2%;
    background-image: url(../img/pc/bg_map.png);
		background-repeat: repeat;
		background-size: unset;
		padding-bottom: 0.1%;
}
@media screen and (max-width:768px) {
		.map_in{
			 width: 100%;
				margin: 0 auto;
				padding-bottom: 2%;
				background-color: #f4f4f4;
			 background-image: url(../img/sp/bg_map.png);
		}
}
.map_in h2{
    color: #fff;
    background-image: url(../img/pc/bg_h2_map.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: cover;
    background-position-x: center;
    font-size: min(4.4vw, 52px);
    font-weight: bold;
    padding: 2% 0% 2%;
    text-shadow: 6px 6px 6px rgb(0 0 0 / 45%);
}
.map_in h2 span{ position: relative; vertical-align: middle; line-height: 1;} 
.map_in h2 span::before{
		position: absolute;
    content: '';
    display: inline-block;
    min-width: 50px;
    background-image: url(../img/pc/mapicon.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 0.5rem;
    width: 100%;
    height: 68%;
    top: 6%;
    left: -10%;
}

@media screen and (max-width:768px) {
			.map_in h2{
					font-size: 7.2vw;
					line-height: 1;
					padding: 3.5%;
					background-image: url(../img/sp/bg_h2_map.png);
					background-position-y: center;
			}
		.map_in h2 span::before{
    width: 1rem;
    height: 75%;
    top: 10%;
    left: -10%;
    background-image: url(../img/sp/mapicon.png);
		}
	}

.map_in iframe{
	width: 98%;
	height:600px;		
}
@media screen and (max-width:768px) {
		.map_in iframe{
			width: 96%;
			height:400px;
			margin: 2% 2% 0 2%;
		}
}

  div.shops .shop iframe {
  width: 100%;
  height: 600px;
}
.map_in p{ width: 82%; margin: 4% auto; font-size: min(1.6vw, 18px);}
@media screen and (max-width:768px) {
	.map_in p{ width: 96%; font-size: min(3.5vw, 18px);}
}
.map_in p.attTxt{
	width:98%;
	font-size: min(1vw, 16px);
	margin: 0 auto 4% auto;
	text-align: right;	
}
@media screen and (max-width:768px) {
		.map_in p.attTxt{
			width:96%;
			font-size: min(2.6vw, 18px);
		}
}

.map_in p.btnLink{
		width: 48%;
    margin: 0 auto 4% auto;
}
@media screen and (max-width:768px) {
		.map_in p.btnLink{
				width: 76%;
		}
}

.map_in p.btnLink a{
		display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 100%;
    padding: 1rem 4rem 0.8rem 4rem;
    font-weight: bold;
    background: #ea8c1d;
    border: 6px outset #F17816;
    color: #fff;
    font-size: min(3vw, 38px);
    line-height: 1;
    transition: 0.3s;
}
@media screen and (max-width:768px) {
.map_in p.btnLink a{
    border: 3px outset #F17816;
    color: #fff;
   font-size: min(5.6vw, 42px);
	 padding: 1rem 1.2rem 0.8rem 1.2rem;
		}
}


.map_in p.btnLink a:hover {
	background: #F9A638;
	border: 6px outset #ea8c1d;
	color: #fff;
}

@media screen and (max-width:768px) {
.map_in p.btnLink a:hover {
    border: 3px outset #F17816;
		}
}

.map_in p.btnLink a,.map_in p.btnLink a:visited{
	color: #fff;
}


/* footer */
footer { background-color: #16203e;}
.footer-flex {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}
@media screen and (max-width:768px) {
		.footer-flex {
				flex-flow: column;
			 	align-items: center;
				width: 98%;
				margin: 0% auto;
				padding:4% 0;
	}
}
#footer_in { width: 120px; padding-right: 3%;}
@media screen and (max-width:768px) {
	#footer_in {
			width: 30%;
			/* padding-right: 3%; */
			padding: 2%;
	}
}
.ul-flex {  width: 280px;}
@media screen and (max-width:768px) {
		.ul-flex {
					width:100%;
					font-size: 3.2vw;
			}
}
.ul-flex li{
		list-style: none;
    text-align: left;
    padding: 2% 4%;	
}
.ul-flex li a,
.ul-flex li a:visited {
		color:#fff;	
}
.relevance {
    border-left: solid 1px #ccc;
    width: 1px;
		margin-right: 2%;
}
@media screen and (max-width:768px) {
	.relevance { display: none;}
}
.secondhand {
    background: #ccc;
    color: dimgrey;
    padding: 5px 0;
    min-width: 1180px;
    margin-bottom: 20px;
    font-size: 14px;
}
@media screen and (max-width:768px) {
.secondhand { min-width: auto;}
}

.copy p{
	  text-align: center;
    color: #fff;
    padding-bottom: 20px;
    font-size: 14px;
	
}