@charset "shift-jis";

/*---------------------------------------------------
	共通
----------------------------------------------------*/
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

body.hoken{background-color: #f3f4f6;  font-size: 14px;}
.hoken a,.hoken a:visited{color: #43464c;text-decoration:none;}
.hoken a:has(.pdfImg){ width: 100%; }
.hoken a:hover,.hoken a:active {
  color: #fe1100;
  text-decoration: none;
}
.kasaiMessage{
width: 100%;
padding: 10px 0px 10px 0px;
}
#footnavi  li a{
  font-size: 12px;
  text-decoration: underline;
}
.kasaiInfo th,.kasaiInfo2 th{
background-color: #FFF5A4;
color: #444;
font-weight:bold;
padding:5px 15px;
}
.kasaiInfo td,.kasaiInfo2 td {
background-color: #fff9dd;
color: #444;
padding:5px;
line-height: 130%;
}

	
.pdfArea{
	display:flex;
	max-width:870px;
	margin:0 auto;
	padding:40px 0;
	align-items: flex-start;
}
.pdfArea .pdfContent .kasai_t1{width:100%;}
.pdfArea .pdfContent{
	display: flex;
	justify-content:space-around;
	flex-wrap: wrap;
}
.pdfArea .pdfContent:first-child{margin-right:20px;}
.pdfArea .pdfContent-item{margin:0 auto;text-align: center;}
.pdfArea .pdfContent-item img{width: 200px;}
.pdfArea .pdfContent-item p{font-size:12px;margin-bottom:10px;}
.pdfArea .pdf-note{
	margin:20px auto 0 0;
	font-size:12px;
	color:#666;
}

.indent1{
	text-indent: -1em;
	margin-left: 1em;
}

.hoken .kasaiBtn-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.hoken .kasaiBtn-wrap {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.minH3e {
	min-height: 3em;
}
#kasai_S2 .flexContainer {
	display: flex;
	justify-content: space-between;
}
.dirCol {
	display: flex;
	flex-direction: column;
}
#kasai_S2 .columnBox {
	display: flex;
	flex-direction: column;
}
.columnBox:has(.pdfImg) {
	align-items: center;
}
.columnBox .pdfImg {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.flexRow {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 8px;
}

/* PC------------------------------------------------------------------------------- */
@media print, screen and (min-width:980px){	

.hoken #head {border-bottom: solid 3px #fe1100; height: 60px; background-color: #FFF;}
.hoken #head img{float: left;  margin: 10px 0 0 20px;}
.hoken #contents {width: 933px; margin: 0 auto; padding: 6px 23px 0px 24px;background-color: #fff;}
#kasaiMain {width: 100%;}
#kasaiMain h2 { 
	width: 897px; 
	height: 26px; 
	padding: 9px 0 0 25px; 
	font-size: 18px; 
	font-weight: bold; 
	background-size: 933px; 
	border-top: solid 1px #dbdbe5;
	border-bottom: solid 1px #dbdbe5;
	border-right: solid 1px #dbdbe5;
	border-left: solid 10px #e50011; 
	background: linear-gradient(#fff, #f4f4f4);
	}
.kasaiSection{width: 100%; padding: 10px 0px 10px 0px;}
.gokakunin a{	
color: #cc0007;	
text-decoration: none;
}
.gokakunin a:hover{	
color: #f38185;	
text-decoration: underline;
}
.kasaiTitle{
width: 100%;
padding: 10px 0px 10px 0px;
}
.kasaiMessage p{
line-height:180%;
}
.hoken .kasaiInfo{
	margin: 0 auto;
	padding-bottom: 10px;
}
.kasaiInfo_ol{
	border: solid 1px #dbdbe5;
	border-top: none;
}
.kasaiInfo,.kasaiInfo2{
width: 100%;
padding: 10px 0px 30px 0px;
}

.kasaiInfo table,.kasaiInfo2 table {
border: 1px #FFF5A4 solid;
width:870px;
margin:0 auto;
}

.kasaiInfo2 table {
border: 1px #FFF5A4 solid;
width:870px;
margin:0 auto;
}

.kasaiInfo td, th {
border: 1px #FFF5A4 solid;
}
.kasaiInfo2 td, th {
border: 1px #FFF5A4 solid;
}






.kasaiInfo .inr {width:830px;height: 100px; margin:10px auto;background-color: #fafafa;border: solid 1px #dbdbe5;}
.kasaiInfo .inr .floatL {padding: 10px 0px 7px 12px;}
.kasaiInfo .inr .floatR {padding: 8px 11px 8px 0px;}
.kasaiInfo .inr .floatL p { margin:10px 0 0 20px;font-size: 2.4rem;}
.kasaiInfo .inr .floatL img { margin:0 0 0 20px;}	
.caption_kasaiB {
    position: relative;
    bottom: 10px;
    margin-bottom: -10px;
}

.kasaiInfo a .inr:hover{
	opacity: 0.75;
	filter: alpha(opacity=75);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=75)";  /* ie 8 */
	-moz-opacity:0.75;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.75;              /* Safari 1.x */; 
}
.noborder table, td, th {
border: none!important;
vertical-align:top;
}
#kasai_S2 .kasaiLink{
width: 100%;
padding: 10px 0px 10px 0px;
}
.minH3e{ min-height: 3em;}
#kasai_S2 .flexContainer {
	width: 793px;
	margin: 0 auto;
}
.flexContainer:has(.columnBox){
	gap: 40px;
}
.dirCol {
	display: flex;
	flex-direction: column;
}
#kasai_S2 .columnBox {
	gap: 10px;
}
.columnBox:has(.kasai_btn) {
	max-width: 500px;
	width: 100%;
}
.columnBox .pdfImg {
	max-width: 200px;
}
.kasaiLink {
    width: 793px;
    padding: 10px 70px 10px 70px;
    margin: 0 auto;
}
.boxCenter {
	width: 100%;
	text-align: center;
}
#kasai_S2 .boxLeft {
    width: 502px;
    padding: 0px 30px 0px 70px;
    text-align: right;
    float: left;
}
.boxLeft{
    width: 300px;
    padding: 0px 20px 20px 40px;
    text-align: right;
    float: left;
}
.boxLeft2{
width: 380px;
padding: 16px 20px 20px 0px;
text-align: center;
float:left;
}
#kasai_S2 .boxLeft img{ border:none; margin: 0;}
.boxLeft img,.boxLeft2 img{
border:1px solid #ccc;
margin-right: 60px;
}
.kasai_t1{ margin-bottom: 38px;}
.kasai_t2{
	width: 280px;
}
#kasai_S2 .boxRight {
    width: 215px;
    float: left;
    padding-left: 0;
}
#kasai_S2 .pdf2 {
	width: 502px; 
	padding-top: 0;
}
.boxRight {
    width: 240px;
    float: left;
    padding-left: 110px;
}
.boxRight2{
width: 285px;
float:left;
padding-left: 20px;
}
.boxLeft a:hover,.boxLeft2 a:hover{
filter:alpha(opacity=70);
}
.hoken .pdf {
  font-size: 13px;
  color: #666;
  width: 540px;
  margin: 0 auto;
  line-height: 130%;
  padding-top: 20px;
}
.hoken .pdf:has(.kasaiBtn-wrap){
	width: 100%;
}
.hoken .pdf img:not(.kasai_btn) {
  padding-right: 10px;
}
.hoken .kasai_btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.hoken .corp{margin: 10px 50px 25px 50px;font-size: 12px;text-align: center;}
.hoken .ovr a img {	opacity: 1;	filter: Alpha(opacity=100);}
.hoken .ovr a:hover img {	opacity: 0.75;	filter: Alpha(opacity=75); }	
.boxRight img, .boxRight2 img {
  float: right;
  height: 283px;
  width: auto;
  border: 1px solid #ccc;
}
#footnavi {
  padding: 50px 15px 5px 0;
}	
	
