body{
	background-color: white;
    color: black;letter-spacing:0;
    margin:0; padding:0;
}
p{
  margin-block-start: 0;
    margin-block-end: 0;
}

/*------------------------------------------------------------------------------*/
body, textarea { font-family: -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic Pro","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","繝｡繧､繝ｪ繧ｪ",Meiryo," ｭ ｳ  ｰ繧ｴ繧ｷ繝 け",Helvetica,Arial,Verdana,sans-serif !important;font-size: 100%;font-weight: 500;line-height: 1.8; } 
input, select { font-family: font-family: -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic Pro","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","繝｡繧､繝ｪ繧ｪ",Meiryo," ｭ ｳ  ｰ繧ｴ繧ｷ繝 け",Helvetica,Arial,Verdana,sans-serif !important;font-size: 100%;font-weight: 500;line-height: 1.8; }
/*------------------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
body{font-size: 100%;font-weight: 500;line-height: 1.6; }}
@media screen and (max-width: 900px) {
body{font-size: 100%;font-weight: 500;line-height: 1.5; }}
@media screen and (max-width: 600px) {
body{font-size: 100%;font-weight: 500;line-height: 1.4; }}

.body-1{
max-width:1400px; margin:auto; border: solid 1px #ccc; box-shadow: 0 0 8px #ccc;}
@media screen and (max-width: 1399px) {
.body-1{box-shadow:none;overflow-x: hidden;}}


iframe {width: 95%;}
a: {text-decoration: none;}
a:link {color:#e57f13;} /*未訪問のリンクの色*/
a:visited {color:#d4c5b4;} /*訪問済みのリンクの色*/
a:hover {color:#feeaab;} /*カーソルが乗っているリンクの色*/
a:hover img{
     -webkit-filter: brightness(1.1);
     -moz-filter: brightness(1.1);
     -o-filter: brightness(1.1);
     -ms-filter: brightness(1.1);
     filter: brightness(1.1);}
a:active {color:#fee3e3;} /*クリック中のリンクの色*/

#header {
    background: black;
    z-index: 10;
    top: 0;
    left: 0;
    padding: 5px 40px;
    color: white;
}

#header a{
    color: white;
    font-size: 12px;
    text-decoration: none;
}

#header a:hover{
    opacity: 0.8;
}
h1 {
    font-size:1.3rem;
    color: #ff0000;
    border-bottom: solid 3px black;
}


h2 {
  border-bottom: 1px solid #ccc;
    font-size: 1.6rem;
    color: #000;

}
h2 span {
  display: block;
  margin-bottom: .5rem;
  color: #ec7f32;
  font-size: 0.8rem;
}
@media screen and (max-width: 780px) {
h2 {font-size: 1.1rem;}
}

h4 {
  position: relative;
  width: 50%;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #ccc;
  color: #000;
}
h4::before,
h4::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
h4::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(230, 120, 50, .5);
}
h4::after {
  top: .4em;
  left: .4em;
  width: 15px;
  height: 15px;
  background: rgba(150, 150, 150, .5);
}
h6 {
    font-size: 1.2rem;
    color: #fff;
    border-bottom: solid 2px black;
}
 
.strong1{
    font-size: 1.1rem;
    color: #fff;font-weight: 600;margin-bottom: 4px;
    border-bottom: solid 1px #fff;}
@media screen and (max-width: 850px){
.strong1{font-size: 1rem;}
}


/*メニュー一覧*/
.flexbox{
background:rgba(253, 225, 13, 0.9);color: #fff;
display: flex;
align-self:stretch;
justify-content:center;float:left;
padding: 3% 1%;margin: 3% auto;
overflow: hidden;}
.item {
background:rgba(100, 0, 0, 0.7);
padding: 20px 20px;
margin: 12px;text-align: center;
border: solid 2px #fff;
box-shadow: 5px 5px 5px rgba(205,167,84,0.7);}
img {
max-width: 100%;
height: auto;}
@media ( min-width : 600px ){
.flexbox {
display: flex;flex-wrap: wrap;float:none;}
.item {
width: 27%;}
}
@media screen and (max-width: 800px) {
.flexbox {
display: flex;
flex-wrap: wrap;}
.item {
margin: 20px 40px 20px 40px;
width: 75%;
}}
/*メニュー一覧*/

.main-mainte{
	width: 85%;
	display:block;
	margin: 5px 10%;
	padding: 0;
	background:rgba(255, 22, 15, 0.7);
	background-size: 100%;
overflow: hidden;
	}
.main-mainte2img{
width:80%;
max-width:381px;
}

.more{
width:70%;
max-width:400px;
margin:5px auto;
display:block;
}
/*画像を中央に*/
.center{
width:95%;
max-width:550px;
margin:10px auto;
display: block;
text-align: center;
float:none;
}


@media screen and (max-width: 750px) {
.main-mainte{
	width: 90%;
	display:block;
	margin: 5px auto;
	padding: 0px;overflow: hidden;}
}
@media screen and (max-width: 1100px) {
#main-menu h5{
width:100%;
font-size: 1rem;
color: #fff;/*文字色*/
padding: 0.3rem 0.7rem 0.3rem 0.3rem;/*文字周りの余白*/
margin: 2% 0;
letter-spacing:0;
display: block;/*おまじない*/
background: -moz-linear-gradient(to right, rgb(190, 190, 190), transparent);
background: -webkit-linear-gradient(to right, rgb(190, 190, 190), transparent);
background: linear-gradient(to right, rgb(190, 190, 190), transparent);
vertical-align: middle;/*上下中央*/
border-radius: 0;
  background-image:url('../img/green.png');
background-repeat:repeat-y;
background-position:0% 0% ;

}
#main-menu h5:before {
text-decoration: none;
content: '';
margin-right: 10px;
}}
.txt-a{
line-height: 1.2; font-weight: 600;	}
.txt-0{
text-align: right; font-size: larger; font-weight: 600;	}

.top-box5{/* 赤い見出し */
margin:0 auto;
padding:0 2% 1% 2%;overflow: hidden;
}
.half{}
.half ul{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding-left:0;}
.half li{
width:45%;margin: auto; list-style-type: none;
}
.half p{
padding: 20px;
}
@media screen and (max-width: 1100px) {
.half li{
width:47%;}
.half p{padding: 5px;
}}
@media screen and (max-width: 700px) {
.half ul{display:block;margin-top:20px;padding-right:0;}
.half li{width:90%;margin: auto;padding-right:0;}

}