@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
body{
font-family: 'Noto Sans JP';
}


    .full-height {
      height: 100vh; /* ビューポート全体の高さ */
    }
    .rotate {
      animation: rotate 8s linear forwards; /* 3秒で回転 */
      opacity: 0; /* 最初は透明 */
      animation-fill-mode: forwards; /* アニメーション終了後のスタイルを維持 */
    }
    @keyframes rotate {
      from {
        transform: rotate(0deg);
        opacity: 20%; /* 最初は表示 */
      }
      to {
        transform: rotate(180deg);
        opacity: 1; /* 最終的に表示のまま */
      }
    }
    .fade-in {
      opacity: 0; /* 最初は透明 */
      animation: fadeIn 1s ease-in forwards; /* 1秒でフェードイン */
      animation-delay: 5s; /* 回転が終わった後に開始 */
      animation-fill-mode: forwards; /* アニメーション終了後のスタイルを維持 */
    }
    @keyframes fadeIn {
      to {
        opacity: 1; /* 最終的に表示 */
      }
    }
	    .fade-in2 {
      opacity: 0; /* 最初は透明 */
      animation: fadeIn 2s ease-in forwards; /* 1秒でフェードイン */
      animation-delay: 2s; /* 回転が終わった後に開始 */
      animation-fill-mode: forwards; /* アニメーション終了後のスタイルを維持 */
    }
    @keyframes fadeIn2 {
      to {
        opacity: 1; /* 最終的に表示 */
      }
    }
	
.text-in{
	text-indent:1em;
	}
	

	

	
.border-dark{
	border-color:#1d2087 !important;
	}
  
.ff-archivo {
  font-family: "Archivo Black", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.full-height {
      height: 100vh;
    }

	
.bg-lb{
	background-color:#def1f8 !important;
	}

.privacy li{
	font-size:1.25em;
	color:#C30;
	margin-bottom:1em;
	}
	
.privacy li span{
	font-size:16px !important;
	color:#000;
	}
.w-1000{
	width:870px;
	}
.ms-10p{
	margin:0 auto;
	}

.TextTyping span {
  display: none;
}

.ht-typ{
	height:40px !important;
	}

/*文字列後ろの線の設定*/



.f-header{
	position:fixed;
	left: 50%;
  transform: translateX(-50%);
}
.pr_btnb{
	background:none;
	border:none;
	}

.pt-cont{
	padding-top:100px;
	}
.bg-alfa{
	background-color: rgba(230,244,253,0.8);
	}
.w-gear{
	position:relative;
	}
.s-rogo{
	position:absolute;
	top:53%;
	left:31.3%;
	z-index: 2;
	
	}
.btn-light{
	border:1px solid #1d2087;
	color:#1d2087;
	}
	
.btn-light:hover{
	background-color: #1d2087;
	color:#fff;
	}
	
.oto-bder{
	border:2px solid #C30;
	background-color:#FFC;
	}
	
.table-cost, .table-cost th, .table-cost td{
	border:1px solid #CCC;
	vertical-align: middle;
	}
	
.table-cost th{
	background-color:#FCC;
	text-align:center;
	width:70px;
	}
	
.table-cost td{
	text-align:center;
	width:70px
	}
	
.table-cost th:first-child {
	text-align:center;
	color:#FFF;
background-color:#8b0110; width:auto !important; 
 }
 
.table-cost td:first-child {
	background-color:#ffe2e2; width:auto !important;
 }
 .list_site li{
	 margin-bottom:2em;
	 
	 }

	

	
.table-light th{
	background-color: #0077bb;
	text-align:center;
	vertical-align: middle;
	width:15%;
	border:1px dotted #999;
	padding:2em 1em 2em 1em ;
	color:#FFF;
	}
	
.table-light td{
	padding:2em 1em 2em 1em ;
vertical-align: middle;
	border:1px dotted #999;
	
	}

	
.list-faq li{
	list-style:none;
	line-height:1.2em;
	margin-bottom:0.5em;
	margin-bottom:1em;
	padding:1em 2em 1.5em 0;
	border-bottom:1px dotted #999;
		}
	



  .custom-box {
        display: flex;
            flex-direction: column;
        }
		
.cont-top-m{
	padding-top:200px;
	}
	
.kadomaru{
	border-radius: 16px;
	}
	
.lg-box{
	border: solid 5px #8cc11f;
	}

/* vision */

.red-box{
	border: solid 5px #F36;
	}
	
.bg-red{
	background-color:#F36;
	}
	
/* profile */

.pro-hd{
	position: absolute;
            left: 50%;
            transform: translateX(-50%);
	top:24%;
	}
	
.pro-hd div div{
	}
	
.pro-m{
	margin-top:20%;
}

.tbl-reki th{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-style:italic;
	font-size:1.8em;
	color:#00ae95;
	vertical-align: bottom;
	line-height:1.1em;
	}
	
.tbl-reki td{
	vertical-align: bottom;
	padding-top:1.5em;
}

.tbl-katsu th{

	font-size:1.3em;
	color:#00ae95;
	vertical-align: top;
	line-height:1.1em;
	padding-top:1.1em;
	}
	
.tbl-katsu td{
	vertical-align: bottom;
	padding-top:1.5em;
}


.map-container {
  position: relative;
  width: 100%;
  padding-bottom: 55%; /* 16:9 アスペクト比のためのパディング */
  height: 0;
  overflow: hidden;
}

.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  border: 0;
}

