.menu{
	border-bottom: none !important;
}
 
.background-image-holder video {
  object-fit: cover;  
}

.background-image-holder{
	background-position: center top;
	}
 
.catch {
  display: flex;
  align-items: center;/* 縦位置の調整 */
}

.catch::before,
.catch::after {
  content: '';
  flex-grow: 1;/* 余白を分け与える */
  height: 1px;
  background: #888;
}

.linkBox{
	line-height: 1.3em;	
}


.groupLink{
	border: 1px solid #ccc;
	padding: 30px 20px 20px 20px;
}



.table-bordered{
	border: 0 !important;
	margin-bottom: 50px;
}

.table-bordered td{
	border: 0 !important;
}


.topText{
	font-weight: 700;
	font-size: 150%;
	text-shadow: 0 0 6px #777,
    0 0 20px #ccc,
    0 0 30px #ccc;
	
}

.nav-bar img{
  max-height: 70%;
}



@media screen and (max-device-width: 480px) {
.nav-bar img{
  max-height: 55%;
}

}


.content p{
	font-size: 110%;
}


.top-return{
	float: right;
	margin-right: 10px;
}

.kiwi{
	font-family: 'Kiwi Maru', sans-serif;
	
}

.noto{
	font-family: 'Noto Sans JP', sans-serif;	
}




.v-align-transform > a[id] {
	  display: block;
  height: 6rem;s
  margin-top: -6rem;
  content: "";
}


.main-container > a[id] {
  display: block;
  height: 6rem;
  margin-top: -6rem;
  content: "";
}

.underline{
	text-decoration: underline
}


.table-bordered tr td:nth-child(1){
	 width: 15%;
}



.contentsWrap img{
	margin-bottom: 30px;
}

.contentsWrap{
	margin-bottom: 50px;
}

.googlemap-bw iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

 .mobile-toggle{
	 border-top: none !important;
 }
 
 
.mobile-toggle{
    display: block;
    width: 50px;/*枠の大きさ*/
    height: 50px;/*枠の大きさ*/
    position: relative;
    cursor: pointer;
}

.mobile-toggle hr{
    display: block;
    margin: 0;
    border: none;
    width: 50%;/*バツ線の長さ*/
    height: 2px;/*バツ線の太さ*/
    background: #888;
    transform-origin:0% 50%;
    position: absolute;
    top: 12px;
    left: 25%;
    transition: .3s;
}

.mobile-toggle hr:nth-of-type(2){
    top: 22px;
}

.mobile-toggle hr:nth-of-type(3){
    top: 32px;
}
    
.close hr{
    left: 30%;        
}
    
.close hr:nth-of-type(1){
    transform: rotate(45deg);
    width: 55%;
}

.close hr:nth-of-type(2){
    opacity: 0;
}

.close hr:nth-of-type(3){
    top: 32px;
        transform: rotate(-45deg);
        width: 55%;
}



