@charset "UTF-8";

/*=============================================================================

共通

=============================================================================*/
* {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

html {
  -webkit-font-smoothing: antialiased;
  /* safariちらつき回避 */
}

/*
 * 共通CSS
 */
/*---  Font  ---*/
@font-face {
  font-family: "NotoSansJp";
  font-style: "normal";
  font-weight: 400;
  src: url("../fonts/NotoSansJP-Regular.otf") format("opentype");
}

@font-face {
  font-family: "NotoSansJp";
  font-style: "bold";
  font-weight: 700;
  src: url("../fonts/NotoSansJP-Bold.otf") format("opentype");
}

@font-face {
  font-family: "NotoSansJp";
  font-style: "medium";
  font-weight: 500;
  src: url("../fonts/NotoSansJP-Medium.otf") format("opentype");
}

@font-face {
  font-family: "arial";
  /* font-style: "bold";
  font-weight: 700; */
  src: url("../fonts/Arial-Bold.ttf") format("truetype");
}

body {
  font-family: "NotoSansJp", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #151515;
  width: 100%;
  font-size: 16px;
  position: relative;
  min-height: 100vh;
}

.arial{
  font-family: "arial";
}

.mainContent {
  z-index: 99;
  background-color: #B8D596;
}

.container {
  padding-bottom: 50px;
  max-width: 375px;
  margin: auto;
  z-index: 99;
  width: 90%;
}

button:focus {
  outline: 0;
}

button:hover {
  opacity: 0.8;
  transition: 0.3s;
}

img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.full_img {
  max-width: unset;
  width: 100%;
}

a {
  color: #151515;
  position: relative;
  text-decoration: none;
  transition: all 0.3s linear;
}

a:hover {
  text-decoration: none;
  /* color: #aaa; */
  opacity: 0.8;
}

a:focus {
  text-decoration: none;
  /* color: #aaa; */
}

a img{
  transition: all 0.3s linear;
}

a:hover img {
  opacity: 0.8;
}

.relative_area {
  position: relative;
}

.font_hn {
  font-family: "はんなり明朝", "游明朝", "Yu Mincho", "YuMincho";
}

.font_hn > div,
.font_hn .btn_row_text {
  padding-bottom: 6px;
}

.mac .font_hn > div,
.mac .font_hn .btn_row_text {
  padding-bottom: 1px;
}

.android .font_hn > div,
.android .font_hn .btn_row_text {
  padding-bottom: 1px;
}

.iphone .font_hn > div,
.iphone .font_hn .btn_row_text {
  padding-bottom: 1px;
}

.font_hiragino {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

.font_yu_gothic {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", sans-serif;
}

.common_width {
  max-width: 1200px;
  width: 90%;
  margin: auto;
}

.common_midwidth {
  max-width: 1400px;
  width: 90%;
  margin: auto;
}

.common_bigwidth {
  max-width: 1600px;
  width: 90%;
  margin: auto;
}

.btn_primary {
  border: 3px solid #c72b39;
  border-radius: 10px;
  background: #fff;
}

.imgPC {
  display: block;
}

.imgSP {
  display: none;
}

img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

p {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

a[disabled], button[disabled] {
  pointer-events: none;
  cursor: default;
}

/*/////////////////*/
/*/////SP-area/////*/
/*/////////////////*/
@media screen and (min-width: 1025px) and (max-width: 1200px) {
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
}

@media screen and (max-width: 767px) {
  .imgPC {
    display: none;
  }

  .imgSP {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}