/* css document */
/* UTF-8 */

/* ----- reset ------ */
*{
  font-family: 'Noto Sans JP', sans-serif;;
  margin: 0;
  padding: 0;
  list-style: none;
}
img{
  width: 100%;
  max-width: 100%;
}
a{text-decoration: none;}

/* media set */
.pctab{display: block!important;}
.sp{display: none!important;}
.pm-w{display:none;}
body{
  position: relative;
  background:#F4AEA5;
  width: 100%;
  height: 100vh;
  font-size: 16px;
}
/* ----------------- insta ------------------------*/
.instabox {
margin-top: 5px;
height:auto;
max-width: 350px;
overflow: hidden;
display: flex;
justify-content: center;
}
@media screen and (max-width: 768px) {
.instagram-media {
  margin: 0 -1px !important;
  min-width: 100% !important;
  border-right: none !important;
  border-left: none !important;
}
}
/* ---------------- youtube --------------------- */
.youtubeblk{
max-width:525px;
}
.youtubeblk_inner{
position: relative;
padding-bottom:56.25%;
width:100%;
margin: 45px 0;
height: 0;
overflow: hidden;
}
.youtubeblk_inner iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ------------- blood ------------------ */
#blood{
  width:6.5vw;
  height:3.9vw;
  position:fixed;
}
#blood.small{
width:4.7vw;
height:2.82vw;
}
#blood img{
width:100%;
height:100%;
object-fit:cover;
}
/* blood01 */
#blood.bl01{
  top:23%;
  left:10%;
  transform:rotate(5deg);
  animation:bl01anim 8s infinite ease-out;
}
@keyframes bl01anim{
  0% {
    transform:rotate(5deg);
  }
  25%{
    transform:rotate(15deg) translate(2vw,3vh);
  }
  50%{
    transform:rotate(15deg) translate(3vw,2vh);
  }
  100% {
    transform:rotate(5deg);
  }
}
/* blood02 */
#blood.bl02{
  left:15%;
  top:50%;
  transform:rotate(-14deg);
  animation:bl02anim 8s infinite ease-out;
  animation-delay:700ms;
}
@keyframes bl02anim{
  0%{
    transform:rotate(-14deg) ;
  }
  25%{
    transform:rotate(-14deg) translate(-1.5vw,2vh);
  }
  50%{
    transform:rotate(-10deg) translate(-2vw,-2vh);
  }
  100%{
    transform:rotate(-14deg) ;
  }
}
/* blood03 */
#blood.bl03{
  left: 5%;
  top:69%;
  transform:rotate(-15deg);
  animation:bl03anim 10s infinite ease-out;
  animation-delay: 1s;
}
@keyframes bl03anim{
  0%{
    transform:rotate(-15deg);
  }
  25%{
    transform:rotate(5deg) translate(-3vw,-2vh)
  }
  50%{
    transform:rotate(5deg) translate(2vw,-5vh)
  }
  100%{
    transform:rotate(-15deg);
  }
}
/* blood04 */
#blood.bl04{
  left:17%;
  top:75%;
  transform:rotate(-15deg);
  animation:bl04anim 9s infinite ease-out;
  animation-delay:650ms;
}
@keyframes bl04anim{
  0%{
    transform:rotate(-15deg);
  }
  25%{
    transform:rotate(-5deg) translate(-1vw,6vh)
  }
  50%{
    transform:rotate(-5deg) translate(2vw,2.5vh)
  }
  100%{
    transform:rotate(-15deg);
  }
}
/* blood05 */
#blood.bl05{
  right:14%;
  top:20%;
  transform:rotate(-50deg);
  animation:bl05anim 10s infinite ease-out;
}
@keyframes bl05anim{
  0%{
    transform:rotate(-50deg)
  }
  25%{
    transform:rotate(-30deg) translate(2.5vw,-1.5vh)
  }
  50%{
    transform:rotate(-30deg) translate(-2vw,1.3vh)
  }
  100%{
    transform:rotate(-50deg)
  }
}
/* blood06 */
#blood.bl06{
  right:16%;
  top:62%;
  transform:rotate(8deg);
  animation:bl06anim 8s infinite ease-out;
  animation-delay:700ms;
}
@keyframes bl06anim{
  0%{
    transform:rotate(8deg)
  }
  50%{
    transform:rotate(8deg) translate(-2vw,-4vh)
  }
  100%{
    transform:rotate(8deg)
  }
}
/* blood07 */
#blood.bl07{
  right:26%;
  top:76%;
  transform:rotate(-10deg);
  animation:bl07anim 12s infinite ease-out;
  animation-delay:500ms;
}
@keyframes bl07anim{
  0%{
    transform:rotate(-10deg)
  }
  25%{
    transform:rotate(-5deg) translate(2vw,2vh)
  }
  50%{
    transform:rotate(-5deg) translate(-2vw,2.5vh)
  }
  75%{
    transform:rotate(-5deg) translate(2vw,-2vh)
  }
  100%{
    transform:rotate(-10deg)
  }
}
#blood.bl08{
  right:4%;
  top:69%;
  transform:rotate(18deg);
  animation:bl08anim 8s infinite ease-out;
}
@keyframes bl08anim{
  0%{
    transform:rotate(18deg)
  }
  50%{
    transform:rotate(10deg) translate(-1vw,-2vh)
  }
  75%{
    transform:rotate(13deg) translate(1vw,1vh)
  }
  100%{
    transform:rotate(18deg) 
  }
}
/* ------------- 信くん countdown ----------------- */
#countdown {
width: 242px;
position:fixed;
right:20px;
bottom: 0;
z-index: 100;
}
p.countdown-item {
position: absolute;
left: 50%;
top: 31%;
color: #ffffff;
transform: translateX(-50%);
font-size:17px;
}
#countTimer--wrap{
display: flex;
align-items: flex-end;
justify-content: center;
}
#countTimer{
color: #ffffff;
font-size:98px;
position: absolute;
left: 50%;
top: 35%;
transform: translateX(-50%);
font-weight: bold;
display: flex;
align-items:baseline;
justify-content: center;
flex-wrap: nowrap;
}
div#countTimer span{
font-size: 28px;
font-weight: normal;
color: #ffffff;
display: inline-block;
}
/* ------------- header ---------------- */
header{
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 0 12px;
  box-shadow: #0000006E 0px 0px 12px;
}
.header__logo {
  width: 700px;
  margin: 0 auto;
}
/* -------------- footer --------------- */
/* ===================================== */
.contents{
max-width: 1100px;
margin: 0 auto;
}
main{
position: relative;
z-index: 2;
padding-top: 180px;
}
#MV{
display: flex;
justify-content: center;
align-items: flex-start;
position: relative;
}
.top-teacher{
max-width: 500px;
z-index: 2;
}
.top-seminartitle{
max-width: 737px;
margin-top: -40px;
margin-left: -70px;
}
.MV-btn--wrap {
display: flex;
align-items: center;
position: absolute;
z-index: 3;
bottom: 16%;
left: 42%;
}
.topbtn{
width: 287px;
background: #B4282C;
box-shadow:#56414370 0 5px 0px;
border-radius: 23px;
box-sizing: border-box;
transition: all .3s;
margin: 0 15px;
}
.topbtn a{
display: block;
text-align: center;
padding: 28px 40px;
}
.topbtn a img{
width: 75%;
margin: 0 auto;
}
.topbtn:hover{background: #F29600;}
#info{
margin-top: -10px;
background: #B4282C;
width: 100%;
padding: 23px 0;
position: relative;
z-index: 5;
}
.info-inner {
display: flex;
align-items: center;
box-sizing: border-box;
padding: 0 20px;
}
.info-item{
width: 217px;
}
.info-list{
border-left: 1px solid #ffffff;
padding-left: 70px;
margin-left: 50px;
}
.info-list li{
display: flex;
align-items: center;
margin: 19px 0;
}
.info-list li p.info--date{
color: #F4AEA5;
margin-right: 32px;
font-weight: bold;
}
.info-list li p.info--title{
color: #ffffff;
font-size: 18px;
font-weight: bold;
}
.info-list li p.info--title a{
color: #ffffff;
font-size: 18px;
font-weight: bold;
text-decoration: underline;
}
.info-list li p.info--title a:hover{
text-decoration: none;
}
#pagemenu {
background: #ffffff;
padding: 8px 0;
}
#pagemenu ul{
display: flex;
align-items: center;
justify-content: center;
}
#pagemenu ul li{
border-right: 1px solid #F4AEA5;
border-left: 1px solid #F4AEA5;
}
#pagemenu ul li a{
display:block;
align-items: center;
position: relative;
padding:13px 35px;
font-weight: bold;
color: #000000;
width: 100%;
box-sizing: border-box;
transition: all .3s;
text-align: center;
}
#pagemenu ul li a p span{
transition: all .3s;
}
#pagemenu ul li a:hover,
#pagemenu ul li a:hover p span{
color:#F4AEA5!important;
}
#pagemenu ul li a span.arrow__btn{
display:block;
background:#C33D3B;
width: 24px;
height: 24px;
border-radius: 50px;
position: relative;
/* margin-left: 5px; */
margin:4px auto 0;
}
#pagemenu ul li a span.arrow__btn::after{
content:"";
display: inline-block;
vertical-align: middle;
line-height: 1;
width: 8px;
height: 8px;
border: 2px solid #ffffff;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%,-50%) rotate(135deg);
}
.contents__item{margin: 0 auto;}
#live{
padding-top: 125px;
padding-bottom: 96px;
}
.contents__item.live {
max-width:501px;
}
.live-attention{
text-align: center;
font-weight: bold;
font-size:22px;
margin-top: 45px;
margin-bottom: 28px;
color: #ffffff;
}
/* ================== door ========================= */
#site-live{
background: #30346A;
position: relative;
}
.camera {
width: 177px;
position: absolute;
right:21%;
top: -102px;
}
.live--door {
text-align: center;
max-width:553px;
margin:30px auto 0;
position: relative;
}
.live--door a img{
position: relative;
z-index: 3;
}
.live--door a img:nth-of-type(1){
display: block;
}
.live--door a img:nth-of-type(2){
display: none;
}
.live--door:hover a img:nth-of-type(1){
display:none;
}
.live--door:hover a img:nth-of-type(2){
display:block;
}
.live--door::after{
content:"";
width: 759px;
height: 759px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 1;
background: url(img/circle-grade.png) center no-repeat;
background-size: contain;
}
.live--door svg{
width: 100%;
position: relative;
z-index: 2;
}
.live--door svg:hover .close{
animation: kaiten 0.3s;
transform-origin:center 220px 0;
}
@keyframes kaiten {
0% {
transform:rotate(20deg);
}
20% {
transform:rotate(0deg);
}
40% {
transform:rotate(-10deg);
}
60% {
transform:rotate(0deg);
}
80% {
transform:rotate(8deg);
}
100% {
transform:rotate(0deg);
}
}
.shinkun-small{
  transform-origin: center 307px 0;
}
@keyframes face {
0% {transform:translate(0, 0);}
100% {transform:translate(50px, -50px);}
}
@keyframes face-out {
0% {transform:translate(50px, -50px);}
100% {transform:translate(0, 0);}
}
.kaisai{
background: rgba(0,0,0,0.44);
max-width:720px;
margin:40px auto 0;
position: relative;
text-align: center;
padding: 80px 0;
}
.kaisai p{
font-size: 18px;
color: #ffffff;
}
.kaisai .t-yellow{
color: #F29600;
margin-top: 10px;
}
.kaisai .t-yellow a{
text-decoration: underline;
color: #F29600;
}
.kaisai .t-yellow a:hover{text-decoration: none;}
.kaisaibi{
width: 57%;
margin: 0 auto;
}
.kaisai .attention{
color: #F29600;
padding-top: 35px;
}
.kaisai .attention a{
color: #F29600;
text-decoration: underline;
}
.kaisai .attention a:hover{text-decoration: none;}
#teacher{
padding-top: 100px;
}
.contents__item.teacher {
max-width: 450px;
}
.about__teacher{
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 50px auto 0;
}
.about__teacher .pic{
width:360px;
margin-right: 35px;
}
.about__teacher .pic img{width: 100%;}
.about__teacher_text {
width: 687px;
}
.about__teacher_text p{
line-height: 1.8;
}
.namebox{
margin-bottom: 10px;
}
.name span{font-weight: bold;}
.name span:nth-of-type(1){
font-size: 27.2px;
letter-spacing: 0.01em;
display: inline-block;
padding-right: 5px;
padding-top: 13px;
position: relative;
}
.name span:nth-of-type(1)::before{
content: "いけたに　としろう";
position: absolute;
top:5px;
left: 59%;
transform: translateX(-50%);
width: 100%;
font-size: 10px;
}
#teachers__info {
max-width: 992px;
background: #ffffff;
border-radius: 27px;
position: relative;
margin: 70px auto 50px;
padding: 60px 70px 5px 70px;
/* padding: 60px 70px 40px 70px; */
box-sizing: border-box;
font-weight: bold;
}
.shinkun{
width: 200px;
position: absolute;
right: -35px;
bottom: -41px;
}
.teachers__info-item {
width:307px;
position: absolute;
left: 50%;
top: -49px;
transform: translateX(-50%);
}
.teachers__info_top {
width: 60%;
margin: 0 auto;
}
/* ================== accordion ===================== */
#otanosimi{padding-top:120px;}
.wait {
text-align: center;
padding: 30px 0 45px;
font-size: 20px;
color: #777777;
}
.contents__item.enjoy{
max-width: 700px;
}
.accordion_inner {
display:none;
/* display:block; */
}
.accordion_title {
position: relative;
cursor: pointer;
}
.accordion-area{
margin: 50px auto;
}
.accordion_list:not(:last-of-type){
margin-bottom:16px;
}
.accordion_title {
display: flex;
align-items: center;
width: 100%;
background:#F29600;
color: #ffffff;
padding: 19px 25px 15px 35px;
border-radius: 50px;
font-weight: normal;
box-shadow: #56414370 0 5px 0px;
box-sizing:border-box;
}
.accordion_title.gray{
background: #AEADAD;
cursor: default;
}
.accordion_title .plmi {
display: block;
width: 20px;
height: 20px;
position: absolute;
right: 25px;
}
.accordion_title .plmi::before{
content: "";
width: 100%;
height: 3px;
background: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.accordion_title .plmi::after{
content: "";
width: 3px;
height: 100%;
background: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all .2s;
}
.accordion_title.open .plmi::after{
transform:translate(-50%,-50%) rotate(-90deg);
opacity: 0;
}
.accordion-item{
font-size: 20px;
padding-left: 35px;
margin-top: -4px;
}
.accordion_inner {
width: 90%;
margin: 40px auto 45px;
line-height: 1.7;
font-weight: normal;
font-size: 14px;
}
.infoitem{
color: #B4282C;
font-size:27.2px;
font-weight: bold;
padding-bottom:25px;
line-height: 1;
}
.infoitem-border {
height: 1px;
width: 150px;
margin-bottom: 30px;
background: #B4282C;
}
/* 応募ボタン */
.btn--wrap {
display: flex;
justify-content: center;
margin: 55px auto 50px;
}
.btn--wrap .btn a {
display: block;
width: 484px;
background: #B4282C;
border-radius: 200px;
margin: 0 20px;
box-shadow: #56414370 0 5px 0px;
text-align: center;
padding: 45px 0px;
transition: all .3s;
color: #ffffff;
font-weight: bold;
}
.btn--wrap .btn a.small{
font-size: 18px;
width: 336px;
padding:20px 0;
}
.btn--wrap .btn a:hover{background: #F29600;}
.btn--wrap .btn a img{
width: 50%;
margin: 0 auto;
}
.btn--wrap .btn a img.tolive{
width: 58.5%;
margin: 0 auto;
}
.btn--wrap .btn p{
font-size: 14px;
margin-top: 28px;
text-align: center;
}
.btn--wrap .btn p a{
color: #CE1B19;
text-decoration: underline;
display:inline-block;
width:unset;
background:none;
border-radius:none;
margin:0px;
box-shadow:unset;
padding:0px;
transition:unset;
}
.btn--wrap .btn p a:hover{
background: none;
text-decoration:none;
}
.btn--wrap .btn a.finished{
background: #7e7e7e;
box-shadow: none;
padding: 53px 0;
}
.btn--wrap .btn a.finished img{
width: 70%;
}
/* 応募ボタン */
.simekiri {
max-width: 534px;
margin: -25px auto 0;
}
.site-attention {
text-align: center;
font-size: 14px;
padding-top: 8px;
}
.site-attention a{
color: #B4282C;
text-decoration: underline;
}
.site-attention a:hover{text-decoration: none;}
.simekiri.esp{
max-width: 432px;
margin-top: 60px;
}
.contents__item.about {
max-width: 480px;
margin:0px auto 30px;
padding-top: 70px;
}
.about-text {
max-width: 1013px;
margin: 0 auto;
text-align: center;
background: #ffffff;
box-sizing: border-box;
padding:50px 50px 45px 50px;
border-radius: 25px;
line-height:2;
font-weight: bold;
position: relative;
}
.rekidai--koushi {
max-width: 300px;
margin: 60px auto 45px;
}
.covid19-suspension {
text-align: center;
font-weight: bold;
margin-bottom: -20px;
font-size: 14px;
}
.rekidai--kouza--flex{
display: flex;
justify-content: space-between;
margin-top: 75px;
}
.rekidai--kouza--box {
width: 23%;
}
.rekidai--kouza--box a{
color: #000000;
transition: all .3s;
}
.rekidai-pic {
width: 200px;
height: 200px;
margin: 0 auto 15px;
}
.rekidai-teacher {
text-align: center;
margin-bottom: 20px;
transition: all .3s;
}
.theme{transition: all .3s;}
.rekidai--kouza--box a:hover .rekidai-teacher,
.rekidai--kouza--box a:hover .theme{
text-shadow:1px 1px 2px #f57362;
}
.rekidai-teacher p:nth-of-type(2){
font-weight: bold;
font-size:18px;
}
.past {
text-align: center;
margin-top: 75px;
}
.past a{
color: #000000;
  font-weight: bold;
  letter-spacing: 0.05em;
  border-bottom: 2px dashed #000000;
  padding-bottom: 8px;
  display: inline-block;
  font-size:20px;
  transition: all .3s;
}
.past a:hover{text-shadow:1px 1px 2px #f57362;}
.past a span.arrow__btn.right{
display: inline-block;
  background:transparent;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  position: relative;
  margin-left: 5px;
  margin-bottom: -7px;
  border: 1px solid #000000;
  margin-left: 7px;
  transition: all .3s;
}
.past a span.arrow__btn.right::after{
content:"";
display: inline-block;
vertical-align: middle;
line-height: 1;
width:10px;
height:10px;
border: 2px solid #000000;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 44%;
transform:translate(-50%,-50%) rotate(45deg);
transition: all .3s;
}
#bgfff {
background: #ffffff;
margin-top:240px;
position: relative;
}
#bgfff::after{
content: "";
background: url(img/illust.png) center no-repeat;
background-size: contain;
width: 204px;
height: 159px;
position: absolute;
left: 50.5%;
top: -159px;
transform: translateX(-50%);
}
#bgfff::before {
content: "";
display: block;
position: absolute;
top: -115px;
left: 50%;
transform: translateX(-50%);
width: 258px;
height: 170px;
border-radius: 170px 170px 0 0;
background: #ffffff;
z-index: -1;
}
#participant {
padding-top: 60px;
padding-bottom: 150px;
}
.contents__item.participant {
max-width: 450px;
}
.goannai {
margin: 70px auto 0px;
}
#participant-live.goannai{
margin-top: 0px;
padding-top: 120px;
}
.goannai h4{
color: #B4282C;
padding-bottom: 15px;
border-bottom: 2px solid #B4282C;
font-size:28px;
}
.goannai h4 span{
width: 27px;
height: 27px;
border-radius: 50px;
display: inline-block;
background: #B4282C;
vertical-align: middle;
margin-right: 17px;
margin-bottom: 3px;
}
.goannai h4 small{
color: #000000;
font-size:16px;
padding-left: 15px;
}
.participant-attention {
margin: 40px auto;
max-width: 94%;
}
.participant-attention div {
display: flex;
align-items: flex-start;
line-height: 1.5;
margin-bottom: 20px;
}
.participant-attention div .pa-no{
font-weight: 500;
padding-right: 10px;
}
ul.annai_list {
max-width: 875px;
margin: 70px auto 0;
}
ul.annai_list li{
font-weight: bold;
padding: 15px 0;
border-top:#AEADAD 1px solid;
display: flex;
align-items:center;
}
ul.annai_list li:last-of-type{border-bottom: #AEADAD 1px solid;}
.annai-item{margin-right: 20px;}
.annai.flex span{
font-weight: normal;
font-size: 14px;
padding: 0 20px;
}
.annai.flex a{
color: #B4282C;
border: 1px solid #B4282C;
font-weight: normal;
font-size: 14px;
padding: 3px 30px 3px 15px;
font-weight: normal;
position: relative;
border-radius: 30px;
transition: all .3s;
display: inline-block;
}
.annai.flex a::after{
content: "";
display: inline-block;
vertical-align: middle;
line-height: 1;
width: 8px;
height: 8px;
border: 1px solid #B4282C;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
position: absolute;
top: 53%;
right: 9px;
transform: translate(-50%,-50%) rotate(45deg);
transition: all .3s;
}
.annai.flex a:hover{
color: #FFFFFF;
background: #B4282C;
}
.annai.flex a:hover::after{border-color: #FFFFFF;}
/* app */
#application{
padding: 56px 0 70px;
}
.contents__item.app {
max-width: 474px;
}
/* contact */
.contact__tel{
background: #B4282C;
padding: 55px 0 120px;
color: #ffffff;
}
.contact__tel--inner{
max-width: 950px;
}
.contact__tel--inner h4 {
font-size:24px;
font-weight: normal;
padding-bottom: 10px;
border-bottom: 1px solid #ffffff;
margin-bottom: 20px;
}
.contents__item.participant-live {
max-width: 670px;
margin-bottom: 70px;
}
.contact{
max-width: 94%;
margin: 0 auto;
}
.contact a.tel{
display: inline-block;
width:272px;
vertical-align:baseline;
}
.contact a.form{
color: #ffffff;
text-decoration: underline;
}
.contact a.form.red{
color: #C33D3B;
text-decoration: underline;
}
.contact a.form:hover{text-decoration: none;}
.infoimg-flex {
display: flex;
justify-content: space-between;
}
.infoimg-flex p{
width: 49%;
}
/* ========================= footer ======================= */
#page_top {
display: inline-block;
position: absolute;
top: -85px;
left: 50%;
transform: translateX(-50%);
width: 180px;
height: 100px;
border-radius: 170px 170px 0 0;
background: #ffffff;
z-index: -1;
text-align: center;
cursor: pointer;
}
#page_top::before{
content: "";
width: 1px;
height:10px;
background: #000000;
position: absolute;
top: 9px;
left: 48%;
transform:rotate(-135deg) translateX(-50%);
}
#page_top::after{
content: "";
width: 1px;
height:30px;
background: #000000;
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
}
#page_top a{
color: #000000;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
font-weight: bold;
transition: all .3s;
}
#page_top:hover a{color:#F29600;}
footer{
position: relative;
z-index: 10;
background: #ffffff;
padding: 40px 0 15px;
}
.copyright{text-align: center;}
ul.footer_sns{
text-align: center;
margin-bottom: 30px;
}
.footer_sns li{
display: inline-block;
margin: 8px 5px;
}
.foot_sns_btn a{
display: inline-block;
font-size: 13px;
text-align: center;
width: 185px;
padding: 10px;
border: 1px solid #CCC;
border-radius: 10px;
color: #000000;
}
.footer_sns li:first-of-type .foot_sns_btn a{
padding: 8px 10px;
}
.foot_sns_btn span{
vertical-align: middle;
display: inline-block;
text-align: left;
margin: 0 5px;
line-height: 1.4;
}
.btn_twitter {
background: #28A7E1;
border-radius: 50%;
padding: 5px 10px 10px 10px;
font-size: 24px;
color: #FFF;
height: 45px;
box-sizing: border-box;
}
.btn_youtube{
color: #FF0000;
font-size: 44px;
}
.talk-shinkun span,
.talk-Dr span{
font-weight: bold;
}
.talk-shinkun{
color: #B4282C;
padding-left: 5em;
text-indent: -5em;
}
.talk-Dr{
color: #30346A;
padding-left: 5em;
text-indent: -5em;
}
.writing {
margin: 23px auto;
}
.writing-item {
padding-left: 1.3em;
position: relative;
font-weight: bold;
}
.writing-item::after{
content: "";
width: 12px;
height: 12px;
background: #000;
border-radius: 20px;
position: absolute;
left: 0;
top: 0.45em;
}
a.writinglink {
display: block;
margin: 10px 0;
text-decoration: underline;
color: #B4282C;
font-weight: bold;
font-size: 15px;
}
a.writinglink:hover{
text-decoration: none;
color: #F4AEA5;
}

