@charset "utf-8";

 /* ▼ meigen //////////////////////////////  */

 @font-face {
    font-family: "しまなみ JIS2004";
    font-weight: normal;
    font-style: normal;
    src: url(//webfonts.sakura.ne.jp/3/tsad/dist/ja/ts?condition=ade3df9f91f0e0475415ac1cc92d1d58&eid=579~Suv0YMk%3D&bw[name]=Android&bw[ftf]=0&bw[os]=Android&location=imakey-fishing.com%2F&fonts[id]=2008&fonts[str]=MOOAgeOAguOBguOBhOOBhuOBiuOBi%2BOBjOOBj%2BOBleOBl%2BOBmeOBm%2BOBn%2BOBoOOBpOOBpuOBp%2BOBqOOBqeOBquOBq%2BOBrOOBruOBr%2BOBs%2BOBvuOCguOChOOCieOCiuOCi%2BOCjOOCj%2BOCkuOCv%2BODiuS4gOS6uuS7peWFseWGheWKueWRveWTsuWgtOWkluWkmuWtkOWtpuWun%2BWuouWvuOWwluW3ruW7tuW8leW9ueW%2Fg%2BaJgOaMgeaXpeaZguahiOatu%2Bawl%2Bayu%2BeJueeUn%2BeXheeZguebruelnuengeepguerv%2BezuOe1kOiAheiFleiIueiWrOihjOimi%2Biqv%2Biyu%2BmAoumHo%2BmIjumVt%2BmWk%2Bmbo%2Bmgremtmumvie%2B8gQ%3D%3D)
        format('woff2');
    font-display: swap !important;
  }

  p {
    font-size: 19px !important;
    font-family: 'Noto Sans JP', sans-serif !important;
}

.t-opa-1 {
    opacity: .5;
}

.t-opa-2 {
    opacity: .2;
}

.t-opa-3 {
    opacity: .5;
}

.t-opa-4 {
    opacity: .2;
}

.sasie {
    border: thin #c0c0c0 solid;
    display: flex;
    flex-flow: column;
    padding: 5px;
    max-width: 360px;
}


.aside-inner-p {
    font-size: 14.5px !important;
}

.bg-matome {
    background-color: #e9ecef;
}

/* JS スクロールアニメーション */
section {
    opacity: 0 !important;
    transform: translateY(80px) !important;
    transition: 1s !important;
}

section.show {
    opacity: 1 !important;
    transform: none !important;
}

/* JS スクロールアニメーションここまで */



.Shimanami span {
    font-family: "Shimanami JIS2004" !important;
    font-size: 1.47rem;
    line-height: 1.25;
    color: #db2456;
}

.image_circle img {
    width: 20% !important;
    height: auto;
}

.image_circle_text {
    display: block !important;
    
}

/* 575.98px未満（スマホ・携帯）
------------------------------ */
@media (max-width: 575.98px) {
    .image_circle_text {
        font-size: .2rem;
    }
}

/* 576-767.98px（iPad）
------------------------------ */
@media (min-width: 576px) {
    .image_circle_text {
        font-size: .5rem;
    }
}

/* 768-991.98px（Note PC 小）
------------------------------ */
@media (min-width: 768px) {
    .image_circle_text {
        font-size: .8rem;
    }
}

/* 992-1199.98px（Note PC 大）
------------------------------ */
@media (min-width: 992px) {
    .image_circle_text {
        font-size: 1.1rem;
    }
}

/* 1200px以上（Disktop PC 以上）
-------------------------------- */
@media (min-width: 1200px) {
    .image_circle_text {
        font-size: 1.3rem;
    }
}


/* ▼ fishing_insurance ////////////////////////////////////////////  */

.jumbotron-hoken {
    background-color: rgba(165, 217, 220, .5) !important;
    border-radius: .3rem;
    padding: 2rem 1.5rem 2rem 1.5rem;
}

.hoken, .point, .rights, .eso_bad, .ukkari {
    width: 100%;
    font-weight: bold;
    margin: 0 auto;
    position: relative;
	padding: 1rem;
	border: solid 1px #a5d9dc;
	border-left: solid 2.5em #a5d9dc;
}

.suzume {
    width: 100%;
    font-weight: bold;
    margin: 0 auto;
    position: relative;
	padding: 1rem;
	border: solid 1px #a5d9dc;
	border-left: solid 3em #a5d9dc;
}

.rights-h2 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    color: #FFF;
    font-weight: bold;
	padding: 1rem;
	background-color:  #a5d9dc;
	/* border-left: solid 2.5em #a5d9dc; */
}

.rights-h2::after {
    content: '';
    background-color: #a5d9dc;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -6px;
    left: 0;
  }

.rights-h2::before {
    content: '';
    background-color: #a5d9dc;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 62px;
    left: 0;
  }

  /* 575.98px未満（スマホ・携帯）
------------------------------ */
@media (max-width: 538px) {
    .rights-h2::before {
        content: '';
        background-color: #a5d9dc;
        width: 100%;
        height: 3px;
        position: absolute;
        bottom: 90px;
        left: 0;
      }
}

/* 576-767.98px（iPad）
------------------------------ */
@media (min-width: 539px) {
    .rights-h2::before {
        content: '';
        background-color: #a5d9dc;
        width: 100%;
        height: 3px;
        position: absolute;
        bottom: 90px;
        left: 0;
      }
}

