@charset "utf-8";
/*  link 
-----------------------------------------------------------------------------*/
a { color: #252526;
    transition: all .3s ease-out;
    text-decoration: underline;
 }
a:visited { color: #252526; }

a:hover {
  color: #584C9D;
  text-decoration: none;
}

a img { border: 0; }

/*  font 
-----------------------------------------------------------------------------*/
html { font-size: 62.5%; }
body { font-size:clamp(1.2rem, 1.04166vw, 4rem); } 

.txt14 {
  font-size:clamp(1rem, 0.7291vw, 2.8rem)!important;
}

.txt16 {
  font-size:clamp(1rem, 0.8333vw, 3.2rem)!important;
}

.txt18 {
  font-size:clamp(1rem, 0.9375vw, 3.6rem)!important;
}
.txt20 {
  font-size:clamp(1.2rem, 1.04166vw, 4rem)!important;
}

.txt24{
  font-size:clamp(1.4rem, 1.25vw, 4.8rem)!important;
}
.txt28{
  font-size:clamp(1.4rem, 1.4583vw, 5.6rem)!important;
}
.txt30{
  font-size:clamp(1.6rem, 1.5625vw, 6rem)!important;
}
.txt32{
  font-size:clamp(1.6rem, 1.6666vw, 6.4rem)!important;
}
.txt40{
  font-size:clamp(1.8rem, 2.0833vw, 8rem)!important;
}
.txt60{
  font-size:clamp(2rem, 3.125vw, 12rem)!important;
}
.txt100{
  font-size:clamp(2.6rem, 5.2vw, 12rem)!important;
}

.txt_b { font-weight: bold; }

/*  align
-----------------------------------------------------------------------------*/
.align_r { text-align: right; }
.align_c { text-align: center; }
.align_l { text-align: left; }
.valign_m { vertical-align: middle; }

/*  float 
-----------------------------------------------------------------------------*/
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }

.clearfix:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

@media screen and (min-width:767px) {
  .sp{ display: none!important;}
}
@media screen and (max-width:767px){
  .pc{ display: none!important; }
}

/*SP---------------------------------------------*/
@media screen and (max-width:767px){
body { font-size:1.4rem!important; } 
.txt14 { font-size:1rem!important; }
.txt16 { font-size:1.2rem!important; }
.txt18 { font-size:1.3rem!important; }
.txt20 { font-size:1.4rem!important; }
.txt24 { font-size:1.6rem!important; }
.txt28 { font-size:1.6rem!important; }
.txt30 { font-size:1.6rem!important; }
.txt32 { font-size:1.9rem!important; }
.txt40 { font-size:2.2rem!important; }
.txt60 { font-size:3rem!important; }
.txt100 { font-size:5rem!important; }
}