/* CSS 
   UPDATE 20190903
          20190902 */
@charset "utf-8";

/* ------------------------------------------------ */
/* ******* COMMON ******* */
html, body {
	font-family: sans-serif;
}
#cnt {
	margin: 0 auto;
	width: 910px;
	text-align: center;
	padding-bottom: 5px;
}
#cnt .sp { display: none; }
#cnt .pc { display: block; }
#cnt a { text-decoration: underline; }

#cnt .fs10 {font-size:10px}
#cnt .fs12 {font-size:12px}
#cnt .fs14 {font-size:14px}
#cnt .fs15 {font-size:15px}
#cnt .fs16 {font-size:16px}
#cnt .fs18 {font-size:18px}
#cnt .fs20 {font-size:20px}
#cnt .fs22 {font-size:22px}
#cnt .fs24 {font-size:24px}

/* ------------------------------------------------ */
/* ******* COMMON SP ******* */
body {
	padding:0 1rem;
}

@media (max-width: 720px) {
#cnt {
	width: 100%;
	background: url("") no-repeat;
	background-size:100%;
	padding-bottom: 5px;
}
#cnt .pc { display: none; }
#cnt .sp { display: block; }
}

/* ------------------------------------------------ */
/* ******* HEADER ******* */
#HEADER {
}
#HEADER .box {
	display: flex;
	align-items: center;
	margin:0 auto 50px;
}
#HEADER .picture {
	width:60%;
	text-align:left;
}
#HEADER .title {
	width:40%;
	color: #FFF;
	line-height: 25px;
}
#HEADER .title h1{
	background: #9b8a54;
	padding: 0.5rem;
	border-radius: 15px 15px 0 0;
}
#HEADER .title h2{
	background: #0f1351;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	border-radius: 0 0 15px 15px;
	font-size: 16px;
	text-align: center;
}
/* **** SP **** */
@media (max-width: 720px) {
#HEADER .box {
	flex-wrap: wrap;
	margin:0 auto;
}
#HEADER .picture {
	width:100%;
}
#HEADER .title {
	width: 95%;
	margin: 10px auto;
}
#HEADER .title h2{
	font-size: 16px;
	padding: 0.5rem 0.5rem 0.5rem 1rem;
}
}

/* ------------------------------------------------ */
/* ******* CONTENTS ******* */

/* **** TOP_NEWS **** */
#TOP {
}
#TOP .border {
	display: inline-block;
  margin: 0 auto;
  padding: 10px 0;
  font-family: sans-serif;
  font-size: 20px;
}
#TOP h3 {
  margin: 10px 0
}
#TOP .border h3 {
  overflow: hidden;
  position: relative;
  padding-bottom: 3px;
}
#TOP .border h3 span{
  padding: 8px;
}
#TOP .border h3:before {
  content: "";
  border-bottom: 3px solid #9b8a54;
  bottom: 0;
  height: 0;
  position: absolute;
  width: 50%;
  z-index: 0;
}
#TOP .border h3:after {
	border-bottom: 3px solid #0f1351;
	bottom: 0;
	right:0;
  content: "";
  position: absolute;
  width: 50%;
  z-index: 1;
}
#TOP p{
	text-align: left;
}
.acd-label2 {
	font-weight:bold;
	position: relative;
}
.acd-label2:before {
	content:"";
	width: 30px;
	height: 30px;
	position: absolute;
	top: 1rem;
	right: 30%;
	border-bottom: 6px solid;
	border-right: 6px solid;
	-moz-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
}
/* **** SP **** */
@media (max-width: 720px) {
#TOP .border h3 {
  font-size:18px;
	margin:auto;
}
#TOP .border h3 span{
  padding: 8px 2px;
}
#TOP p{
	text-align: left;
	line-height: 25px;
}
}



/* **** ACCORDION **** */
#ACCO {
	padding:1rem 0;
	margin:1rem 0;
	overflow: hidden;
}
.acd-label {
	display: block;
	border-top: 2px solid #8c8c8c;
	border-bottom: 2px solid #8c8c8c;
	padding: 0.5rem;
	width: 90%;
	margin:1rem auto;
	text-align: left;
	position: relative;
	transition: .5s;
}
.acd-label:before {
	content: "+";
	font-size: 30px;
	color: #8c8c8c;
	position: absolute;
	bottom: 0;
	right:0;
}
.acd-check{
    display: none;
}
.acd-content, .acd-content2{
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
	text-align: left;
}
.acd-check:checked + .acd-label2 + .acd-content2{
    height: auto;
    opacity: 1;
    padding: 0;
    visibility: visible;
}
.acd-check:checked + .acd-label2{
    opacity: 0;
    padding: 0;
    visibility: visible;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}
.flex_c,.flex_c2 {
	padding:1rem 0;
	display: flex;
}
.left_box, .right_box2 {
	width:52%
}
.right_box, .left_box2 {
	width:47%;
	padding:0 0 0 1.5%;
}
/* **** SP **** */
@media (max-width: 720px) {
#ACCO {
	padding:1rem 0;
	margin:2rem 0 1rem;
	overflow: hidden;
}
.acd-label:before {
	font-size: 20px;
	bottom: 2px;
}
.flex_c,.flex_c2 {
	flex-wrap: wrap;
}
.left_box, .right_box2 {
	width:100%;
	padding:0 0 1rem;;
}
.right_box, .left_box2 {
	width:100%;
	padding:0;
}
.acd-label {
	padding: 0.5rem;
	width: 100%;
	position: relative;
	transition: .5s;
}

}
/* **** OUTRO_ZONE **** */
#OUTRO {
	text-align:left;
}
#OUTRO .flex_c {
	align-items: center;
	margin:0 auto 30px;
}
#OUTRO .l2 {
	width:18%;
}
#OUTRO .r2 {
	width:90%;
	border-left: 4px solid #0f1351;
	padding:0 0 0 1rem;
}
#OUTRO .banner {
	margin: 3rem auto;
}
/* **** SP **** */
@media (max-width: 720px) {
#OUTRO .flex_c {
	align-items: center;
	margin:0 auto ;
}
#OUTRO .l2 {
	width:60%;
	text-align:center;
	border-bottom:4px solid #0f1351;
	margin: auto;
}
#OUTRO .r2 {
	width:100%;
	border-left:0;
	padding:1rem 0;
}
#OUTRO .fs18 {
	font-size: 14px;
}
#OUTRO .banner {
	margin: 0 auto 3rem ;
}

}
/* ------------------------------------------------ */
/* ******* FOOTER ******* */

.pagetop {
	text-align: right;
	right: 5px;
	font-weight: bold;
	border: 2px solid ;
	padding: 1rem;
	position: relative;
	background: #FFF;
}
.pagetop:before {
	content:"";
	position: absolute;
	top: 2px;
	left: 35%;;
	width: 1rem;
	height: 1rem;
	border-left: 2px solid;
	border-top: 2px solid;
	-moz-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
}

/* ------------------------------------------------ */