/* live配信 */
.livesite-item{
max-width: 376px;
margin: 0 auto;
}
#livemovie{
margin: 48px auto 57px;
max-width: 1100px;
position: relative;
z-index: 1;
}
.livemovie-innerwrap {
position: relative;
padding-bottom: 56.25%;
width: 100%;
margin: 0 auto;
height: 0;
overflow: hidden;
}
.livemovie-innerwrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body.livesite{
display: flex;
flex-direction: column;
min-height: 100vh;
}
footer.livesite{
margin-top: auto;
}
.toujitu_inner{
max-width: 94%;
margin: 40px auto 0;
}
.ta-img{
margin: 20px auto;
}
.ta-img.receipt{
max-width: 300px;
overflow: hidden;
}
.attentionblk{
margin-bottom: 30px;
}
.ta-item {
font-weight: 600;
padding-left: 1.5em;
text-indent: -1.5em;
margin-bottom: 8px;
}
.ta-img.guide {
max-width: 650px;
}
/* report */
#report{
padding-top: 100px;
}
h3.contents__item.report {
width: 300px;
}
.reportwrap{
max-width: 992px;
background: #ffffff;
border-radius: 27px;
position: relative;
margin: 30px auto 100px;
padding: 5px 0px;
box-sizing: border-box;
font-weight: bold;
}
/* ======================= media =========================== */
@media (max-width:1300px){
.contents{max-width:85%;}
.top-teacher {max-width: 400px;}
.top-seminartitle {max-width: 605px;}
.topbtn {width: 215px;}
.about-text {max-width: 85%;}
.btn--wrap .btn a {width: 465px;}
#countdown {width: 200px;}
/* countdown */
p.countdown-item {font-size:13.6px;}
#countTimer{font-size:82px;}
div#countTimer span{font-size: 23px;}
}