.container-custom {
            padding-left: 0;
            padding-right: 0;
        }
        .row-custom {
            margin-left: 0;
            margin-right: 0;
        }
        .col-custom {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }
	
	/* katsudo */
 .ippo2 ul li{
	 margin-bottom:0.5em;
	 }
/* TOP */

.mincho{
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
.main-nav{
	font-size:115%;
	}
.t-kage{
text-shadow:  10px 10px 20px rgba(0 0 0 / 70%);
}
.kage{
	box-shadow: 5px 5px 8px 1px rgb(0 0 0 / 20%);
	}
.icon{
	width:43px;
	}
.pb-05{
	padding:3px 0 1px 0;
	}
	
.f-red{
	color:#F00;
	}
	
.f-dred{
	color:#C30!important;
	}
.f-db{
	color:#1d2087;
	}
.f-eg{
	color:#00ae95;
	}
.f-gr{
	color:#009744;
	}
.f-lg{
	color:#8cc11f;
	}
	
.f-bk{
	color:#000;
	}
	
.f-sb{
	color:#0077bb;
	}
.fw-max{
	font-weight:900;
	}
.f-yl{
	color:#FF0;
	}
.p-10{
	padding-bottom:300px;
	}

.fs-15{
	font-size:1.5em;
	}
.fs-20{
	font-size:2em;
	}

	
.fs-0{
	font-size:3em;
	}
	
.fs-00{
	font-size:4em;
	line-height:1em;
	}
	
.bg-dred{
	background-color:#C30;
	}
	
.pr_btn{
	width:450px;
	}
	
.bg-lg{
	background-color:#f7f7f7;
	}

.bg-gr{
	background-color:#009744;
	}
	
.bg-ldb{
	background-color:#e8e9f3;
	}
	
.bg-ly{
	background-color:#FFC;
	}
	
.bg-leg{
	background-color:#e5f7f4;
	}
	
.bg-llg{
	background-color:#f3f9e9;
	}	
	
.bg-eg{
	background-color:#00ae95;
	}
.bg-sns{
	background:url(../../../item/sns_back.jpg) no-repeat bottom ;
	background-size:100% auto;
	}
.bg-grgr{
	background:url(../../../item/sup_mback.jpg) repeat-x ;
	}
	
.f-bl{
	color:#004fa3;
	}
.f-wh{
	color:#fff;
	}
	
.bg-db{
	background-color:#1d2087;
	}
	
.bg-wh{
	background-color:#fff;
	}
	
.f-ls1{
	letter-spacing:0.5em;
	}
	
	
.oto-box-tel{
	background-color:#FFF;
	}
	

.carousel-inner{
	padding-top:130px;
	}
	
.sl-bn-box{
	height:auto;
	background: #FFF;
	box-shadow: 8px 8px 8px #abc5e1;
	
	}
	
.bold{
	font-weight:bold;
	}
	
	
.w-80{
	margin:0 auto;
	width:80%;
	}
	
.sp-sl, .sp-ml{
	display:none;
	}
	
.navbar-nav li{
	margin-left:20px;
	}
	

	
.table03{

		border-collapse:collapse;
	
	}

.table03 th{
	padding:40px 15px 17px 0px;
	width:30%;
	border-bottom:3px solid #06C;
	}
	
.table03 td{
		padding:40px 15px 17px 0px;
		border-bottom:3px solid #ddd;
		text-align:left;
	}
	
.mar-sec{
	margin-bottom:10em;
	}
	
.table-sp{
		width:80%;
			 }
			 
.fs-7{
	font-size:14pt;
	}
	
.fs-8{
	font-size:11pt;
	}
	
.lh-xs{
	line-height:0.8em;
	}
	

	


	
.privacy_box {
	padding: 15px;
	overflow: auto;
	height: 160px;
	background-color:#fff;
}

input[type=checkbox] {
  transform: scale(2);
}

.tbl-form{
	width:100%;
	}
	
.nav-item a, .nav-item a:visited{
	color:#000;
	border:1px solid rgba(255,255,255,0);
	}
	
.nav-item a:hover{
	color: #039;
	border:1px solid #039;
	
	}
	
.boxtit{
	border:2px solid #CCC;
	}
	
.insta_ov{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.1);
	}
	
