@charset "UTF-8";
/* font-size setting */
/* color setting */
/* flex setting */
/* 個別ページ　共通パーツ */
section.insurance {
  width: 1040px;
  margin: 0 auto; }
  section.insurance h2 {
    font-size: 283%;
    font-weight: bold;
    line-height: 1.5; }
  section.insurance h4.blockTitle {
    font-size: 183%;
    font-weight: bold;
    color: #FFF;
    border-radius: 55px;
    width: 100%; }
    section.insurance h4.blockTitle + p {
      font-size: 150%;
      font-weight: bold; }
  section.insurance ul.split01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%; }
    section.insurance ul.split01 li:first-child {
      width: 60%;
      text-align: justify; }
      section.insurance ul.split01 li:first-child h3 {
        font-size: 150%;
        font-weight: bold;
        line-height: 1.5; }
      section.insurance ul.split01 li:first-child p {
        font-size: 100%; }
    section.insurance ul.split01 li:last-child {
      width: 35%; }
      section.insurance ul.split01 li:last-child img {
        width: 100%; }
  section.insurance ul.examBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%; }
    section.insurance ul.examBox li {
      width: 32%;
      margin: 0 0 20px;
      line-height: 1.5;
      border-radius: 15px;
      padding: 0 0 15px 0; }
      section.insurance ul.examBox li h5 {
        width: 100%;
        font-size: 125%;
        color: #FFF;
        font-weight: bold;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        padding: 15px 0; }
        section.insurance ul.examBox li h5.wLine {
          padding: 4px 0;
          line-height: 1.3; }
      section.insurance ul.examBox li p.receipt {
        font-size: 100%;
        font-weight: bold; }
        section.insurance ul.examBox li p.receipt span {
          font-size: 150%;
          font-weight: bold;
          color: #FF6400; }
      section.insurance ul.examBox li p.comment {
        font-size: 90%; }
        section.insurance ul.examBox li p.comment.right {
          text-align: right;
          margin-right: 7%; }
  section.insurance p.notice {
    text-align: left;
    margin: 0 0 0 2%;
    font-size: 90%;
    line-height: 1.5; }

p.note {
  font-size: 100%;
  font-weight: bold; }

@media screen and (min-width: 900px) {
	.gnav .btns div.jishin a img { opacity: .5; }
	.gnav .btns div.shunyu a img { opacity: .5; }
	.gnav .btns div.sonota a img { opacity: .5; }
	.gnav .btns div.shain a { opacity: .5; }
	.gnav .btns div a:hover img { opacity: 1; }
	.gnav .btns div a:hover { opacity: 1; }

}



/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width: 899px) {
  /* 個別ページ用設定 */

	header .menu-trigger span {
		background-color: #666;
	}


  section.insurance {
    width: 90%;
    margin: 0 auto; }
    section.insurance h2 {
      font-size: 200%; }
    section.insurance h4.blockTitle {
      font-size: 130%; }
      section.insurance h4.blockTitle + p {
        font-size: 110%; }
    section.insurance ul.split01 {
      display: block; }
      section.insurance ul.split01 li:first-child {
        width: 100%; }
        section.insurance ul.split01 li:first-child h3 {
          font-size: 130%; }
      section.insurance ul.split01 li:last-child {
        width: 100%; }
    section.insurance ul.examBox {
      display: block; }
      section.insurance ul.examBox li {
        width: 100%; }
    section.insurance p.notice {
      text-align: justify;
      margin: 0 0 0 0; } }
/* color setting */
/* flex setting */
section.insurance h4.blockTitle {
  background: #88513C; }
section.insurance ul.split01 li:first-child h3 {
  color: #88513C; }
section.insurance ul.examBox {
  width: 100%; }
  section.insurance ul.examBox.fire li {
    border: 1px #88513C solid; }
    section.insurance ul.examBox.fire li h5 {
      background: #88513C; }
section.insurance .questionBox {
  width: 100%;
  border: 1px #616161 solid;
  padding: 20px 12% 20px 12%;
  text-align: left;
  position: relative; }
  section.insurance .questionBox h3 {
    text-align: center;
    width: 100%;
    position: absolute;
    font-size: 150%;
    font-weight: bold;
    margin: -1.8em 0 0 -15%; }
    section.insurance .questionBox h3 span {
      display: inline-block;
      background: #FFF;
      padding: 0 20px;
      letter-spacing: 0.3em; }
  section.insurance .questionBox h4 {
    font-size: 125%;
    font-weight: bold; }
  section.insurance .questionBox p.bltDeci {
    position: relative;
    padding-left: 1.3em;
    margin-left: 1em;
}
    section.insurance .questionBox p.bltDeci:before {
      position: absolute;
      content: "\25CF";
      left: 0;
      top: 0; }
section.insurance .borderTitleBox {
  width: 100%;
  border-top: 1px #616161 solid;
  position: relative; }
  section.insurance .borderTitleBox div {
    position: absolute;
    width: 100%;
    top: -45px; }
    section.insurance .borderTitleBox div h3 {
      display: inline-block;
      font-size: 240%;
      font-weight: bold;
      line-height: 1.3;
      background: #FFF;
      padding: 0 20px; }
      section.insurance .borderTitleBox div h3 span {
        font-size: 65%; }

section.insurance .catalogs {
	margin: 60px 0 100px;
	display: flex;
	justify-content: center;
}
section.insurance .catalogs li {
	width: 150px;
	margin: 0 10px;
}
section.insurance .catalogs li img {
	width: 100%;
	box-shadow: 2px 2px 5px rgba(0,0,0,.4);
}


/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width: 899px) {
  section.insurance .questionBox {
    padding: 20px 5% 20px 5%; }
    section.insurance .questionBox h3 {
      font-size: 140%;
      margin: -2em 0 0 -5%; }
      section.insurance .questionBox h3 span {
        letter-spacing: 0.2em; }
    section.insurance .questionBox h4 {
      font-size: 120%; }
    section.insurance .questionBox p.bltDeci {
      margin-left: 0;
      font-size: 100%; }
  section.insurance .borderTitleBox div {
    top: -35px; }
    section.insurance .borderTitleBox div h3 {
      font-size: 180%; } 

	section.insurance .catalogs {
		margin: 30px 0 0;
		flex-wrap: wrap;
	}
	section.insurance .catalogs li {
		width: 30%;
		margin: 0 5px 10px;
	}
	section.insurance .catalogs li img {
	}

}