#footnavi .left li {
  float: left;
}	
	
#footer {
  width: 980px;
  margin: 0 auto;
  padding: 10px 0 40px 0px;
}	
#footer .cologo {
  float: left;
}	
#footer .copyright {
  float: right;
  color: #666;
  font-size: 10px;
}	
	
	
	
	
	
	
	
	
}	

@media print, screen and (min-width:650px){	
.hoken .pcDisNon { display: none;}
.hoken .spDisNon{display: block!important;}
}
/* SP-------------------------------------------------------------------------------- */

@media screen and (min-width:0px) and (max-width: 648px) {
	.spDisNon {display: none;}
	.kasaiInfo .inr div.floatL{float: none;width: 300px;margin: 10px auto 0;text-align: center;}	
	.kasaiInfo .inr div.floatR{float: none;width: 300px;margin: 10px auto;text-align: center;}
	.kasaiInfo .inr .floatR img{width: 90%;}
	.pdf img{width: 280px;}
	#kasai_K1 th{text-align: center;}
	#kasai_S1 th{text-align: center;}
	.pdfArea{
		max-width:100%;
		margin:0 auto;
		padding:0 0 16px;
		flex-wrap:wrap;
		justify-content: center;
	}
	.pdfArea .pdfContent-item{width:100%;}
	.pdfArea .pdfContent-item:nth-of-type(2){margin-top:28px;}
	.hoken .kasaiBtn-content{
		gap: 4px;
	}
	.hoken .kasaiBtn-wrap {
		flex-direction: column;
		align-items: center;
		margin-block-start: 20px;
	}
}
@media screen and (min-width:649px) and (max-width: 979px) {	
.kasaiInfo .inr .floatL {padding:10px 0 0 10px; }	
.pdf img:not(.kasai_btn){width: auto;}
.pdf img.floatL{margin-right: 10px;}
#kasai_K1 .pcDisNon{display: none;}
#kasai_S1 .pcDisNon{display: none;}
}
@media screen and (min-width:0px) and (max-width: 979px) {	
	
#kasai_S1 #contents ,#kasai_S2 #contents,#kasai_K1 #contents{background-color:#fff;padding: 0 10px;}
#kasai_S1 .kasaiTitle img,#kasai_S2 .kasaiTitle img,#kasai_K1 .kasaiTitle img{padding: 10px 0 0;}
img {width: 100%}	
.hoken #contents {width: auto; padding: 10px;}
.hoken #head {border-bottom: solid 3px #fe1100; height: 45px; background-color: #FFF;text-align: center;}
#kasaiMain .kasaiInfo .inr .floatL p{font-size: 2rem;}
.hoken #head img{width: auto;margin-top: 6px;}
#kasaiMain h2 { 
	padding:10px 0 7px 10px;
	font-size: 18px; 
	font-weight: bold; 
	border-top: solid 1px #dbdbe5;
	border-bottom: solid 1px #dbdbe5;
	border-right: solid 1px #dbdbe5;
	border-left: solid 10px #e50011; 
	background: linear-gradient(#fff, #f4f4f4);
	}
.kasaiInfo .inr {margin:10px auto;background-color: #fafafa;border: solid 1px #dbdbe5;padding: 5px;}
.kasai_t1{ margin: 30px 0 20px;}
.kasai_t2{ margin-top: 30px;}
.kasai_t2.mB50{margin-bottom:20px!important;width:100%;}
.kasai_t2.mB70{margin-bottom:20px!important;}
p.corp{padding: 10px 0 30px 0;font-size: 12px;}
.kasaiInfo .inr .floatL img{width: auto;}
.boxLeft img, .boxLeft2 img{width: 150px;}	
.boxRight img, .boxRight2 img{width: 150px;}	
.pdf img.floatL{width: auto; float: none;display: block;margin: 0 auto 10px;}
.pdf {text-align: center;padding-bottom: 30px;}
.boxLeft{max-width: 480px;margin:10px auto 0;text-align: center;}
.boxRight{max-width: 400px;margin: 0 auto 20px;text-align: center;}  
.boxRight a{display:inline;}
.boxLeft a{display:inline;}
#kasai_S2 .boxLeft p.step img{width: auto;display: block;}
#kasai_S2 .boxLeft img{width:100%; }
#kasai_S2 .boxRight img{width:50%; }
#kasai_S2 .flexContainer { display: flex; flex-direction: column; }
.flexContainer:has(.columnBox) { gap: 20px; }
.step img{width: auto; max-width: 120px; height: auto;}
.columnBox .pdfImg { max-width: 150px; }
#footer {text-align: center;margin: 10px;}
#footer .cologo img{width: 250px;}	
#footer .copyright {color: #666;font-size: 10px;line-height: 1.2rem;}	
	

}
	