.insta_ov p{
	position:absolute;
	bottom:0px;
	right:10px;
	background:rgba(0,0,0,0.5);
	}
	
.instau a{
	color:#FFF;
	}
	
.instau a:hover{
	color:#00ae95;
	}
	
.frame-wrapper_in {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top:150%;
}


.frame-wrapper_in iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
	
.frame-wrapper_video {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top:56.25%;
}


.frame-wrapper_video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pt-big{
	padding-top:60px; !important;
	}
	
.pt-bigl{
	padding-top:223px; !important;
	}
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
	z-index:500;
	
}
.pagetop a {
    display: block;
	background:url(../../../item/gototop.png) no-repeat;
    text-align: center;
    text-decoration: none;
	width:50px;
	height:50px;

}
.pagetop a:hover {
    display: block;
	background:url(../../../item/gototop2.png) no-repeat;
    text-decoration: none;

}

.pagetop a:visited, {
    display: block;
	background:url(../../../item/gototop.png) no-repeat;

}

.list-m li{
	line-height:1.2em;
	margin-bottom:0.5em;
		}
	
.w-smim{
	width:70%;
	background-color:#FFF;
	padding:7px 3px;
	}
	
.ippo-tl{
	text-decoration:none;
	color:#000;
	}
	
	.ds-lm{
		display:none;
		}
		
	 .smp-table th{
		 padding-right:1em;
		 vertical-align:top;
			 }

	 
 @media (max-width: 1600px) {

	 }

	 	 @media (max-width: 1500px) {


	 }
	
	 
	 @media (max-width: 1400px) {
		 
		 .main-nav, .lf{
	font-size:90%;
	}
	.fs-8{
		font-size:9pt;
		}
		.navbar-nav li{
	margin-left:5px;
	}
		.fs-0{
	font-size:2.5em;
	}

	 }
	 
	  @media (max-width: 1200px) {

	
	  .rogo{
	width:180px;
	}

	.carousel-inner{
	padding-top:120px;
	}
			
			
	
	.w-80{
	width:100%;
	}
	
	 }
	 
		  @media (max-width: 1024px) {
			  .fade-in2{
				  font-size:100% !important;
				  }
				  
				 .rotate{
					 width:60%;
					
					 }
					 
					.s-rogo{
						width:60%;
						top:60%;
	left:20.5%;
						}
	


			  

	

	


	
			
	


	.table-sp{
		
			 width:90%;
			 }
.fs-00{
	font-size:3em;
	}
	 }
	 
	 @media (max-width: 992px) {
		 .navbar-nav{
			 width:100% !important;
	}
	.navbar-nav li{
		border-bottom:1px #CCC dotted;
	}
			  .ds-lm{
		display:inline;
		}
	 		.sp-ml{
	display:inline;
	}
		 .pc-ml{
	display:none;
	}

		 		 	.pcms-s{
		margin-left:0px;
		width:200px;
}

	.pcms-e{
		margin-right:0px;
		width:200px;
}

		 .w-smim{
	width:50%;
	}
	
			
			 .pro-hd div div h2{
				 font-size:1.7em !important;
				 }
				.pro-hd div div p{
				 font-size:1.3em !important;
				 }
		 .table-sp{
			 font-size:17px;
			 width:90%;
			 }
			 .nav-link{
				 font-size:20px;
				 }
			 
			 .sp-t-c{
				 text-align:center;
				 }
			 
	

}
	 
	 @media (max-width: 768px) {
		 .fs3-5{
			 font-size:110% !important;
			 }
		 .text-s-l{
			 text-align:left !important;
			 }
		 .f-ls1{
			 letter-spacing:0.2em;
			 }
		 .fade-in2{
			 letter-spacing:0.1em;
				 
				  }
		 .pt-bigl{
	padding-top:250px; !important;
	}
		 .faq dt{
	font-size:1.5em;
	line-height:1.1em;
	padding-top:1em;
	}
		 .smp-table th, .smp-table td{
			 display: block;
			   width: 100%;
			 }
			 
			.smp-table td{
				padding-bottom:1em;
				margin-bottom:1.5em;
				border-bottom:1px solid #999;
			 }
			 .w-50{
				 width:100% !important;
				 }
		 
		 .table-light th{
	text-align:center;
	border-bottom:none;
	display: block;
    width: 100%;
	margin-top:1em;
	}
	
.table-light td{
	display: block;
    width: 100%;
	}
	
.table-light tr{
	margin-bottom:1em;
	}
	
		 .sp-tac{
	text-align:center;
	}
		 .table-cost, .table-cost th, .table-cost td{
			 line-height:1.1em;

	}
		 .pr_btn{
	width:360px;
	}
		 	  .ds-lm{
		display:none;
		}
	.pcms-s{
		margin-left:0px;
		width:120px;
		float:right !important;
		}

	.pcms-e{
		margin-right:0px;
		width:120px;
		
}
		 .w-smim{
	width:70%;
	}
		 
			.pro-hd{
top:15%;
	}
	
.pro-m{
	margin-top:25%;
}
.map-container {

  padding-bottom: 125%; /* 16:9 アスペクト比のためのパディング */

}
	
	
			
			 .pro-hd div div h2{
				 font-size:1.2em !important;
				 }
				.pro-hd div div p{
				 font-size:1em !important;
				 }
				 
		 .cont-top-m{
			padding-top:100px;
			}
		 
		 .navbar-nav li{
	margin-left:5px;
	}
		 .or-logo{
		width:40%;
		}
	

	.sp-sl{
	display:inline;
	}
.pc-sl{
	display:none;
	}
	

	.carousel-inner{
	padding-top:0px;
	}
	
 .table03 th,
 .table03 td {
    display: block;
    width: 100%;
  }
   .table03 td {
	   margin-bottom:50px;
	   
  }
  
	.p-10{
	padding-bottom:80px;
	}

 
	 }
	 
	@media (max-width: 576px) {
			 .pr_btn{
	width:300px;
	}
			.pcms-s{
		margin-left:0px;
		width:140px;
		float:left !important;
		}

	.pcms-e{
		margin-right:0px;
		width:140px;
		
}

		.pro-hd div div h2{
				 font-size:1.5em !important;
				 }
				.pro-hd div div p{
				 font-size:1.15em !important;
				
				 font-weight:600;
				 }
				 .spw-75{
				width:75% !important;
		
				}
				 
			 .pro-hd{
				 margin-top:3%;
	position:inherit;
            left: 0;
            transform: translateX(0);
	top:0;
	}
	
.pro-hd div div{
	}
	
.pro-m{
	margin-top:0%;
}
		
		.or-logo{
		width:70%;
		}
	
	.fs-0{
	font-size:1.5em;
	}
	.fs-00{
		
	}
	.honbun h2{
		font-size:27px;
		}
	.honbun ul{
		font-size:18px;
		}
		
	.nav-link{
		font-size:18px;
				 }
	.list-m li{
		font-size:18px;
		}
}

	@media (max-width: 415px) {
		
				 
		
		
}

.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;
      }