/* ローディング
------------------------------------------------------------ */ 

#loading {

  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #0bd;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}


/* スピナー
------------------------------------------------------------ */ 

.spinner1 {
  margin: 350px auto;
  font-size: 18px;
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}


/* コンテンツ部分の装飾 */
.gallery {
  display: grid;
  gap: .5rem;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
img {
  max-width: 100%;
  object-fit: cover;
}

.loaded {
  opacity: 0;
  visibility: hidden;
}
 
 
/* トップアニメーション
------------------------------------------------------------ */ 
 
.abox{   
    position: relative;
    margin-bottom: -70px;
} 

.anime {
    width: 100%;
    height: 100vh;
    position: relative;
    top: -70px;
    margin-bottom: -70px;
    object-position: center;
    object-fit: cover;
}

video{
width: 100%;
height: 100vh;
object-position: center;
object-fit: cover;
}


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

.abox{   
    position: relative;
    margin-bottom: -70px;
} 

.anime {
width: 100%;
height: 95vh;
top: -70px;
margin-bottom: -70px;
margin:0 auto;
object-position: center;
object-fit: cover;

}

video{
width: 100%;
height: 95vh;
top:-90px;
object-position: center;
object-fit: cover;
}
}
 
.mainSite {
 width: 100%;
 margin:0;
 padding:0;
}



@media screen and (max-width: 770px){
.header-logo img, .modal-header-logo img {
    max-height: 50px;
    width: auto;
    z-index: 999;
}
}


/* トップページの見出しタイトル
------------------------------------------------------------ */

div.toppage_title{
max-width:100%;
margin:0 auto;

}

h2.topptitle {
     width:80%;
     font-family: 'Josefin Sans', sans-serif;
     font-size:3rem;
     position: relative;    
     padding-bottom: 0.2em;
     border-bottom: 4px solid #DDD;
     margin:30px auto 0 auto;
     font-weight:400;
}
 
h2.topptitle::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #0862a9;
     bottom: -4px;
     width:15%;
     display: block;
}

h2.topptitle2 {
     width:80%;
     font-family: 'Josefin Sans', sans-serif;
     font-size:3rem;
     position: relative;    
     padding-bottom: 0.2em;
     border-bottom: 4px solid #DDD;
     margin:40px auto 0 auto;
     font-weight:400;
}
 
h2.topptitle2::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #0862a9;
     bottom: -4px;
     width:15%;
     display: block;
}

h2.topptitle3 {
     width:90%;
     font-family: 'Josefin Sans', sans-serif;
     font-size:3rem;
     position: relative;    
     padding-bottom: 0.2em;
     border-bottom: 4px solid #DDD;
     margin:40px auto 20px auto;
     font-weight:400;
}
 
h2.topptitle3::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #0862a9;
     bottom: -4px;
     width:15%;
     display: block;
}

h2.topptitle4 {
    width:90%;
    font-family: 'Josefin Sans', sans-serif;
    font-size:3rem;
    position: relative;    
    padding-bottom: 0.2em;
    border-bottom: 4px solid #DDD;
    margin:50px auto 20px auto;
    font-weight:400;
}

h2.topptitle4::after {
    position: absolute;
    content: " ";
    border-bottom: solid 4px #0862a9;
    bottom: -4px;
    width:15%;
    display: block;
}

@media screen and (max-width: 991px)and (min-width: 770px){

div.topppage_title{
max-width:100%;
margin:0 auto;
}

h2.topptitle {
     width:85%;
     font-family: 'Josefin Sans', sans-serif;
     font-size:2.5rem;
     position: relative;    
     padding-bottom: 0.2em;
     border-bottom: 4px solid #DDD;
     margin:20px auto 0 auto;
     font-weight:400;
}
 
h2.topptitle::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #0862a9;
     bottom: -4px;
     width:15%;
     display: block;
}

h2.topptitle2 {
     width:85%;
     font-family: 'Josefin Sans', sans-serif;
     font-size:2.5rem;
     position: relative;    
     padding-bottom: 0.2em;
     border-bottom: 4px solid #DDD;
     margin:30px auto 0 auto;
     font-weight:400;
}
 
h2.topptitle2::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #0862a9;
     bottom: -4px;
     width:15%;
     display: block;
}

h2.topptitle3 {
     width:85%;
     font-family: 'Josefin Sans', sans-serif;
     font-size:2.5rem;
     position: relative;    
     padding-bottom: 0.2em;
     border-bottom: 4px solid #DDD;
     margin:20px auto 20px auto;
     font-weight:400;
}
 
