@charset "utf-8";
/* CSS Document */

/* Common Parts
---------------------------------------- */
.pc { display: none !important; }
.sp { display: block !important; }
@media (min-width:769px) {
  .pc { display: block !important; }
  .sp { display: none !important; }
}
body {
  margin: 0;
  padding: 0;
	font-family: "Noto Sans JP", sans-serif;
	color: #333;
	font-size: 1rem;
  line-height: 1.5;
  font-display: swap;
}

p {
  margin: 0;
}

.cur{
  cursor: url(https://xoxo.xxxx.jp/cursor.cur), default;
}
.responsive {
  width: 100%;
}

.center {
  text-align: center;
}
.textL {
  text-align: left;
}
.textR {
  text-align: right;
}
.justify {
  text-align: justify;
}
.m05 {
  margin: 0.5rem;
}
.mb1 {
  margin-bottom: 1rem;
}
.mb2 {
  margin-bottom: 2rem;
}
.mb3 {
  margin-bottom: 3rem;
}
.mt1 {
  margin-top: 1rem;
}
.mt2 {
  margin-top: 2rem;
}
.mt3 {
  margin-top: 3rem;
}
.mr1 {
  margin-right: 1rem;
}
.mr05 {
  margin-right: 0.5rem;
}
.pr025 {
  padding-right: 0.25rem;
}
.pr05 {
  padding-right: 0.5rem;
}
.pl025 {
  padding-left: 0.25rem;
}
.pl05 {
  padding-left: 0.5rem;
}

.marker-P-pink {
background: linear-gradient(rgba(255, 255, 255, 0) 60%, #ffd6ff 0%);
}
.marker-blue {
background: linear-gradient(rgba(255, 255, 255, 0) 50%,#CAE9F6 40%);
}
.marker-yellow {
background: linear-gradient(rgba(255, 255, 255, 0) 60%, #ffe600 0%);
}
.kome {
  color: #e8473e;
}

/*?使ってない？*/
.space {
  margin-left: 2.5rem;
}
.saidePadding {
  padding-right: 1rem;
  padding-left: 1rem;
}
.marginL {
  margin-left: -0.5rem;
}

/*topに戻る*/
.pagetop {
  display: none;
  position: fixed;
  z-index: 5;
  bottom: 20px;
  right: 5px;
  line-height: 1;
}
.pagetop a {
  display: block;
  font-size: 1em;
  text-decoration: none;
  width: 70px;/*幅*/
  height: 60px;/*高さ*/
}

.arrow {
  position: fixed;
  bottom: 9px;
  right: 1.8rem;
  width: 25px; /* ボックスの横幅を指定する */
  height: 25px; /* ボックスの高さを指定する */
  border-right: 3px solid #fff; /* 境界線の上部を実線に指定する*/
  transform: rotate(-45deg); /* ボックスを回転させる（右向き矢印） */
}
.arrow2 {
  position: fixed;
  bottom: 9px;
  right: 27px;
  width: 25px; /* ボックスの横幅を指定する */
  height: 25px; /* ボックスの高さを指定する */
  border-right: 3px solid #fff; /* 境界線の上部を実線に指定する*/
  transform: rotate(225deg); 
}
@media (min-width:750px) {
  .pagetop a:hover {
    color: #295782;
    opacity: 0.6;
    transition: .5s;
  }
  .arrow {
    bottom: 2rem;
    right: 1.8rem;
    border-right: 3px solid #2660ac;
  }
.arrow2 {
    bottom: 2rem;
    right: 27px;
  border-right: 3px solid #2660ac;
  }
}