@media(max-width:1250px){
#pagemenu ul li a {
padding: 13px 25px;
}
/* live配信 */
#livemovie {
max-width:90%;
}
}

@media (max-width:1078px){
#blood{
width:10vw;
height:6vw;
}
#blood.small{
width:6.5vw;
height:3.9vw;
}
.header__logo {
  width: 450px;
}
main {
padding-top: 147px;
}
.top-teacher {max-width: 350px;}
.top-seminartitle {max-width:530px;}
.MV-btn--wrap {bottom: 19%;}
.topbtn{
width:185px;
border-radius: 14px;
}
.topbtn a{
padding: 15px 30px;
}
#pagemenu ul li a {
padding: 13px 20px;
}
/* countdown */
#countdown {width:170px;}
p.countdown-item {font-size:12px;}
#countTimer{font-size:66px;}

.btn--wrap .btn a {
width: 415px;
padding: 35px 0;
}
.simekiri {max-width: 580px;}
.infoimg-flex {
flex-direction: column;
}
.infoimg-flex p{
width:unset;
max-width: 450px;
margin: 7px 0;
}
}

@media(max-width:1000px){
.pm-w{display: block;}
#pagemenu ul li a {
  padding: 13px 25px;
}
}

@media(max-width:950px){
.rekidai--kouza--flex {
  flex-wrap: wrap;
}
.rekidai--kouza--box {
width: 47%;
}
.rekidai--kouza--box:nth-of-type(n+3){margin-top: 25px;}
.btn--wrap {
flex-direction: column;
}
.btn--wrap .btn:nth-of-type(2){margin-top: 20px;}
.btn--wrap .btn a {
margin: 0 auto;
}
}