h2.topptitle3::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #0862a9;
     bottom: -4px;
     width:15%;
     display: block;
}
h2.topptitle4 {
    width:85%;
    font-family: 'Josefin Sans', sans-serif;
    font-size:2.5rem;
    position: relative;    
    padding-bottom: 0.2em;
    border-bottom: 4px solid #DDD;
    margin:30px auto 0 auto;
    font-weight:400;
}

h2.topptitle4::after {
    position: absolute;
    content: " ";
    border-bottom: solid 4px #0862a9;
    bottom: -4px;
    width:15%;
    display: block;
}
}

@media screen and (max-width: 769px) and (min-width: 481px) {

div.topppage_title{
max-width:85%;
padding:0;
margin:0 auto;
}


h2.topptitle {
     width:93%;
     font-family: 'Josefin Sans', sans-serif;
     font-size:2.3rem;
     position: relative;   
     padding-bottom: 0.2em;
     border-bottom: 4px solid #DDD;
     margin:20px auto 0 auto;
     font-weight:400;
}
 
h2.topptitle::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #0862a9;
     bottom: -4px;
     width:15%;
     display: block;
}

h2.topptitle2 {
     width:93%;
     font-family: 'Josefin Sans', sans-serif;
     font-size:2.3rem;
     position: relative;   
     
     padding-bottom: 0.2em;
     border-bottom: 4px solid #DDD;
     margin:30px auto 0 auto;
     font-weight:400;
}
 
h2.topptitle2::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #0862a9;
     bottom: -4px;
     width:15%;
     display: block;
}

h2.topptitle3 {
     width:93%;
     font-family: 'Josefin Sans', sans-serif;
     font-size:2.3rem;
     position: relative;   
     padding-top:30px;
     padding-bottom: 0.2em;
     border-bottom: 4px solid #DDD;
     margin:0 auto;
     font-weight:400;
}
 
h2.topptitle3::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #0862a9;
     bottom: -4px;
     width:15%;
     display: block;
}
h2.topptitle4 {
    width:93%;
    font-family: 'Josefin Sans', sans-serif;
    font-size:2.3rem;
    position: relative;   

    padding-bottom: 0.2em;
    border-bottom: 4px solid #DDD;
    margin:20px auto 0 auto;
    font-weight:400;
}

h2.topptitle4::after {
    position: absolute;
    content: " ";
    border-bottom: solid 4px #0862a9;
    bottom: -4px;
    width:15%;
    display: block;
}
}

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

div.topppage_title{
max-width:85%;
padding:0;
margin:0 auto;
}

h2.topptitle {
     width:98%;
     font-family: 'Josefin Sans', sans-serif;
     font-size:2.2rem;
     position: relative;  
     
     padding-bottom: 0.2em;
     border-bottom: 4px solid #DDD;
     margin:30px auto 0 auto;
     font-weight:400;
}


 
h2.topptitle::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #0862a9;
     bottom: -4px;
     width:15%;
     display: block;
}

h2.topptitle2 {
     width:98%;
     font-family: 'Josefin Sans', sans-serif;
     font-size:2.2rem;
     position: relative;  
     
     padding-bottom: 0.2em;
     border-bottom: 4px solid #DDD;
     margin:30px auto 0 auto;
     font-weight:400;
}


 
h2.topptitle2::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #0862a9;
     bottom: -4px;
     width:15%;
     display: block;
}

h2.topptitle3 {
     width:95%;
     font-family: 'Josefin Sans', sans-serif;
     font-size:2.2rem;
     position: relative;  
     padding-top:30px;
     padding-bottom: 0.2em;
     border-bottom: 4px solid #DDD;
     margin:0 auto;
     font-weight:400;
}


 
h2.topptitle3::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #0862a9;
     bottom: -4px;
     width:15%;
     display: block;
}

h2.topptitle4 {
    width:95%;
    font-family: 'Josefin Sans', sans-serif;
    font-size:2.2rem;
    position: relative;  

    padding-bottom: 0.2em;
    border-bottom: 4px solid #DDD;
    margin:25px auto 5px auto;
    font-weight:400;
}

h2.topptitle4::after {
    position: absolute;
    content: " ";
    border-bottom: solid 4px #0862a9;
    bottom: -4px;
    width:15%;
    display: block;
}
}

/************************************
** Magazineカードデッキ
************************************/
div.magazine-deck {
    max-width: 90%;
    margin: 0 auto;
    padding: 30px 0 30px 0;
}

