@charset "UTF-8";
body{
	/*font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;*/
	 font-family:'メイリオ', 'Meiryo', sans-serif !important;
}
h1,h2,h3,h4,h5,h6{
	/*font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;*/
 font-family:'メイリオ', 'Meiryo', sans-serif !important;
}
.bg_kenbi{
	background-color:#00008c;
	color:white;
}
.bg_icons{
	background-color:#e9f9ff;
}
.bg-white{
	background-color:#FFFFFF;
}
.bg-main{
	background-color:#F1F4F7;
}
iframe{
	width:100%;
}
.pointer{
	cursor:pointer;
}
.top_link a{
	text-decoration:none;
	font-weight:bold;
	/*color:#000000 !important;*/
	font-size:18px !important;
}
.top_link a:hover{
	color:#0094DE !important;
	border-bottom:3px solid #0094DE;
}
.fix{
	background-color: #fff;
	position: fixed;
	/*opacity:0.95;*/
}
.lt-1{
	letter-spacing:0.1rem;
}
.lt-2{
	letter-spacing:0.2rem;
}
.lt-n{
	letter-spacing:0;
}
.min{
	font-size:0.8em;
}

.footer a{
	text-decoration:none;
	color:#FFFFFF;
}
nav a{
	text-decoration:none;
	color:#000000;
	
}
.rounded-4{
	border-radius:1em;
}
.bg-image1{
	background-image:url('../images/card_bk02.jpg');
	background-size: cover;
}
.bg-image1-phone{
	background-image:url('../images/card_bk02_phone.jpg');
	background-size: cover;
}
hr.style1{
	border-top: 1px solid #000 !important;
	opacity:1 !important;
}
input::placeholder,
textarea::placeholder {
  color: rgba(0, 0, 0, 0.1) !important; /* 薄い色の指定 */
}
@media (max-width: 575.98px) {
	h1{
	font-size:2rem !important;
	line-height:2.5rem;
	font-weight:bold !important;
	}
	h2{
	font-size:1.8em !important;
	line-height:2.2em;
	font-weight:bold !important;
	}
	h3{font-size:1.2em !important;}
	h4{font-size:1.1em !important;}
	h5{font-size:1em !important;}
	h6{font-size:1em !important;}
	p{
	font-size:1rem !important;
	line-height:1.6rem;
	}
	.pc{display:none;	}
	.logo{width:160px;}
	.big-text{
    font-size: 40px;
    text-shadow: 1px 1px 2px rgb(119, 118, 123);
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	h1{
	font-size:1.4rem !important;
	line-height:2rem;
	font-weight:bold !important;
	}
	h2{
	font-size:1.3em !important;
	line-height:0.8em;
	}
	h3{font-size:1.2em !important;}
	h4{font-size:1.1em !important;}
	h5{font-size:1em !important;}
	h6{font-size:1em !important;}
	p{
	font-size:0.9rem !important;
	line-height:1.6rem;
	}
	.phone{display:none;	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	h1{font-size:2em !important;}
	h2{font-size:1.6em !important;}
	h3{font-size:1.4em !important;}
	h4{font-size:1.2em !important;}
	h5{font-size:1.1em !important;}
	h6{font-size:1em !important;}
	p{
	font-size:1em !important;
	line-height:1.5em;
	}
	.phone{display:none;	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	h1{font-size:2.5em !important;letter-spacing:0.2rem;}
	h2{font-size:2.5em !important;letter-spacing:0.2rem;}
	h3{font-size:2em !important;letter-spacing:0.2rem;}
	h4{font-size:1.5em !important;letter-spacing:0.2rem;}
	h5{font-size:1.2em !important;}
	h6{font-size:1.1em !important;}
	p{
	font-size:1em !important;
	line-height:1.5em;
	}
	.phone{display:none;	}
}

@media (min-width: 1200px) {
	h1{font-size:4rem !important;letter-spacing:0rem;line-height:5rem;font-weight:bold;}
	h2{font-size:3rem !important;letter-spacing:0rem;line-height:4rem;font-weight:bold;}
	h3{font-size:2rem !important;letter-spacing:0rem;line-height:3rem;font-weight:bold;}
	h4{font-size:1.5rem !important;letter-spacing:0rem;line-height:2rem;font-weight:bold;}
	h5{font-size:1.2rem !important;letter-spacing:0rem;line-height:1.8rem;font-weight:bold;}
	h6{font-size:1.1rem !important;letter-spacing:0rem;line-height:1.6rem;font-weight:bold;}
	p{
	font-size:1.2rem !important;
	letter-spacing:0rem;
	line-height:2rem;

	}
	.phone{display:none;	}
	
	.big-text{
    font-size: 60px;
    text-shadow: 1px 1px 2px rgb(119, 118, 123);
	}
}
.link-48{
	width:48px;
	display:inline;
}
.red{
	color:red;
}
.orange{
	color:orange;
}
.kenbi{
	color:#00008c;
}

.loader-wrap {
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index:999;
    /*background: #fff;*/
}

.loader {
  color: #ffffff;
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.hojo{
	font-size:90%;
	color:#666;
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
.desktop-img { display: block; }
.mobile-img { display: none; }


@media only screen and (max-width: 768px) {
    .desktop-img { display: none; }
    .mobile-img { display: block; }

    table.table-responsive-stack > thead > tr > th,
    table.table-responsive-stack > tbody > tr > th,
    table.table-responsive-stack > tfoot > tr > th,
    table.table-responsive-stack > thead > tr > td,
    table.table-responsive-stack > tbody > tr > td,
    table.table-responsive-stack > tfoot > tr > td {
        display: block;
        position: relative;
        white-space: normal;
    }

    table.table-responsive-stack td[data-label]:before {
        content: attr(data-label);
        float: left;
        position: relative;
        font-weight: bold;
        padding-right: 0.5rem;
    }
    table.table-responsive-stack thead {
        display: none;
    }
}