.dropshadow{
  display: flex;
  line-height: 1;
  color: #000000;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}


.certificate li{
	 display: inline-block;
}



.ssk-news{
	padding: 10px 30px;
	background-color: #0099d9;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
}


/* Common Styling */
.contact-form textarea{
	min-height: 15rem;
}
[class*="form-container"] .column{
	position: relative;
}
.form-response{
	position: absolute;
	font-size: 1rem;
}
.form-element, 
textarea{
	margin-bottom: 3rem;
	background-color: #f4f4f4;
	border: 1px solid #f4f4f4;
}
.form-element, 
textarea,
select{
	font-size: 1.3rem;
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0.1rem;
	color: #666;
}
.form-element:focus, 
textarea:focus{
	background-color: #fff;
	border-color: #ddd;
	box-shadow: none;
	color: #000;
}
.form-element.required-field:focus, 
textarea.required-field:focus{
	background-color: #fff;
	border-color: #ddd;
	box-shadow: none;
	color: #000;
}
.form-element.required-field,
textarea.required-field{
	background-color: #ddd;
	box-shadow: none;
	color: #000;
	position: relative;
}
.form-element::-webkit-input-placeholder{
	color: #666;
}
.form-element:focus::-webkit-input-placeholder{
	color: #000;
}
.form-element::-moz-placeholder{
	color: #666;
}
.form-element:focus::-moz-placeholder{
	color: #000;
}
.form-element:-ms-input-placeholder{
	color: #666;
}
.form-element:focus:-ms-input-placeholder{
	color: #000;
}

/* Checkbox and Radio */
.checkbox-label, 
.radio-label{
	color: #666;
	position: relative;
}
.checkbox + .checkbox-label:before, 
.radio + .radio-label:before{
	background: #fff;
	border-color: #ddd;
}
.checkbox:checked + .checkbox-label,
.radio:checked + .radio-label{
	opacity: 1;
}
.checkbox:checked + .checkbox-label:before {
	content: '\e63a';
	background: #c8161c;
	border-color: #c8161c;
	color: #fff;
}
.radio:checked + .radio-label:before {
	background: #c8161c;
}
.checkbox.required-field{
	position: absolute;
}
.checkbox.required-field + .checkbox-label:before{
	border-color: #c8161c;
}



.w-border {
  position: relative;
  padding: 1.5em 0;
}
.w-border::before,
.w-border::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 6px;
  box-sizing: border-box;
}
.w-border::before {
  top: 0;
  border-top: 2px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.w-border::after {
  bottom: 0;
  border-top: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
}


.boader-containner{
	margin-bottom: 20px;
}

.table th td{
	padding: 30px !important;
}

ol{
	margin-left: 20px;
}

.h5{height: 5px};
.h10{height: 10px};
.h20{height: 20px};
.h30{height: 30px};
.h40{height: 40px};
.h50{height: 50px};
.h60{height: 60px};
.h70{height: 70px};
.h80{height: 80px};
.h90{height: 90px};
.h100{height: 100px};


.formstyle{
	margin-bottom: 0px;
	font-weight: 800;
}

.faqtog a {
display: block; 
}

.faqtog .child {
display: none;
margin: 0 0 -1px;
background: #fff;
}


.menu {
  display: block;
  position: relative;
  margin: 0;
  cursor: pointer !important;
  border-bottom: 1px solid #ccc;
   }
   

.pagetop {
	position: fixed;
	bottom: 0px;
	right: 20px;
	opacity: 0;
	z-index: 9999;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	-ms-transform: scale(0.3);
	-o-transform: scale(0.3);
	transform: scale(0.3);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}


.pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #333;
	border-radius: 5px;   
    -webkit-border-radius: 5px;   
    -moz-border-radius: 5px;  
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	line-height: 40px;
}


.pagetop.show {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}



.search a{
	color: #333 !important;
}



 .anshin-list{
	padding: 80px;
	background-color: #555;
}

 .anshin-list table td{
	 padding-top: 15px !important;
	 padding-bottom: 15px !important;
}

.anshin-list02{
	text-align: center;
}

.pyramid02{
	display: none;
}


.top-refer{
	height: 550px;
}

.modalMargin{
	padding: 50px 30px 50px 30px;
}


@media all and (max-width: 980px) {

	.modalMargin{
	padding: 10px 10px 10px 10px;
}


.pyramid01{
	display: none;
}

.pyramid02{
	display: inline-block;
}

.box {
display: flex;
flex-direction: column;
}

.box:nth-child(odd) {
flex-direction: column-reverse;
}

.mobile-none{
	display: none !important;
}

.mobile-h{
	height: 550px !important;
}


}




@media all and (max-width: 767px) {
	

	
	.top-refer{
	height: 650px;
}

.top-title{
	font-size: 200%;
}

	.price{
		font-size: 35px !important;
	}
 .anshin-list{
	padding: 15px;
}

.anshin-list01{
	font-size: 80%;
}

}


@media all and (max-width: 925px) {
		
.fullscreen
{
	height: 650px;
	background-color: #555;
	
}

.background-image-holder video {
object-fit: contain;
}

}



@media all and (max-width: 480px) {
		
.fullscreen
{
	height: 380px;

	
}

.background-image-holder video {
object-fit: contain;
}

}

.start {
	background: #f2f2f2;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position:relative;
	top:40%;
	margin: 0 auto;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 180px;
}
  

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(50px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