@media screen and (max-width: 1080px) and (min-width: 870px) {
    div.magazine-deck {
        max-width: 90%;
        margin: 0 auto;
        padding: 30px 0 30px 0;
    }
}

@media screen and (max-width: 869px) and (min-width: 576px) {
    div.magazine-deck {
        width: 90%;
        margin: 0 auto;
        padding: 30px 0 30px 0;
    }
}

@media screen and (max-width: 575px) and (min-width: 521px) {
    div.magazine-deck {
        width: 85%;
        margin: 0 auto;
        padding: 30px 0 30px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}

@media screen and (max-width: 520px) {
    div.magazine-deck {
        width: 85%;
        margin: 0 auto;
        padding: 30px 0 30px 0;
    }
}

/* トップページ　Main
------------------------------------------------------------ */

section.def{
width:100%;
padding:0;
margin:0;
}

section.defb{
width:100%;
padding:10px 0 15px 0;
margin:15px 0 15px 0;
background:#e5f4f9;
}


@media screen and (min-width: 992px){

.homerinenbox1{
position: relative;
width: 100%;
margin-bottom: -210px;
}

.homerinenbox2{
position: relative;
width: 100%;
margin-bottom: -170px;
}

h2.homerinentitle{
font-family: '游ゴシック';
font-size:2.6rem;
color:#0862a9;
font-weight:600;

}

.homeimgbox{
width: 100%;
margin-bottom: -180px;
}

.homeimgbox2{
width: 100%;
height:auto;
}

.homeimgbox img{
width: 100%;
height:auto;
}


.hometext{
position: relative;
top:-180px;
left:70px;
width:55%;
background:#fff;
border:2px solid #fff;
height:160px;
padding:20px 20px 20px 40px;
opacity: 0.8;
}

.hometext2{
position: relative;
top:-100px;
left:70px;
width:70%;
background:#fff;
border:2px solid #fff;
height:160px;
padding:20px 20px 20px 40px;
opacity: 0.9;
}

.hometextright{
position: relative;
top:-230px;
left:120px;
width:800px;
background-image: linear-gradient(#b3e7f2, #fff);

height:150px;
padding:15px;
opacity: 0.9;
}

.hometextright2{
position: relative;
top:-160px;
left:120px;
width:800px;
background-image: linear-gradient(#b3e7f2, #fff);

height:150px;
padding:15px;
opacity: 0.9;
}



span.homeenglish2{
font-family: 'Josefin Sans', sans-serif;
font-family: 'PT Serif', serif;
font-size:2rem;
color:#000;
}

span.homeenglish22{
font-family: 'Josefin Sans', sans-serif;
font-family: 'PT Serif', serif;
font-size:2rem;
color:#000;
}

div.homeenglish222{
font-family: 'PT Serif', serif;
font-size:2.5rem;
font-weight:400;
line-height: 2;
color:#000;
}

div.homeenglish2222{
font-family: 'PT Serif', serif;
font-size:2.5rem;
font-weight:400;
line-height: 2;
color:#000;
margin-top:30px;
}

.hometextb{
font-weight:500;
color:#000;
}

.hometextc{
font-size:3rem;
font-weight:500;
color:#000;
}
}


@media screen and (max-width: 991px)and (min-width: 770px){

h2.homerinentitle{
font-family: 'Noto Sans JP', sans-serif;
font-size:2.5rem;
color:#0862a9;
font-weight:600;

}

.homerinenbox1{
position: relative;
width: 100%;
margin-bottom:-140px;
}

.homerinenbox2{
position: relative;
width: 100%;
margin-bottom:-160px;
}

.homeimgbox{
width: 100%;
height:auto;
margin-bottom: -160px;
}

.homeimgbox2{
width: 100%;
height:auto;
margin-bottom: 180px;
}

.homeimgbox img{
width: 100%;
height:auto;
}

.hometext{
position: relative;
top:-120px;
left:30px;
width:80%;
background:#fff;
border:2px solid #fff;
height:170px;
padding:15px;
opacity: 0.8;
color:#000;
}

.hometext2{
position: relative;
top:-100px;
left:100px;
width:80%;
background:#fff;
border:2px solid #fff;
height:170px;
padding:15px;
opacity: 0.8;
color:#000;
}

.hometextright{
position: relative;
top:-180px;
left:100px;
width:80%;
background-image: linear-gradient(#b3e7f2, #fff);
border:2px solid #fff;
height:150px;
padding:15px;
opacity: 0.8;
}

.hometextright2{
position: relative;
top:-180px;
left:90px;
width:80%;
background-image: linear-gradient(#b3e7f2, #fff);
border:2px solid #fff;
height:150px;
padding:15px;
opacity: 0.8;
}


span.homeenglish2{
font-family: 'Josefin Sans', sans-serif;
font-family: 'PT Serif', serif;
font-size:2rem;
color:#000;
}

span.homeenglish22{
font-family: 'Josefin Sans', sans-serif;
font-family: 'PT Serif', serif;
font-size:2rem;
color:#000;
}

div.homeenglish222{
font-family: 'Josefin Sans', sans-serif;
font-family: 'PT Serif', serif;
font-size:2rem;
color:#fff;
}

.hometextb{
color:#000;
}
}

@media screen and (max-width: 769px) and (min-width: 481px) {

h2.homerinentitle{
font-family: 'Noto Sans JP', sans-serif;
font-size:2rem;
color:#0862a9;
font-weight:600;
margin-top:3px;
}

h2.homerinentitle2{
font-family: 'Noto Sans JP', sans-serif;
font-size:2rem;
color:#0862a9;
font-weight:600;
margin-top:3px;
}

.homerinenbox1{
position: relative;
width: 100%;
margin-bottom:-50px;
}

.homerinenbox2{
position: relative;
width: 100%;
margin-bottom:-50px;
}

.homeimgbox{
width: 100%;
height:auto;
margin-bottom: 100px;
}

.homeimgbox2{
width: 100%;
margin-bottom: 600px;
}

.homeimgbox img{
width: 100%;
height:auto;
}

.hometext{
position: relative;
top:-70px;
left:20px;
width:90%;
background:#fff;
border:2px solid #fff;
height:120px;
padding:15px;
opacity: 0.8;
color:#000;
}

.hometext2{
position: relative;
top:-30px;
left:20px;
width:90%;
background:#fff;
border:2px solid #fff;
height:130px;
padding:15px;
opacity: 0.8;
}

.hometextright{
position: relative;
top:-90px;
left:20px;
width:90%;
background-image: linear-gradient(#b3e7f2, #fff);
height:150px;
padding:15px;
opacity: 0.8;
}

.hometextright2{
position: relative;
top:-50px;
left:20px;
width:90%;
background:#fff;
border:2px solid #fff;
height:150px;
padding:15px;
opacity: 0.8;
}


span.homeenglish2{
font-family: 'Josefin Sans', sans-serif;
font-family: 'PT Serif', serif;
font-size:1.8rem;
color:#000;
}

span.homeenglish22{
font-family: 'Josefin Sans', sans-serif;
font-family: 'PT Serif', serif;
font-size:1.8rem;
color:#000;
}

div.homeenglish222{
font-family: 'Josefin Sans', sans-serif;
font-family: 'PT Serif', serif;
font-size:2.5rem;
color:#fff;
}

.hometextb{
color:#000;
}
}

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

h2.homerinentitle{
font-family: 'Noto Sans JP', sans-serif;
font-size:2rem;
color:#0862a9;
font-weight:600;
}

h2.homerinentitle2{
font-family: 'Noto Sans JP', sans-serif;
font-size:1.7rem;
color:#0862a9;
font-weight:600;
}

.homerinenbox1{
position: relative;
width: 100%;
margin-bottom:-30px;
}

.homerinenbox2{
position: relative;
width: 100%;
margin-bottom:-20px;
}

.homeimgbox{
width: 100%;
height:auto;
margin-bottom: 80px;
}

.homeimgbox2{
width: 100%;
margin-bottom: 800px;
}

.homeimgbox img{
width: 100%;
height:auto;
}

.hometext{
position: relative;
top:-50px;
left:10px;
width:95%;
background:#fff;
border:2px solid #fff;
height:120px;
padding:10px;
opacity: 0.8;
color:#000;
}

.hometext2{
position: relative;
top:-30px;
left:10px;
width:95%;
background:#fff;
border:2px solid #fff;
height:70px;
padding:10px;
opacity: 0.8;
}

.hometextright{
position: relative;
top:-90px;
left:10px;
width:95%;
background-image: linear-gradient(#b3e7f2, #fff);
height:150px;
padding:10px;
opacity: 0.8;
}

.hometextright2{
position: relative;
top:-30px;
left:10px;
width:95%;
background:#fff;
border:2px solid #fff;
height:150px;
padding:10px;
opacity: 0.8;
}


span.homeenglish2{
font-family: 'Josefin Sans', sans-serif;
font-family: 'PT Serif', serif;
font-size:1.7rem;
color:#000;
}

span.homeenglish22{
font-family: 'Josefin Sans', sans-serif;
font-family: 'PT Serif', serif;
font-size:1.5rem;
color:#000;
}

div.homeenglish222{
font-family: 'Josefin Sans', sans-serif;
font-family: 'PT Serif', serif;
font-size:2rem;
color:#fff;
}

.hometextb{
color:#000;
}
}


/* ニュースデッキ
------------------------------------------------------------ */

.news{
width: 90%;
margin:0 auto;
}

.card.cate_news {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0 0px 0px;
  box-shadow: 0 0px 0px;
}

.news_inner {
  width: 90%;
  padding: 10px 20px;
  background:#fff;
  margin:0 auto;
  border-bottom:1px dotted #ccc;
}

.card-text {
  color: #777;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.card-text.number {
  font-size: 1.5rem;
  color: #222;
  text-align: left;
  padding: 0 15px 0 0;
  white-space: nowrap;
  font-weight:600;
}

.card-text.number2 {
  font-size: 1rem;
  color: #40210D;
  text-align: left;
  padding: 0 15px 0 0;
  white-space: nowrap;
}

.card-text a {
  color: #40210D;
  text-decoration: none;
}

.card-text hover {
  text-decoration: underline;
  color: #40210D;
}

.title-box1 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  background-color: #FF6928;
  padding: 4px 6px;
  text-align: center;
}


div.newstitle{
width:100%;
height:50px;
margin:0 auto;


text-align: center;
border-radius: 0 50px 50px 0;
}


h2.news{
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.5rem;
font-weight: 400;
color:#222;
margin:2px 0 0 0;
}

/* Moreボタン(ニュース)
------------------------------------------------------------ */
.more {
    text-align: right;
    margin-right: 50px;
}

/* Servisボタン(ニュース)
------------------------------------------------------------ */
.servis {
    text-align: right;
    padding-top:10px;
}

@media screen and (max-width: 480px)  {
    .more {
        text-align: right;
        margin-right: 10px;
    }
    .servis {
        text-align: right;
        margin-right: 20px;
    }
}
/* ニュース枠線
------------------------------------------------------------ */

.home .content {
    border-top: 0px solid #e2e5e8;
    padding: 30px 0;
}


@media screen and (max-width: 480px)  {
.home .content {
    border-top: 0px solid #e2e5e8;
    padding: 0;
}
}

/* ニュース枠線
------------------------------------------------------------ */

@media screen and (min-width: 768px){
.eb-front-cta-section {
     padding: 40px 0; 
}
}


@media screen and (max-width: 767px)  {
.eb-front-cta-section {
     padding: 40px 0; 
}

}


.covervid-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* カテゴリデッキタイトル
------------------------------------------------------------ */

section.blue{
background:#e5f4f9;

}

h2.cate {
  background: #c2edff;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}


/* カルーセル
------------------------------------------------------------ */

.slick-dots .slick-active button {
	height: 16px;
	width: 16px;
	border: none;
	background-color: transparent;
}


/* Swiper
------------------------------------------------------------ */

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoomUp 10s linear 0s 1 normal both;  
}

.slide-img img{
  display: block;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width: 770px) {
    
  .mo {
      display: none !important;
     
  }

  .tb{
      display: none !important;
  }
  
  .pc {
      display: block !important;
  }
  }



  @media screen and (max-width: 769px) and (min-width: 521px) {
    
  .mo {
      display: none !important;
     
  }

  .tb {
    display: block !important;
}
  
  .pc {
      display: none !important;
  }
  }




@media screen and (max-width: 520px) {
    
  .mo {
      display: block !important;
     
  }

  .tb {
    display: none !important;
}
  
  .pc {
      display: none !important;
  }
}


/* 寄付 実績報告
------------------------------------------------------------ */
.donation_results {
  margin: 30px auto;
}
.donation_results-inner {
  width: 80%;
  margin: 50px auto 30px;
  padding: 30px 20px;
  background-image: url(../image/teireikai_box_bg.png);
  background-repeat: repeat;
}
.donation_results-inner h2 {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 2rem;
}
.donation_results-inner ul {
  width: 90%;
  margin: 0 auto;
}
.donation_results-inner ul li {
  list-style: disc;
  margin-bottom: .7em;
}

@media screen and (max-width: 520px) {
  .donation_results-inner {
    width: 100%;
    margin: 35px auto 30px;
    padding: 30px 20px;
    background-image: url(../image/teireikai_box_bg.png);
    background-repeat: repeat;
  }
  .donation_results-inner h2 {
    font-size: 2rem;
  }
  .donation_results-inner ul li {
    font-size: 1.4rem;
  }
}