@charset "UTF-8";
/* CSS Document */

.rules_top, .rules_main{
  display:inline-block;
  margin:10px 8vw 40px 8vw;
}

.rules_top{
  width:80vw;
}

.rules_main{
  margin-bottom: 150px;
}

h1{
  text-align:center;
  font-size: 30px;
}

.rules_top h2{
  text-align:end;
  font-size: 15px;
}

.rules_top .article{
  display:inline-block;
  padding-left:20px;
}

.rules_top .article:hover{
  text-decoration:underline;
}

.chapter{
  font-size:25px;
  font-weight:500;
 }

.rules_main .chapter{
 display:block;
 text-align:center;
 margin-top:30px;
}

.rules_main .article{
  font-weight:600;
  display:inline-block;
  padding:20px 0 0 0;
}

.rules_main .article_content{
  display:inline-block;
  padding-left:2em;
  text-indent:-0.5em;
}

.rules_main .item{
  display:inline-block;
  padding-left:2em;
}

.rules_main .item_content1{
  display:inline-block;
  padding-left:4em;
}

.rules_main .item_content{
  display:inline-block;
  padding-left:4em;
  text-indent:-2em;
}

/*policy*/
.policy_top, .policy_main{
  display:inline-block;
  margin:10px 8vw 0px 8vw;
  width:80vw;
}

.policy_top h2{
  text-align:end;
  font-size: 15px;
}

.policy_top .article{
  display:inline-block;
  padding-left:20px;
}

.policy_top .article:hover{
  text-decoration:underline;
}

.policy_main .title_p{
  font-weight:600;
  display:inline-block;
  padding:20px 0 0 0;
}

.policy_main .article_content{
  display:inline-block;
  padding-left:2em;
  text-indent:-0.5em;
}

.policy_main p{
  font-weight:550;
}

.policy_main .article_content ul li{
  padding-left: 1em;
  text-indent:-2em;
}

.policy_main a{
  word-break:break-all;
  padding:1em;
  text-decoration:underline;
  margin: 0;
}
.policy_main a:hover{
  color:blue;
  text-decoration:underline;
}

.incharge{
  display:inline-block;
  padding-top:20px;
  padding-left:50px;
  margin-bottom:50px;
  word-break:break-all;
}
.officers{
  display:flex;
  flex-wrap:wrap;
  margin: 0 5vw 0 13vw; 
}

.officers .cxo{
  display:inline-block;
  text-align:center;
  margin-left:2vw;
  margin-top:20px;
  border:1px rgb(201, 201, 201) solid;
  width:300px;
}

.officers img.base{
  text-align:center;
  height:auto;
  margin:25px 0 25px 0;
  width:150px;
  position:center;
}

.officers img.base2{
  text-align:center;
  height:auto;
  margin:40px 0 35px 0;
  width:130px;
  position:center;
}

.officers img.rotate1{
  text-align:center;
  position:relative;
  width:200px;
  transition: .5s ;
  transform: rotateZ( -45deg ) ;
  z-index:99;
  transition:3s;
}


.check2-content{
  text-align:start;
  margin-top: 20px;
  border: none;
  background-color: none;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition:0.5s;
}

.check3-content{
  text-align:start;
  margin-top: 20px;
  border: none;
  background-color: none;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition:0.5s;
}

.checks2:checked ~ .check2-content{
  height: 200px;
  opacity: 1;
  visibility: visible;
}

.checks3:checked ~.check3-content{
  height: 200px;
  opacity: 1;
  visibility: visible;
}

.checks2, .checks3{
  display:none;
}

.circle1 {
  position:absolute;
  text-align:center;
  height:auto;
  width:300px;
  position:center;
}

.circle1:hover .rotate1 {
  transform: rotateZ( 360deg ) ;
  transition:3s;
}

.label2::after{
  content:"";
  width:0;
  display: inline-block;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
  text-align:end;
  margin-left:10px;
}

.label3::after{
  content:"";
  width:0;
  display: inline-block;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
  text-align:end;
  margin-left:10px;
}

#check2:checked ~ .label2::after{
  display:none;
  height:0;
  opacity:0;
  transition:0.5s;
}

#check3:checked ~ .label3::after{
  display:none;
  height:0;
  opacity:0;
  transition:0.5s;
}

.register_main{
  display:block;
  margin:10px 8vw 0px 8vw;
  width:80vw;
}

.register_first{
  display:block;
  margin:10px 8vw 0px 8vw;
  width:80vw;
}

.register_main iframe{
  display:block;
  margin:0 auto;
  width:640px;
  height:870px;
}
@media screen and (max-width: 700px) {
  .register_main iframe{
    display:block;
    margin:0 auto;
    width:450px;
    height:920px;
  }

}

.register_first iframe{
  display:block;
  margin:0 auto;
  width:640px;
  height:1600px;
}
@media screen and (max-width: 700px) {
  .register_first iframe{
    display:block;
    margin:0 auto;
    width:450px;
    height:1800px;
  }

}



@media screen and (max-width: 600px) {
  .officers{
    display:flex;
    flex-wrap:wrap;
    margin: 0 0 0 10vw; 
    position:center;
  }
  .officers .cxo{
    display:inline-block;
    text-align:center;
    margin-left:0px;
    margin-top:20px;
    border:1px rgb(201, 201, 201) solid;
    width:250px;
  }
  .circle1 {
    position:absolute;
    text-align:center;
    height:auto;
    width:250px;
    position:center;
  }

  .circle1::after{
    margin-top:180px;
  }
  .officers img.base{
    text-align:center;
    height:auto;
    margin:20px 0 25px 0;
    width:110px;
    position:center;
  }
  
  .officers img.base2{
    text-align:center;
    height:auto;
    margin:30px 0 25px 0;
    width:100px;
    position:center;
  }
  
  .officers img.rotate1{
    text-align:center;
    position:relative;
    width:150px;
    transition: .5s ;
    transform: rotateZ( -45deg ) ;
    z-index:99;
    transition:3s;
  }
  .checks2:checked + .label2 + .check2-content{
    height: 250px;
    opacity: 1;
    visibility: visible;
  }
  
  .checks3:checked + .label3 + .check3-content{
    height: 250px;
    opacity: 1;
    visibility: visible;
  }

  .register_main{
    display:block;
    margin:10px 0 0 0;
    width:90vw;
  }
  
  .register_main iframe{
    display:block;
    margin:0 auto;
    width:320px;
    height:1000px;
  }
  .register_first{
    display:block;
    margin:10px 0 0 0;
    width:90vw;
  }
  
  .register_first iframe{
    display:block;
    margin:0 auto;
    width:100%;
    height:2200px;
  }

}