@charset "utf-8";



/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　全体　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
body{
	font-size: 18px;
    font-family: 
    "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    overflow-wrap: break-word;
	word-break: normal;
    color: #666;
    margin: 0;
    background-image: url("../img/body_bg.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

p{
    font-family: serif;
    line-height: 150%;
}

img{
	width:auto;
	height: auto;
    max-width:100%;
}

.b{
    font-weight: bold;
}

.big{
    font-size: 33px;
}

.big2{
    font-size: 24px;
}

.big3{
    font-size: 21px;
}

.right_txt{
    text-align: right;
    position: relative;
    right: 5vw;
}

.serif{
    font-family: serif;
}

.u-line{
    text-decoration: underline;
}

.red{
    color: #ff0000;
}

.pink{
    color: #ed757f;
}

.small2{
    font-size: 16px;
}



/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　header　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

header{
    background-image: url("../img/header_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2vh 0;
}

header p{
    text-align: center;
}


/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　session　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.session{
    max-width: 951px;
    margin: 0 auto;
    padding: 3vh 0;
}


/* .session img:hover{
    opacity: 0.5;
    transition: 0.3s;
    transform: scale(0.98)
} */


/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　movie　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.movie{
    max-width: 1080px;
    margin: 0 auto;
    padding: 3vh 0;
    text-align: center;
}

.movie img:first-of-type{
    padding: 1vh 0 6vh;
}

.movie a:nth-of-type(-n+2){
   display: inline-block;
   padding: 0 30px 10px;
}

.border{
   display: inline-block;
   text-align: left;
   border: solid 1px #666;
   border-radius: 3px;
   margin-bottom: 3vh;
   padding: 15px;
}


.movie img:nth-of-type(2){
    display: block;
    margin: 0 auto;
    padding-bottom: 3vh;
}

.movie img:last-child{
    margin: 0 auto;
    padding-bottom: 3vh;
}


.video_box{
    padding: 0 10px 6vh;
    max-width: 920px;
    margin: 0 auto;
     
}

.youtube{
    position: relative;   
  width: 100%;
  padding-top: 56.25%;
}

  .youtube iframe{
    position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　books　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.books{
    background-color: #fff;
    padding: 6vh 0;
    text-align: center;
}

.books img{
    display: block;
    margin: 0 auto;
    padding: 3vh 0;
}

.books img:last-of-type{
    display: inline-block;
    margin: 0 auto;
    padding: 3vh 0;
}

.books img:first-of-type{
    padding-bottom: 0;
}



/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　books2　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.books2{
    padding: 6vh 0;
    text-align: center;
}

.books2 img{
    display: block;
    margin: 0 auto;
    padding: 3vh 0;
}

.books2 img:last-of-type{
    display: inline-block;
    margin: 0 auto;
    padding: 3vh 0;
}

.books2 img:first-of-type{
    padding-bottom: 0;
}



/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　seminar　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.seminar{
    max-width: 1080px;
    margin: 0 auto;
    padding: 4vh 0 6vh;
    text-align: center;
}

.seminar img{
    display: block;
    margin: 0 auto;
    padding: 2vh 0 0;
}

.seminar img:first-of-type{
    padding-bottom: 0;
}

.seminar img:last-of-type{
    display: inline-block;
    margin: 0 auto;
    padding-bottom: 1vh;
}





/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　form_primary　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.form_primary{
    background-image: 
    url("../img/intro-bg-r.png");
    background-position: 85% 10%;
    background-size: 40%;
    background-repeat: no-repeat;
    background-color: #fff;
    margin: 0 auto;
    padding: 4vh 0 0;
    text-align: center;
}

.form_primary p{
    font-size: 20px;
    color: #000000;
}

.form_primary img{
    display: block;
    margin: 0 auto;
    padding-bottom: 1vh;
}
.form_primary img:last-of-type{
    display: block;
    margin: 0 auto;
    padding: 3vh 0;
}

/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　form_secondary　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.form_secondary{
    background-image:url("../img/intro-bg-l.png");
    background-position: 10% 50%;
    background-size: 40%;
    background-repeat: no-repeat;
    background-color: #fff;
    margin: 0 auto;
    padding: 4vh 0 0;
    text-align: center;
}

.form_secondary p{
    font-size: 20px;
    color: #000000;
}
.bg_black p{
    color: #fff;
}

.form_secondary img{
    display: block;
    margin: 0 auto;
    padding-bottom: 1vh;
}

.form_secondary img:last-of-type{
    display: block;
    margin: 0 auto;
    padding: 3vh 0;
}


/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　form_tertiary　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.form_tertiary{
    background-color: #fff;
    margin: 0 auto;
    padding: 4vh 0 0;
    text-align: center;
}

.form_tertiary p{
    font-size: 20px;
    color: #000000;
}

.bg_black p{
    color: #fff;
}

.form_tertiary img{
    display: block;
    margin: 0 auto;
    padding-bottom: 1vh;
}

.form_tertiary img:last-of-type{
    display: block;
    margin: 0 auto;
    padding: 2vh 0 3vh;
}


/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　form_quaternary　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.form_quaternary{
    background-color: #fff;
    margin: 0 auto;
    padding: 12vh 0 6vh;
    text-align: center;
}


.form_quaternary img{
    display: block;
    margin: 0 auto;
    padding-bottom: 3vh;
}



/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　form　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.form_box{
    /* background-color: #fff; */
    margin: 0 auto;
    padding: 5vh 0;
    text-align: center;
    max-width: 800px;    
}

.form_box img{
    display: block;
    margin: 0 auto;
    padding-bottom: 3vh;
}

.form_box_p{
    display: inline-block;
    text-align: center;
    border: solid 1px #666;
    border-radius: 3px;
    margin-top: 3vh;
    margin-bottom: 0.5vh;
    padding: 30px;
    font-size: 18px;
    max-width: 700px;
    
}

.form_box_p p{
    display: inline-block;
    text-align: left;
    line-height: 200%;
}

.form_box_p-under{
    display: inline-block;
    text-align: left;
    border-radius: 3px;
    margin-bottom: 0.5vh;
    padding: 20px 40px;
    font-size: 15px;
    line-height: 155%;
    border: solid #393939 1px;
}

.form_box h3{
    font-size: 35px;
    font-weight: bolder;
    font-family: serif;
    color: #000000;
    line-height: 180%;
    padding: 3vh 0;
}



.form_box_p h4{
    font-size: 30px;
    font-weight: bolder;
    font-family: serif;
    color: #ff0000;
    padding: 2vh 0 5vh;
    text-decoration: underline;
}

.form_box_p h5{
    font-size: 25px;
    font-weight: bolder;
    font-family: serif;
    color: #ff0000;
    padding: 7vh 0 5vh;
}


.form{
    color: #000d3a;
    padding: 4vh 0 2vh;
    }
    
    .form form{
        max-width: 900px;
        margin: 0 auto;
    }
    
    .form-mail p{
        text-align: center;
        font-size: 1.4em;
        margin-bottom: 2%;
    }
    
    form p{
        max-width: 580px;
        margin: 0 auto;
        padding-top: 20px;
        text-align: left;
    }
    
    table{
        width: 70%;
        margin: 0 auto;
    }
    
    table.form-name tr td:first-child,table.form-mail tr td:first-child{
        width:  100%;
    }
   
    input.mail,input.name{
        width:100%;
        padding: 13px;
        margin-bottom: 20px;
        box-sizing: border-box;
        border: solid #666 1px;
        border-radius: 5px;
        font-family: Meiryo;
    }
    
    .btn{
        width:auto;
        height: auto;
        max-width:95%;
        padding-top: 10px;
        margin: 0 auto;
        /* display: inline-block; */
    }
    
    .btn:hover{
        display: inline-block;
        opacity: 0.5;
        transition: 0.3s;
        transform: scale(0.98)
    }
    
    form a{color: #2626ff;
    }


    input::-webkit-input-placeholder {
        color: #d8d8d8;
    }
    
    input::-moz-placeholder {
        color: #d8d8d8;
    }
    
    input:-ms-input-placeholder {
        color: #d8d8d8;
    }

      
/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　point　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.point{
  background-color: #FFFFFF;
    width: auto;
    margin: 0 auto;
    text-align: center;
    padding: 3vh 0;
}



/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　comment_pre　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.comment_pre{
    margin: 0 auto;
    padding: 6vh 0;
}

.comment_pre img{
    display: block;
    margin: 0 auto;
    padding-bottom: 4vh;
}

.comment_pre a img{
    display: inline-block;
}

.pre-box{
    max-width: 500px;
    margin: 0 auto;
}

.comment_pre p{
    text-align: center;
}
.comment_fome{
  background-color: #FFFFFF;
}

/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　footer　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*footer*/
.footer {
    background-color: #231815;
    padding: 10px 0;
    font-size: 0.8em;
    text-align: center;
    color: #fff; }
    .footer ul li {
      display: inline-block;
      padding: 10px; }
      .footer ul li a {
        color: #ea4a57; }

/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■　　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/





@media screen and (min-width: 481px) {
    /*--- 表示領域が768px以上の場合に適用するスタイル ---*/
    a:hover{
            display: inline-block;
            opacity: 0.5;
            transition: 0.3s;
            transform: scale(0.98);
        }
  
  .pc_no{
  display: none;
}
  
}

@media screen and (max-width: 767px) {
    /*--- 表示領域が767px以下の場合に適用するスタイル ---*/  
.sp_no{
  display: none;
}
  
    p{
        padding: 0 3%;
    }

    img{
        max-width: 95%;
        width: auto;
    }

 }/*///media*/
 
 @media screen and (max-width: 640px) {
    /*--- 表示領域が640px以下の場合に適用するスタイル ---*/
    
 }/*///media*/

 @media screen and (max-width: 480px) {

    
    .sp_no{
        display: none;
    }
    .pc_no{
        display: block;
    }


    .session {
        max-width: 95%;
    }

    .box-s{
        max-width:90%; 
        position: relative;
        left: 17px;
        margin: 0 auto;
    }

    .session img{
        width: 45%;
    }

    .movie{
        padding: 1vh 0 3vh;
    }

    .movie p{
        width: 80%;
    }

    .seminar img{
        padding: 3vh 0;
    }

    .entry p{
        width: 80%;
    }

    .entry h3{
        padding: 5vh 0;
    }

    .pre-box a img{
        position: relative;
        left:10px;
    }
   
   .form_box h3{
    font-size: 28px;
    font-weight: bolder;
    font-family: serif;
    color: #000000;
    line-height: 180%;
    padding: 3vh 0;
}
   
   .sp_90{width: 90%;}
   
   
}/*///media*/