@charset "UTF-8";
/*　変数設定のみを行う
**************************/
/*　基本設定
**************************/
html {
  font-size: 10px; }

/*　@mixin
**************************/
/*　画像
**************************/
img {
  max-width: 100%; }

/* タイトル
**************************/
.ttl-h2 {
  font-weight: normal;
  margin-bottom: 16px;
  text-align: center;
  font-size: 25px;
  font-size: 2.5rem; }

.ttl-h3 {
  font-weight: normal;
  margin-bottom: 24px;
  font-size: 18px;
  font-size: 1.8rem; }

* + .ttl-h3 {
  margin-top: 40px; }

/*　テキスト
**************************/
.text-sm {
  font-size: 12px;
  font-size: 1.2rem; }

.text-red {
  color: #e60012;
  font-weight: bold; }

.text-emphasis {
  font-weight: bold; }

/*　リスト
**************************/
ul {
  padding: 0; }

ul.notice {
  margin-bottom: 0; }
  ul.notice li {
    color: #626262;
    list-style-type: none;
    padding-left: 1.5em;
    text-indent: -1.5em; }
    ul.notice li:before {
      content: '※';
      margin-right: 5px; }

/*　ボタン
**************************/
.btn {
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
  white-space: normal; }

.btn-md {
  height: auto;
  padding: 16px !important;
  width: auto;
  font-size: 16px;
  font-size: 1.6rem; }

.btn-normal {
  background: #fa6218;
  border: none;
  box-shadow: 0 4px 0 0 #c8580d;
  color: #fff !important; }
  .btn-normal:hover, .btn-normal:active {
    background: #e0630f;
    color: #fff; }

.btn-disabled {
  background: #ccc;
  box-shadow: none;
  border: none;
  color: #fff;
  pointer-events: none; }

.btn-layout {
  padding-bottom: 40px; }
  .btn-layout .entry {
    margin-bottom: 40px; }

.btn-basic {
  background-color: #fff;
  border: solid 1px #ccc;
  -webkit-box-shadow: 0px 2px 0px 0px #ccc;
  -moz-box-shadow: 0px 2px 0px 0px #ccc;
  box-shadow: 0px 2px 0px 0px #ccc;
  color: #27b;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 11px 22px;
  max-width: 100%;
  white-space: normal; }
  .btn-basic:visited, .btn-basic:focus {
    -webkit-box-shadow: 0px 2px 0px 0px #ccc;
    -moz-box-shadow: 0px 2px 0px 0px #ccc;
    box-shadow: 0px 2px 0px 0px #ccc; }

.bc-01 {
  background-color: #f5f2ed; }

.bc-02 {
  background-color: #FFB3D2; }

.tc-01 {
  background-color: #f5f2ed;
  border-radius: 0 16px 16px 0;
  color: #222;
  display: inline-block;
  font-size: 14px;
  margin: 0 0 16px -16px;
  padding: 8px 16px; }

.txt_w-cahnce {
  margin: 0 2px; }

.btn-form {
  background: #222;
  border: none;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
  min-height: 56px;
  padding: 16px;
  text-decoration: none;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle; }

.btn-form-end {
  background-color: #222;
  border-radius: 12px;
  color: #fff;
  padding: 16px; }
