@charset "UTF-8";
.item1 {
  display: flex;
  justify-content: center;
  align-items: center; 
  color: white;
  margin: 2px auto;
  padding: 0 10x;
  border: 3px solid #0066cc; border-radius: 10px;
  background-color: #97cdf3; width: 400px; height: 50px;
}
.intro {
  display: flex;
  justify-content: center; 
  align-items: center;
  color: black;
  margin: 1px auto;
  padding: 0 auto; 
  border: 2px solid #0066cc; 
  border-radius: 10px;
  background-color: #99cc65; width:650px; height: 40px;
}
.header-left {
    float: left;
}
.header-right {
    float: right;
}
.clear {
    clear: both;
}

.header-right a {
    line-height: 56px;
    color: #5a5c5f;
    margin-left: 5px;
    font-size: 16px;
    padding: 16px 5px;
}
.header-right a:hover {
    background-color: #97cdf3;
    transition: background-color 0.5s;
}


.main-visual {
    position: relative; 
    padding-top: 40px; margin-top: 0;margin-bottom: 0; 
    padding-bottom: 500px;background-image: url("./images/%E7%A0%A7%E5%85%AC%E5%9C%921.jpg");
    background-size: cover;
    color: #f5f5f5; 
}
.container {
    max-width: 1680px;
    padding: 0 30px;
    margin-left: 0;
    margin-right: auto;
}
 .text-overlay {
    position: absolute;
    top: 0;
    left: 0;}
.container1 {
    display: flex;
    justify-content: center;
}
.item {
    background: #f1e2be;
    color: #000000;
    margin: 10px;
    padding: 10px;
}

.container3 {
    display: flex;
    flex-direction: row;
    justify-content:　space-between; 
}


.item {
    width: 38%;
    margin: 10px;
    padding-top: 0;
    border-width: 2px;
    border-style: solid;
    background-color: floralwhite;
}
h4 {
    line-height: 1.0;
}
.line1 {
    margin-bottom: 0;
}
.line2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.line3 {
    padding-top: 0;
    margin-top: 0;
    line-height: 1.5;
}
ul li {
    margin: 10px 0;
    line-height: 1.2;
}
.narrow {
    line-height: 1.2;
}

.narrow-space li{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.2;
}
.footer-left {
    float: left;
}
.footer-right {
    float: right;
}
.footer {
    background-color: #e1eec1;
    color: black;
    margin: 5px;
    padding: 5px;
}