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

.banner01m{
	display: none !important;
	
}

.banner02m{
	display: none !important;
	
}

@media all and (max-width: 980px) {
	
	.modalMargin{
	padding: 10px 10px 10px 10px;
}

.banner01{
	display: none !important;
	
}

.banner02{
	display: none !important;
	
}

	
.banner01m{
	display: inline-block !important;
	
}

.banner02m{
	display: inline-block !important;
	
}


}




.box22{
    padding: 0.5em 1em;
    margin: 1em 0;
    background: #686b80;
    border-left: solid 6px #5bb7ae;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}
.box22 p {
    margin: 0; 
    padding: 0;
    font-weight: bold;
    font-size: 120%;
    color: #fff;
}


.underline{
	text-decoration: underline
}

.table-bordered tr td:nth-child(1){
	background-color: #f0ede7;
	text-align: center;
}

.table-bordered tr th:nth-child(1){
	text-align: center;
}


.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{
	padding: 20px;
	border: 1px solid #ddd;
	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};


@media screen and (max-device-width: 480px) {


}

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




.pdfWrap{
	padding: 30px 30px 0px 30px;
	margin-bottom: 15px;
	background-color: #f1f1f1;
	text-align: center;
}

.pdfWrap02{
	display: none;
	
}


@media all and (max-width: 1024px) {
	
.pdfWrap01{
	display: none;
	
}

.pdfWrap02{
	display: block;
	
}
	
}


	




@media all and (max-width: 980px) {
.pyramid01{
	display: none;
}

.pyramid02{
	display: inline-block;
}



}