/*font-family*/
.jp{font-family: 'Noto Sans JP',sans-serif;}
.en{font-family: 'Roboto', sans-serif;}
.jp-h{font-family: 'a-otf-midashi-go-mb31-pr6n', sans-serif!important; font-weight: 600!important;}
.en-h{font-family: 'soleil', sans-serif; font-weight: normal;}

/*--text-align----------------------*/
.txt-center{
    text-align: center;
}
.txt-left{
    text-align: left;
}
.txt-right{
    text-align: right;
}
/*縦書き*/
.tate{
      -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
    letter-spacing: 0.15em!important;
    line-height: 2.15!important;    
}

/*img*/
img.imgcenter{
    display: block;
    margin: 0 auto;
}
.wh{
    color: #FFFFFF;
}
.bk{
    color: #000000;
}
.or{
    color: #C44500;
}
.br-tl-30{
    border-top-left-radius: 30px;
}
.br-tr-30{
    border-top-right-radius: 30px;
}
.link{
    text-decoration: underline;
    font-weight: 500;
}
.link:hover{
    text-decoration: none;
}

/*--flex----------------------*/
.flex{
    display: flex;
}
.row{
    display: flex;
    flex-flow: wrap;
}
.column{
    display: flex; 
    flex-direction: column;
}
.between{
    justify-content: space-between;
}
.flex.center{
    justify-content: center;
}

.col-2 .clm{
    width: 47%;
}
.col-3 .clm{
    width: 32%;
}
.col-4 .clm{
    width: 23%;
}


@media screen and (max-width:1024px){ 
    
.col-2 .clm{
    width: 100%;
}
    
.col-3 .clm{
    width: 100%;
}
.col-4 .clm{
    width: 47.8%;
}
    
}
/*------------------------------*/
.mt0{
    margin-top: 0!important;
}
.mb0{
    margin-bottom: 0!important;
}
.mr0{
    margin-right: 0!important;
}
.pt0{
    padding-top: 0!important;
}
.pb0{
    padding-bottom: 0!important;
}
.mt1{
    margin-top: 1em!important;
}
.mt2{
    margin-top: 2em!important;
}
.mt3{
    margin-top: 3em!important;
}
.mt4{
    margin-top: 4em!important;
}
.mt5{
    margin-top: 5em!important;
}
.mt6{
    margin-top: 6em!important;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (max-width:640px){ 
.sp_mt1{
    margin-top: 1em!important;
}
.sp_mt2{
    margin-top: 2em!important;
}
.sp_mt3{
    margin-top: 3em!important;
}
.sp_mt4{
    margin-top: 4em!important;
}
}