@charset "utf-8";

* { box-sizing:border-box; }

html {
  font-size:62.5%;/*pxだと10px;*/
}

body {
  margin: 0 auto;
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic,
   "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 1px;
  overflow-x: hidden;
  font-size: 1.4rem;
}

body,html {
  margin: 0;
  padding: 0;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: attr(width) / attr(height);
}

a {
  text-decoration:none !important;
}

b, strong, .bold{
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic,
   "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}

/* IEだけに適応 */
_:lang(x)::-ms-backdrop, .selector {
  font-family: "Segoe UI", Meiryo, sans-serif;
}

input[type=radio] {
    display: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@-moz-document url-prefix(){
  table {
  border-collapse: separate;
}
}

.txt_ss {
  font-size: 1.2rem!important;
}

.txt_s {
  font-size: 1.4rem!important;
}

.txt_l {
  font-size: 2rem!important;
}

.txt_ll {
  font-size: 3.6rem!important;
  line-height: 3rem;
}

.txt_normal {
  font-weight: normal!important;
}

.txt_bold {
  font-weight: bold!important;
}

.txt_black {
  color: #333 !important;
}

.txt_white {
  color: #fff!important;
}

.txt_red {
  color: #ee3434 !important;
}

.txt_orange {
  color: #ffa200 !important;
}

.mt_5 {
  margin-top: 5px !important;
}

.mt_10 {
  margin-top: 10px !important;
}

.mt_15 {
  margin-top: 15px !important;
}

.mt_20 {
  margin-top: 20px !important;
}

.mt_30 {
  margin-top: 30px !important;
}

.mb_5 {
  margin-bottom: 5px !important;
}

.mb_10 {
  margin-bottom: 10px !important;
}

.mb_20 {
  margin-bottom: 20px !important;
}

.mb_30 {
  margin-bottom: 30px !important;
}

.txt_center {
  text-align: center;
}

.txt_right {
  text-align: right;
}

.txt_left {
  text-align: left;
}

.pc {
  display: block!important;
}

.sp {
  display: none!important;
}






/*******************************************************/
/*******************************************************/
/******************** スマホ版表示CSS ********************/
/*******************************************************/
/*******************************************************/


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


body {
  letter-spacing:normal;
}

.pc {
  display: none!important;
}

.sp {
  display: block!important;
}


}