﻿@charset "utf-8";

/*** PC ***/
body{
background:#d34448!important;
color: #fff!important;
}

h1{
  font-size: 48px!important;
  line-height: 54px!important;
  font-weight: bold!important;
  padding-bottom: 15px!important;
  letter-spacing: 0.1em;
  font-family: 'Cherry Bomb One';
}

.text{
  text-align:center!important;
}

.link a{
  color: #fff!important;
  }

body main{
/*background-image: url(../images/bg.png);*/
width: 100%!important;
padding-top: 50px!important;
padding-bottom: 50px!important;
background-position: center;
background-size: 100% auto;
}

body main article section.generalpurpose p{
font-size: 16px!important;
line-height: 28px!important;
}


h2{
  font-size: 22px!important;
  line-height: 30px!important;
  font-weight: bold!important;
  padding-bottom: 15px!important;
}



/* 補足情報 */
.hosoku{
font-size:12px!important;
line-height:14px!important;
}

/* 補足情報 */
.tuyoku{
font-size:18px!important;
line-height:28px!important;
font-weight: bold!important;
color: #f6d000;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  text-align: center;
}

.sticky p{
display: flex;
}


.btn-flat-border {
          background: #d34448;
          display: inline-block;
          padding: 10px 0px;
          margin: 0px;
          text-decoration: none;
          color: #ffffff!important;
          border: solid 2px #d34448;
          border-radius: 40px;
          transition: .4s;
          width: 100%;
          text-align: center;
          font-weight: bold;
          font-size: 20px;
}

.btn-flat-border:hover {
          background: #d34448;
          color: #ffffff!important;
          width: 100%;
          text-align: center;
          text-decoration: none;
          font-weight: bold;
}

.btn-flat-border2 {
  background: #393939;
  display: inline-block;
  padding: 10px 0px;
  margin: 0px;
  text-decoration: none;
  color: #ffffff!important;
  border: solid 2px #393939;
  border-radius: 40px;
  transition: .4s;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}

.btn-flat-border2:hover {
  background: #393939;
  color: #ffffff!important;
  width: 100%;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}

/* 蛍光ペン風 */
        .under1 {
          background: linear-gradient(transparent 50%, #d34448 50%);
          color: #ffffff!important;
        }

        /* リンク色 */
          .linkcolor {
          color: #000!important;
          }
