@charset "UTF-8";


.topicpath {
	background:#f1f1f1;
	padding: 3px;
	padding-left: 5%;
}

.d-no1 {
	font-weight: normal;
	@media screen and (max-width: 599px){display: none;}
}
.h3-k1{font-weight: normal;
    font-size: 100%;
    

}


.h2-k1{font-size: 150%;
text-align: center;
width: auto;

}



.img-k1{object-fit:contain;
	@media screen and (min-width: 980px){width: 80%;}
	@media screen and (max-width: 979px){width: 95%;}
    @media screen and (max-width: 767.9px){width: 95% ;}
	height: auto;
	margin: auto;
	display: block;
}

.img-k2{object-fit:contain;
	@media screen and (min-width: 980px){width: 420px;}
	@media screen and (max-width: 979px){width: 50%;}
    @media screen and (max-width: 767.9px){width: 60% ;}
	height: auto;
	margin: auto;
	display: block;
}

.img-k3{object-fit:contain;
	@media screen and (min-width: 980px){width: 60%;}
	@media screen and (max-width: 979px){width: 70%;}
    @media screen and (max-width: 767.9px){width: 80% ;}
	height: auto;
	margin: -10px auto;
	display: block;
}

.img-k5{object-fit:contain;
	@media screen and (min-width: 980px){width: 60%;}
	@media screen and (max-width: 979px){width: 75%;}
    @media screen and (max-width: 767.9px){width: 75% ;}
	height: auto;
	margin: auto;
	display: block;
}

.p1{text-align: center;}



.tt-k10{background-color:rgb(102,153,153);
	font-weight: normal;
	font-size: 110%;
	color:#ffffff;
	margin-bottom: 5px;
	}

.tt-k1{background-color:rgb(15,80,100);
	font-size: 110%;
	color:#ffffff;
	margin-bottom: 5px;
	}

.ol-k1  {
	margin: 0;
	padding: 0
  }
.ol-k1 li  {
	list-style: none;
	padding-left: 1.8em;
	text-indent: -1.0em;
	margin-top: 10px;
  }

.dl-k1{padding-left: 8%;
padding-right: 8%;
}
.dt-k1 {
    border-bottom:0.5px ridge #ccc;
  }
.dd-k1 {
    font-weight: normal;
    margin-bottom: 2px;
  }
  
 
.ul-k1 {
	border: solid 1px #ff68b4;
	padding: 0.5em 1em 0.5em 2.3em;
	position: relative;
	  }
 
.ul-k1 li {
	line-height: 1.5;
	list-style-type:square;
  }
  
.ul-k2{
	@media screen and (min-width: 768px){margin-left: 8%;}
	@media screen and (max-width: 767.9px){margin-left: 30%;}
}

.ul-k2 li{
list-style-type: decimal-leading-zero;
}
  
.br-k1{
	@media screen and (min-width: 768px){display: none;}
}





/*問合わせ*/

#formWrap {
	width: 94%;
	margin: 0 auto;
	line-height:120%;
	font-size:100%;
	overflow: hidden;

}

table.formTable{
	@media screen and (min-width: 768.0px){width: 86%;}
	margin: 20px auto;
	border-collapse:collapse;
	
}


.cap{
	font-size: 120%;
	font-weight: 500;
	caption-side: top;
    text-align: center;
	text-decoration:underline double;
}


td,th{
	border:1px solid #00000036;
	height: auto;
}


th{
	@media screen and (min-width: 577px){width: 30%;}
	padding: 5px;
	background-color: #e0eef7d8;
}
td{
	padding: 5px;
	background-color: #eef5ded8;
}



select{margin: 5px;
    height: 30px;

}


form input[type="text"], form textarea {
	width:90%;
	padding:5px;
	font-size:100%;
	display:block;
}

input{
	text-indent: 0.25em;
	margin: 3px;
	height: 30px;
	font-size: 100%;
	}

input[type="radio"],input[type="checkbox"]{
  position: relative;
  top: 9px;
}



textarea{margin: 5px;}

.p-k1{
	margin:30px auto;
	text-align: center;
	font-size: 100%; 
 }

.eria1{width: 80%;}

.eria2{width: 40%;}

.eria3{width: 20%;}

.eria4{width: 30%;}

.eria5{width: 90%;}







/* 簡易版レスポンシブ用CSS */
@media screen and (max-width:576px) {
#formWrap{
		width:96%;
		margin:0 auto;
		display: block;
		overflow: hidden;
	}

table.formTable{
	width: 100%;
	margin: 25px auto;
	border-collapse:collapse;
	}

table.formTable th, table.formTable td {
	width: auto;
	display:block;
	}

table.formTable th {
		margin-top:5px;
		margin-bottom: -1px;
		background-color: #d1ebb85d;
		}

table.formTable td {
		background-color: #e2e3e4e5;	
	}

form input[type="text"], form textarea {
		width:94%;
		padding:5px;
		font-size:110%;
		display:block;
	}



.eria1{width: 90%;}

.eria2{width: 90%;}

.eria3{width: 40%;}

.eria4{width: 50%;}

.eria5{width: 90%;}


}