@media(max-width:800px){
.contents {
  max-width: 90%;
}
#info {
padding: 41px 0 23px;
}
.info-item {
margin: 0 auto;
}
.info-inner {
  display:block;
}
.info-list {
border-left:none;
padding-left: 0px;
margin-left: 0px;
}
#teachers__info {
padding: 60px 40px 5px 40px;
}
.annai-item {
width: 15%;
}
.annai{width: 78%;}
}

@media(max-width:759px){
.pctab{display:none!important;}
.sp{display:block!important;}
body{font-size: 14px;}

#sp-menu {
  position: fixed;
  width: 100%;
  z-index: 100;
  bottom: 0;
}
ul.sp-menu-list {
height: 60px;
display: flex;
align-items: center;
border-top: 4px solid #30346A;
}
ul.sp-menu-list li{
width: 25%;
height: 100%;
}
ul.sp-menu-list li a{
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 7px 0;
display: block;
color: #000000;
background: #ffffff;
display: flex;
flex-direction: column;
text-align: center;
font-weight: bold;
}
ul.sp-menu-list li:nth-of-type(3) a{
background: #C33D3B;
color: #ffffff;
}
ul.sp-menu-list li:nth-of-type(4) a{
background: #30346A;
color: #ffffff;
}
.spm-i{
display: block;
margin: 0 auto 2px;
width: 32px;
}
.spm-i img{width: 100%;}
#blood{
  width:20vw;
  height:12vw;
}
#blood.small{
  width:15vw;
  height:9vw;
}
.header__logo {
  width: 40vw;
}
main {
padding-top: 65px;
}
main.live{
padding-top: 150px;
}
#pagemenu {
display: none;
}
#countdown {
width: 130px;
right: 0;
bottom: 60px;
}
#countTimer{
font-size: 43px;
top: 39%;
}
div#countTimer span{
font-size: 12px;
}
#MV {
  display:block;
}
.info-inner {
max-width: 95%;
}
.info-list li {
display:block;
}
.about__teacher {
margin: 10px auto 0;
}
.contents__item.teacher {
max-width: 280px;
}
.about__teacher .pic {
width: 250px;
margin-right: 0px;
}
.namebox {
text-align: center;
margin: 20px auto;
}
.contents__item.enjoy {
max-width: 323px;
}
.teachers__info_top {
width: 100%;
margin: 0 auto;
}
.accordion_title {
display:block;
}
.infoitem {
line-height: 1.35;
}
.accordion_title .No {
width: 180px;
}
.accordion-item {
font-size: 15px;
padding-left: 0px;
margin-top: 3px;
width: 90%;
}
.wait {
font-size: 16px;
}
.accordion_title .plmi {
top: 37%;
}
.name span:nth-of-type(1)::before {
top: 5px;
left: 50%;
transform: translateX(-50%);
}
#teachers__info {
padding: 47px 10px 5px 10px;
}
.contents__item.about {
max-width: 317px;
padding-top: 30px;
}
.about-text {
max-width: 90%;
font-size: 13px;
text-align: left;
font-weight: bold;
padding: 30px 20px 38px 20px;
}
.shinkun {
width: 110px;
position: absolute;
right: 3px;
bottom: -75px;
}
.rekidai-teacher {
margin-bottom: 6px;
}
.rekidai-teacher p:nth-of-type(1){font-size: 14px;}
.rekidai--koushi {
margin: 90px auto 40px;
max-width: 230px;
}
.rekidai-pic {
width:auto;
height:auto;
margin: 0 auto 15px;
}
.rekidai--kouza--flex {margin-top:50px;}
.past a {
font-size: 16px;
}
.past a span.arrow__btn.right {
width: 25px;
height: 25px;
}
.contents__item.participant {
max-width: 273px;
}
#bgfff::before {
top: -67px;
left: 50%;
transform: translateX(-50%);
width: 147px;
height: 170px;
}
#bgfff::after {
width: 124px;
height: 97px;
top: -96px;
}
.goannai {
margin: 40px auto 0px;
}
.goannai h4 span {
width: 20px;
height: 20px;
margin-right: 10px;
margin-bottom: 3px;
}
.goannai:nth-of-type(2){margin-top: 70px;}
#participant-live.goannai{
margin-top: 0px;
padding-top: 70px;
}
.goannai h4 {
font-size: 18px;
}
#toujitu {
margin: 0 auto 70px;
}
.ta-img.receipt {
max-width: 230px;
}
ul.annai_list {
margin: -15px auto 0;
}
.annai-item {
width: 25%;
}
.annai {
font-size: 14px;
}
.goannai h4 small {
font-size: 12px;
}
.annai.flex span {
display: block;
padding:6px 0px;
}
.btn--wrap .btn a {
width: 271px;
padding: 20px 0;
}
.btn--wrap .btn a.finished{
background: #7e7e7e;
box-shadow: none;
padding: 30px 0;
}
.btn--wrap .btn a.finished img{
width: 80%;
}
#participant {
padding-top: 60px;
padding-bottom: 100px;
}
.camera {
width: 92px;
position: absolute;
right: 8%;
top: -50px;
}
.contents__item.live {
max-width: 284px;
}
.live-attention {
text-align: center;
font-weight: bold;
font-size: 16px;
margin-top: 12px;
margin-bottom: -90px;
color: #ffffff;
}
.live--door {
text-align: center;
max-width: 440px;
height: auto;
margin: 0px auto -45px;
position: relative;
}
.kaisai{padding: 30px 25px;}
.kaisaibi {
width: 88%;
margin: 0 auto;
}
.kaisai .attention {
padding-top: 35px;
font-size: 14px;
}
.contents__item.app {
max-width: 291px;
}
.contact p:nth-of-type(1),
.contact p:nth-of-type(2),
.contact p:nth-of-type(3){
text-align: center;
}
.contact a.tel {
display: inline-block;
width: 200px;
vertical-align: baseline;
}
.simekiri,
.simekiri.esp{
max-width: 299px;
}
.contact__tel--inner h4 {
font-size: 18px;
}
#page_top {
display: inline-block;
position: absolute;
top: -67px;
left: 50%;
transform: translateX(-50%);
width: 126px;
height: 70px;
border-radius: 170px 170px 0 0;
background: #ffffff;
z-index: -1;
text-align: center;
cursor: pointer;
}
#page_top::after{
content: "";
width: 1px;
height:25px;
top: 4px;
}
#page_top a{
color: #000000;
position: absolute;
bottom:6px;
left: 50%;
transform: translateX(-50%);
font-weight: bold;
transition: all .3s;
font-size: 13px;
}
footer{padding-bottom:78px;}
ul.footer_sns {
text-align: center;
margin-bottom: 0px;
}
.foot_sns_btn a {
border:none;
}
.footer_sns li:nth-of-type(2) .foot_sns_btn a,
.footer_sns li:nth-of-type(3) .foot_sns_btn a{
width: 148px;
}
/* padding */
#teacher {
padding-top: 42px;
}
#otanosimi {
padding-top: 65px;
}
#bgfff {
margin-top: 135px;
}
#live {
padding-top: 65px;
padding-bottom: 57px;
}
#application {
padding: 26px 0 32px;
}
.live--door::after{
content:"";
width: 457px;
height: 457px;
position: absolute;
top: 47%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 1;
background: url(img/circle-grade.png) center no-repeat;
background-size: contain;
}
#page_top::before{
left: 47%;
top: 2px;
}
.livesite-item {
max-width: 300px;
margin: 0 auto;
}
#report{
padding-top: 70px;
}
h3.contents__item.report {
width: 200px;
}
}

@media(max-width:599px){
.header__logo {
  width: 50vw;
}
.livesite-item {
max-width: 220px;
margin: 0 auto;
}
.kaisai p {
font-size: 16px;
}
}

.pwa_only{
  display: none!important;
}
@media (display-mode: standalone){
  .pwa_none{
      display: none!important;
  }
  .pwa_only{
      display: block!important;
  }
  
  .pwa_back{
      position: absolute;
      font-size: 10px;
      background: #F0F0F0;
      z-index: 99;
      width: 100%;
      line-height: 1.8;
      top: 0;
      left: 0;
  }
  .pwa_back a{
      color: #000;
      font-family: 'Noto Sans JP', sans-serif;
  }
  
  header{
      top: 15px;
  }
}