@charset "utf-8";
#main1{
  height: 0;
  padding-top : 49.062%;
  background : url(../img_top/set1.png) 0px 0px / contain no-repeat scroll padding-box border-box transparent;
  z-index : 11;
  width : 100%;
  position : absolute;
  top : 0px;
  bottom : 0px;
  right : 0px;
  left : 0px;
}
#main9{
  height: 0;
  padding-top : 49.062%;
  background : url(../img_top/set2.jpg) 0px 0px / contain no-repeat scroll padding-box border-box transparent;
  z-index : 19;
  width : 100%;
  position : absolute;
  top : 0px;
  bottom : 0px;
  right : 0px;
  left : 0px;
}
.box{
  position: relative;
  width : 100%;
  height : inherit;
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #000000;
  top : 90px;
}
.ratio-1_1::before{
  content: "";
  display: block;
  padding-top : 49.062%;
/* 1:1 */
}
.inner{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height : 100%;
}
.hnlogo{
  padding-left : 20%;
  padding-right : 20%;
}
.link1{
  background-image : url(../img_common/yaji1.png);
  background-repeat : no-repeat;
  background-position : right bottom;
  width : 100px;
}
.link2{
  padding-top : 20px;
  padding-left : 40px;
  padding-bottom : -1px;
  text-align : left;
}
.comment1{
  color : black;
  background-color : white;
  vertical-align : top;
  text-align : center;
  padding-top : 20px;
  padding-left : 20px;
  padding-right : 20px;
  padding-bottom : 20px;
  width : 25%;
}
.comment2a{
  padding-left : 40px;
}