/* 768px（note_pc）
------------------------------ */
@media (min-width: 768px) {
    .rights-h2::before {
        content: '';
        background-color: #a5d9dc;
        width: 100%;
        height: 3px;
        position: absolute;
        bottom: 62px;
        left: 0;
      }
}

/* 575.98px未満（スマホ・携帯）
------------------------------ */
@media (max-width: 575.98px) {
    .balloon1-left2 p {
        font-size: 1rem !important;
    }

    .speaker-circle2,.speaker-circle3 img {
        width: 60px;
        height: 60px;
    }

    .speaker-circle2 span {
        font-size: 1rem !important;
    }

    .speaker-circle3 span {
        font-size: .8rem !important;
    }

}



/* 992-1199.98px（Note PC 大）
------------------------------ */
@media (min-width: 992px) {
    .hoken, .point, .rights, .rights-h2, .eso_bad, .ukkari, .suzume {
        width: 88%;
    }
}

/* 1200px以上（Disktop PC 以上）
-------------------------------- */
@media (min-width: 1200px) {
    .hoken, .point, .rights, .rights-h2, .eso_bad, .ukkari, .suzume {
        width: 70%;
    }
}



.hoken:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f5e1";
	font-weight: 900;
	color: #fff;
	padding: 0;
	left: -1.9em;
	top: 50%;
	transform: translateY(-50%);
}

.point:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f0a6";
    font-size: 2rem;
	font-weight: 300;
	color: #fff;
	padding: 0;
	left: -1.15em;
	top: 50%;
	transform: translateY(-50%);
}

.rights:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f24e";
    font-size: 2rem;
	font-weight: 300;
	color: #fff;
	padding: 0;
	left: -1.5em;
	top: 50%;
	transform: translateY(-50%);
}

.eso_bad:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f258";
    font-size: 2rem;
	font-weight: 300;
	color: #fff;
	padding: 0;
	left: -1.4em;
	top: 50%;
	transform: translateY(-50%);
}

.ukkari_icon {
	position: absolute;
	left: -2.4em;
	top: 60%;
	transform: translateY(-50%);
}

.yariken_icon {
	position: absolute;
	left: -2.6em;
	top: 50%;
	transform: translateY(-50%);
}

.suzume_icon {
	position: absolute;
	left: -3em;
	top: 50%;
	transform: translateY(-50%);
}

.tachiuo_icon {
	position: absolute;
	left: -2.5em;
	top: 50%;
	transform: translateY(-50%);
}

.area-menu li {
    font-size: 1.2rem;
}




/* 吹き出し用の設定 */
.balloon1-left2 {
    position: relative;
    top: -20px;
    display: inline-block;
    margin: 1.5em 0 1.5em 15px;
    padding: 15px 15px 0 15px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    background: #FFF;
    border: solid 3px #AAA;
    box-sizing: border-box;
    border-radius: 4px;
  }
  
  .balloon1-left2:before {
    content: "";
    position: absolute;
    top: 25%;
    left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #FFF;
    z-index: 2;
  }

  .balloon1-left2:after {
    content: "";
    position: absolute;
    top: 25%;
    left: -30px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 14px solid #AAA;
    z-index: 1;
  }

  /* 575.98px未満（スマホ・携帯）
------------------------------ */
@media (max-width: 575.98px) {
    .balloon1-left2:before {
        content: "";
        position: absolute;
        top: 17%;
        left: -24px;
        margin-top: -12px;
        border: 12px solid transparent;
        border-right: 12px solid #FFF;
        z-index: 2;
      }
    
      .balloon1-left2:after {
        content: "";
        position: absolute;
        top: 17%;
        left: -30px;
        margin-top: -14px;
        border: 14px solid transparent;
        border-right: 14px solid #AAA;
        z-index: 1;
      }
}
  
  .balloon1-left2 p {
    margin: 0;
    padding: 0;
  }

  .balloon1-left2 h3 {
    font-size: 1.0rem !important;
  }


  .balloon1-right2 {
    position: relative;
    display: inline-block;
    margin: 5px 0 30px 0;
    padding: 15px 15px 0 15px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    background: #FFF;
    border: solid 3px #AAA;
    box-sizing: border-box;
    border-radius: 4px;
  }
  
  .balloon1-right2:before {
    content: "";
    position: absolute;
    top: 25%;
    right: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-left: 12px solid #FFF;
    z-index: 2;
  }

  .balloon1-right2:after {
    content: "";
    position: absolute;
    top: 25%;
    right: -30px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-left: 14px solid #AAA;
    z-index: 1;
  }
  
  .balloon1-right2 p {
    margin: 0;
    padding: 0;
  }

  .balloon1-right2 h3 {
    font-size: 1.0rem !important;
  }


   .speaker-circle2 span {
    display: inline-block !important;
    width: 90px;
  }

  .speaker-circle3 span {
    display: inline-block !important;
    font-size: small;
  }


  figure {
    border: thin #c0c0c0 solid;
    display: flex;
    flex-flow: column;
    padding: 5px;
    max-width: 480px;
  }

  figure img {
    width: 100%;
    height: auto;
  }
  

  
  figcaption {
    background-color: #222;
    color: #fff;
    font: italic smaller sans-serif;
    padding: 3px;
    text-align: center;
  }