@charset "UTF-8";

#intLead {
  margin-bottom: 1em;
	padding: 70vw 0 .5em;
	background: url(../img/int_header.webp) no-repeat 50% 0 / 150% auto #008652;
}

#intLead h3 {
  padding: 1rem;
	text-indent: 0;
	line-height: 1.5;
	background: #005c3f;
  border-radius: 0;
}

#intLead h3 span {
  font-size: 90%;
  display: block;
}

#intLead p {
  line-height: 2;
}

.intContent {
	padding-bottom: 2em;
  overflow: hidden;
  border-bottom: 1px solid #035;
}

.intContent p + h4 {
  margin-top: 2rem;
  border-top: 1px solid #035;
}

.intContent > div {
  overflow: hidden;
}

.intContent dl dt {
  padding-bottom: 1rem;
	padding-left: 0;
	line-height: 2;
	text-indent: 0;
	background: transparent;
}

.intContent dl dt::before {
	content: "";
	display: inline-block;
	margin-right: .5em;
	width: 1.5em;
	height: .4em;
	border-top: 2px solid #000;
}

.intContent dl dd {
	padding-bottom: 2rem;
  line-height: 2;
}

.intContent dl dd p {
	padding-bottom: 0;
}
.intContent dl dd p.ten span,
.intContent dl dd p.ann span {
	font-weight: bold;
	display: inline-block;
	padding-right: .4em;
}
.intContent dl dd p.ann span {
	padding-right: 1.4em;
}

.fl, .fr {
 margin-bottom: 1em;
 text-align: center;
}

.footerContent {
	margin-top: 2em;
	margin-bottom: 2em;
	padding-top: 2em;
	border-top: 1px solid #060;
}

/* -------------------------------------------------- 
   MediaQueries
   min-width: 961px -- タブレット横、スマホ横
   コンテンツはPC、ナビゲーションはスマホ
-------------------------------------------------- */
@media (min-width: 961px) {
  section section {
    border-top: 0;
    padding-bottom: 0;
  }

  #intLead {
    margin-bottom: 40px;
    padding-top: 480px;
  	border-radius: 10px;
		background-size: contain;
  }

  #intLead h3 {
  	width: 950px;
  	padding: 1rem 2rem;
  }

  #intLead p {
  	padding: 1rem 2rem;
  }

  .fl {
   float: left;
   margin: 1em 2em 1em 0;
  }

  .footContent .fl {
   float: none;
  }

  .fr {
   float: right;
   margin: 1em 1em 1em 2em;
  }

	.cl {
		clear: both;
	}

	.footerContent {
		margin-bottom: 0;
		display: flex;
		align-items: center;
	}
	
	.footerContent p {
		flex: 1;
	}
}


/* -------------------------------------------------- 
   MediaQueries
   min-width: 1231px
   PC
-------------------------------------------------- */
@media (min-width: 1231px) {
}