@charset "UTF-8";

/*--mainvisual-----*/
.mainvisual {
position: relative;
width: 100%;
}
.mainvisual-inner {
max-width: 1160px;
margin-right: auto;
margin-left: auto;
}
.catch-inner {
position: absolute;
width: 100%;
top: 48%;
color: #FFF;
margin-top: 15px;
text-align: center;
font-weight: bold;
-moz-text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.8);
-webkit-text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.8);
-ms-text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.8);
text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.8);
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.catch {
font-size: 4rem;
}
.catch-sub {
font-size: 2rem;
}
.mainvisual img {
width: 100%;
/*height: 220px;*/
padding: 0;
/*object-fit: cover;*/
}
.img-copyright{
    position: absolute;
    bottom: 5px;
    right: 10px;
    color: #ccc;
    font-size: small;
}

@media screen and (max-width: 639px) {
    .catch-inner {
        top: 42%;
        padding: 0 20px;
    }
    .catch {
        font-size: 1.8rem;
    }
    .catch-sub {
        font-size: 1.1rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
.mainvisual-inner {
max-width: 1000px;
}
.catch {
font-size: 2.4rem;
}
.catch-sub {
font-size: 1.5rem;
}
}


/*--column-----*/
.column {
display: flex;
flex-wrap: wrap;
}

.sub-column1 {
width: 25%;
}

.sub-column2 {
width: 75%;
margin: auto;
padding-left: 20px;
}
.sub-col50{
width: 50%;
}

@media screen and (max-width: 530px) {
.column {
display: block;
box-sizing: border-box;
text-align: center;
}
.sub-column1 {
width: 100%;
text-align: center;
}
.sub-column2 {
width: 100%;
padding: 0 10px;
}
.sub-col50{
width: 100%;
}
}

#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #444;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 35px;
  color: #fff;
  position: absolute;
  width: 20px;
  height: 30px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.domain::before {
   content: '@';
}

.img_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-top: 2em;
  margin-bottom: 3em;
}
.img_menu a{
  display: inline-block;
}
.img_box {
  width: 45%;
}

.img_menu img {
  width: 98%;
  padding: 1%;
}


.news_list ul {
  margin-bottom: 1em;
}
.news_list .date{
  margin-left: 15%;
  /* margin-left: 5%; */
}
.news_list .news{
  margin-left: 2em;
}
@media screen and (max-width: 639px) {
  .news_list .date{
    margin-left: 5%;
    /* margin-left: 0; */
  }
  /*
  .news_list .news{
    margin-left: 0;
  }
  */
}

.article img{
  width: 100%;
  max-width: 320px;
  margin: 10px auto;
}

.article .sub-div{
  margin-bottom: 1.5em;
}

.subarticle {
  margin-top: 50px;
}

.subarticle.first {
  margin-top: 0;
}