.top_content{
    min-height:720px;
    background-color:#dddddd;
    position:relative;
}
.top_content video{
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    top:0;
    left:0;

}
.top_content h1{
    position:absolute;
    left:50%;
    top:50%;
    color:white;
    transform:translate(-50%,-50%);
    text-shadow:0 0 6px black;

}
section{
    padding:16px;
}


.contents1{
    background:royalblue;
    color:white;
    padding-top:120px;
    padding-bottom:120px;
}
.contents1 > div{
    display:flex;
    max-width:980px;
    margin:0 auto;
    justify-content:space-between;

}
.contents1 .contents_left{
  width:calc(100% - 400px);
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.contents2{
    text-align:center;
    padding:96px 16px;
}
.contents2 h2{
    font-size:40px;
    font-weight:500;
    line-height:2.0;
}
.contents2 p{
    margin:24px auto;
    max-width:600px;
    line-height:2.0;
    padding-top:48px;
    font-size:1.25rem;
}

.contents3{
    padding-top:90px;
    padding-bottom:90px;
}

.contents3 h2{
    text-align:center;
    font-size:2rem;

}
.contents3 span{
    width:100%;
    text-align:center;
    font-size:.875rem;
    color:gray;
    display:block;
}
.contents3_inner{
    display:flex;
    gap:1.5rem;
    max-width:1080px;
    margin:2rem auto;
    flex-wrap:wrap;
    
   justify-content: center;

}
.contents3_inner div{
    background:white;
    padding:16px;
    box-shadow:0 0 8px rgba(0,0,0,0.2);
    position:relative;
    overflow:hidden;
    width:280px;

}
.contents3_inner .dummy{
    height:0;
    opacity:0;
}
.contents3_inner div:after{
  position:absolute;
  content:"";
  width:40px;
  height:40px;
  background:rgb(185, 0, 0);
  bottom:-25px;
  right:-25px;
  transform:rotate(45deg);
}
.contents3 h3{
    text-align:center;  
}
.contents3_inner p{
    font-size:.875rem;
    line-height:2.0;
}

.contents3 a{
    margin:64px auto 0 auto;
    display:block;
}

.contents4{
    padding:64px 16px;
    background:rgba(255,255,255,0.8);
}
.contents4 h2{
    width:100%;
    text-align:center;
    font-size:32px;
}
.contents4 .title_en{
    text-align:center;
    color:lightgray;
    font-weight:600;
    display:block;
    width:100%;
}
.contents4 .blogs{
    max-width:980px;
    margin:32px auto;
}
.contents4 .blog{
    width:100%;
    display:flex;
    flex-direction:row;
    gap:36px;
    padding-bottom:32px;
    border-bottom:solid 1px lightgray;
    margin-bottom:32px;


}

.contents4 .blog > img{
    width:340px;
    height:210px;
    background:gray;
}
.contents4 .blog_titles{
    display:flex;
    flex-direction:column;
    justify-content: center;
    gap:24px;
}
.contents4 .outline_button{
    margin:0 auto;
    display:block;
}

.blogs a{
	text-decoration:none;
	color:inherit;
}

@media(max-width:768px){
    .top_content{
        min-height:600px;
    }
    
}