/* Show it is fixed to the top */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;600&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

body {
  min-height: 75rem;
	padding-top: 0rem;
	font-size:20px;
}


.shippori-mincho-medium {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
}

.shippori-mincho-semibold {
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-style: normal;
}


/*コードに入っていたCSS*/

/*.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }
      .bd-mode-toggle {
        z-index: 1500;
      }*/
/*コードに入っていたCSS*/

/*768px以上
@media screen and (min-width: 768px) {
.navbar .navbar-brand{
 background-image: url(./image/topimage01.jpg);
}
}*/
/* テキスト関連*/
h3.main_copy{font-size:1.22rem;line-height:2.25rem;}
h3.zihou_item{font-size:2.25rem;line-height:2.88rem;}
h3.zihou_item span{display:block;font-size:1.22rem;line-height:2.25rem;}
p.zihou_item{font-size:1.22rem;line-height:2.25rem;}

/* 画像サイズ調整*/
img.w40_img{width:40%;height:auto}
img.w50_img{width:50%;height:auto}
		
@media screen and (max-width: 768px) {
img.w40_img{width:60%;height:auto}
img.w50_img{width:75%;height:auto}
}
				

/* ボタン
------------------------- */
a.btn_eikando{
color:#fff;
	background-color:#c7161d;
	text-decoration:none;
	display:block;
	font-size:1.5rem;
	line-height:1.8rem;
	padding:0.8rem 3rem;
	margin:5rem auto;
	max-width:400px;
	border-radius: 3rem;
	text-align:center;
}
a:hover.btn_eikando{
opacity: 0.5; /* 追記 半透明にする */
}
a.btn_eikando span{
	font-size:1.25rem;
}
/* テーブル
------------------------- */

table.respon-tableA {
  margin: 20px auto;
    width:100%;
  max-width:880px;
}
.respon-tableA th {
width:20%;
font-weight:normal;
  background: #e2ebae;
  border-top: solid 5px #fff;
  padding: 8px;
}
.respon-tableA tr:last-child th{
border-bottom: solid 5px #fff;
}
.respon-tableA td {
width:100%;
background-color:#FFF;
	border-top: solid 5px #fff;
	padding: 8px;
	text-align:left;
}
.respon-tableA tr:last-child td{
  border-bottom: solid 5px #fff;
}

.L-border,.L-border2{border-left: solid 5px #fff;}

@media screen and (max-width: 640px) {
table.respon-tableA {
    width:100%;
  }
.respon-tableA th,
.respon-tableA td {
    display: block;
    width: 100%;
  }
  .L-border{border-left: none}
  .respon-tableA tr:last-child th{
border-bottom: none;
}
	}
/*メニュー*/
.fixedmenu {
		height: auto;
		position: fixed;
right: 0;
		opacity: 1; /* 追記 半透明にする */
	}
		.fixedmenu ul{
	list-style-type:none;
		background-color:rgba(255,255,255,0.8);
	}
	
	.fixedmenu ul li a{
		display:block;
		margin:0px 0px 2px 2px;
		background-color: #c7161d;
		color:#fff;
		text-decoration:none;
		padding:1rem;
		text-align:center;
	}
		.fixedmenu ul li a:hover{
opacity: 0.5; /* 追記 半透明にする */
					}
		.fixedmenu ul li a .mobbig{
					font-size:2rem;}
	footer{background-color:#c7161d;color:#FFF;}
	.footer_name{font-size:2.2rem;}
	.footer_name span{font-size:1.2rem;}
	
@media screen and (max-width: 768px) {
.fixedmenu {
			width:100%;
			background-color:#ccc;
			bottom:0;
			border-top:solid 2px #fff
		}
		.fixedmenu ul{
			display:flex;
			justify-content:space-evenly;
			margin:0;
		}
		.fixedmenu ul li{
			width: calc((100% - 2%) / 3);
			background-color:#fff;
							}
	.fixedmenu ul li a{
		padding:0.6rem;
		text-align:center;
		font-size:1rem;
	}
.fixedmenu ul li a .mobbig{
font-size:1.5rem;
			}
		body {
	padding-bottom: 6rem;
			}
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適用される */
.fixedmenu ul li a{
		padding:0.6rem;
		text-align:center;
		font-size:0.8rem;
	}
.fixedmenu ul li a .mobbig{
font-size:1.2rem;
			}
}
