@charset "UTF-8";
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* line 31, app/assets/stylesheets/sp_redesign.css.scss */
* {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  color: #333;
  letter-spacing: 0.95px;
}

/* line 37, app/assets/stylesheets/sp_redesign.css.scss */
* a {
  text-decoration: none;
}

/* line 42, app/assets/stylesheets/sp_redesign.css.scss */
.button {
  border: 1px solid gray;
  padding: 10px;
}

/* line 48, app/assets/stylesheets/sp_redesign.css.scss */
#error_explanation {
  border: 1px solid #D0021B;
  margin: 15px 0 0;
  padding: 15px 20px;
}

/* line 52, app/assets/stylesheets/sp_redesign.css.scss */
#error_explanation h2 {
  color: #D0021B;
  font-size: 16px;
}

/* line 57, app/assets/stylesheets/sp_redesign.css.scss */
#error_explanation ul li {
  font-size: 16px;
  color: #D0021B;
}

/* line 66, app/assets/stylesheets/sp_redesign.css.scss */
.navi-spacer {
  height: 80px;
}

/* line 70, app/assets/stylesheets/sp_redesign.css.scss */
.default-padding {
  background-color: white;
  padding: 60px 20px 50px;
}

@media screen and (min-width: 1024px) {
  /* line 70, app/assets/stylesheets/sp_redesign.css.scss */
  .default-padding {
    padding: 40px 50px 50px;
  }
}

/* line 79, app/assets/stylesheets/sp_redesign.css.scss */
.bg-white {
  background-color: white;
}

/* line 83, app/assets/stylesheets/sp_redesign.css.scss */
.pc {
  padding: 79px 0;
}

@media screen and (min-width: 769px), print {
  /* line 83, app/assets/stylesheets/sp_redesign.css.scss */
  .pc {
    padding: 65px 0;
  }
}

/* line 89, app/assets/stylesheets/sp_redesign.css.scss */
.pc .main_image_container {
  background-color: white;
}

@media screen and (min-width: 769px), print {
  /* line 89, app/assets/stylesheets/sp_redesign.css.scss */
  .pc .main_image_container {
    margin-bottom: 20px;
  }
}

/* line 93, app/assets/stylesheets/sp_redesign.css.scss */
.pc .main_image_container .inner {
  padding: 0 0 20px;
  margin: 40px auto 10px;
  position: relative;
  width: 1010px;
}

/* line 98, app/assets/stylesheets/sp_redesign.css.scss */
.pc .main_image_container .inner span {
  color: #97bc3f;
  font-size: 17px;
}

/* line 105, app/assets/stylesheets/sp_redesign.css.scss */
.pc .main_image_container .oNavi {
  top: 0;
}

/* line 110, app/assets/stylesheets/sp_redesign.css.scss */
.pc .main_image_container p {
  font-size: 14px;
  text-align: center;
}

/* line 114, app/assets/stylesheets/sp_redesign.css.scss */
.pc .main_image_container .hasunoha_main_image_pc {
  display: block;
  width: 900px;
  margin: 0 auto;
}

/* line 119, app/assets/stylesheets/sp_redesign.css.scss */
.pc .main_image_container .mCirclePC {
  position: absolute;
  top: 20px;
  right: 30px;
}

/* line 126, app/assets/stylesheets/sp_redesign.css.scss */
.pc .oneColumn {
  width: 100%;
}

/* line 128, app/assets/stylesheets/sp_redesign.css.scss */
.pc .oneColumn .pPage {
  padding-top: 0;
}

/* line 131, app/assets/stylesheets/sp_redesign.css.scss */
.pc .oneColumn .oH2Spaced, .pc .oneColumn .oH2WithText {
  padding: 50px 50px 10px;
}

/* line 134, app/assets/stylesheets/sp_redesign.css.scss */
.pc .oneColumn .oForm {
  padding: 10px 50px 10px;
}

/* line 137, app/assets/stylesheets/sp_redesign.css.scss */
.pc .oneColumn .oDocs {
  padding: 10px 50px 50px;
}

/* line 143, app/assets/stylesheets/sp_redesign.css.scss */
.pcMain {
  width: 1010px;
  display: flex;
  margin: 0 auto;
}

/* line 147, app/assets/stylesheets/sp_redesign.css.scss */
.pcMain .leftColumn {
  width: 700px;
  margin-right: 20px;
}

/* line 151, app/assets/stylesheets/sp_redesign.css.scss */
.pcMain .rightColumn {
  margin-top: 65px;
  width: 300px;
}

@media screen and (min-width: 769px), print {
  /* line 155, app/assets/stylesheets/sp_redesign.css.scss */
  .pcMain .rightColumn .oH2Spaced, .pcMain .rightColumn .oH2WithText {
    font-size: 17px;
  }
}

/* line 163, app/assets/stylesheets/sp_redesign.css.scss */
.pTrueTop .rightColumn {
  margin-top: 0;
}

/* line 169, app/assets/stylesheets/sp_redesign.css.scss */
a {
  color: #333;
}

/* line 173, app/assets/stylesheets/sp_redesign.css.scss */
ul {
  list-style-type: none;
}

/* line 177, app/assets/stylesheets/sp_redesign.css.scss */
.mt {
  margin-top: 10px;
}

/* line 181, app/assets/stylesheets/sp_redesign.css.scss */
.mt2 {
  margin-top: 20px;
}

/* line 185, app/assets/stylesheets/sp_redesign.css.scss */
.yu-mincho, .oPickup h1, .mCommentBox .comment, .mSocialButton p, .mPickupAllRow h3, .mPickupRow h3, .aLineWithTextL, .aOkimochiButton, .aThanksButton, .aThanksDoneButton {
  font-family: "Yu Mincho", "YuMincho" !important;
}

/* line 189, app/assets/stylesheets/sp_redesign.css.scss */
.attention_text {
  color: #f57474;
  font-weight: bold;
}

/* line 194, app/assets/stylesheets/sp_redesign.css.scss */
.error_text {
  margin-bottom: 5px;
  color: #D0021B;
}

/* line 209, app/assets/stylesheets/sp_redesign.css.scss */
.sub_text, .sub-text {
  font-size: 15px;
  line-height: 1.6;
  color: #4a4a4a;
}

/* line 203, app/assets/stylesheets/sp_redesign.css.scss */
.sub_text a, .sub-text a {
  font-size: 15px;
}

/* line 213, app/assets/stylesheets/sp_redesign.css.scss */
.light_green {
  color: #b9d47d !important;
}

/* line 217, app/assets/stylesheets/sp_redesign.css.scss */
.dark_green {
  color: #4f6d07 !important;
}

/* line 221, app/assets/stylesheets/sp_redesign.css.scss */
.pink {
  color: #f57474 !important;
}

/* line 225, app/assets/stylesheets/sp_redesign.css.scss */
.button_orange {
  background: orange;
}

/* line 228, app/assets/stylesheets/sp_redesign.css.scss */
.button_green {
  background: #97BC3F;
}

/* line 231, app/assets/stylesheets/sp_redesign.css.scss */
.button_pink {
  background: #fb9292;
}

/* line 234, app/assets/stylesheets/sp_redesign.css.scss */
.button_blue {
  background: #4e87a9;
}

/* line 238, app/assets/stylesheets/sp_redesign.css.scss */
.cousion_box {
  border: 1px solid #f57474;
  color: #f57474;
  font-size: 15px;
  padding: 15px;
  margin-top: 10px;
}

@media screen and (min-width: 1024px) {
  /* line 246, app/assets/stylesheets/sp_redesign.css.scss */
  .sp-only {
    display: none;
  }
}

/* line 252, app/assets/stylesheets/sp_redesign.css.scss */
.mgn_t, .mgn-t {
  margin-top: 20px !important;
}

/* line 256, app/assets/stylesheets/sp_redesign.css.scss */
.mgn-tx {
  margin-top: 40px !important;
}

/* line 260, app/assets/stylesheets/sp_redesign.css.scss */
.mgn_b, .mgn-b {
  margin-bottom: 20px !important;
}

/* line 264, app/assets/stylesheets/sp_redesign.css.scss */
.mgn-v {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

/* line 269, app/assets/stylesheets/sp_redesign.css.scss */
.mgn-h {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

/* line 274, app/assets/stylesheets/sp_redesign.css.scss */
.mgn-hx {
  margin-left: 20px;
  margin-right: 20px;
}

/* line 279, app/assets/stylesheets/sp_redesign.css.scss */
.mgn_r, mgn-r {
  margin-right: 15px !important;
}

/* line 283, app/assets/stylesheets/sp_redesign.css.scss */
.mgn_l, mgn-l {
  margin-left: 15px !important;
}

/* line 287, app/assets/stylesheets/sp_redesign.css.scss */
.center {
  text-align: center;
  margin: 0 auto;
  justify-content: center;
}

/* line 293, app/assets/stylesheets/sp_redesign.css.scss */
.right {
  text-align: right;
}

/* line 297, app/assets/stylesheets/sp_redesign.css.scss */
iframe {
  border: none;
}

/* line 302, app/assets/stylesheets/sp_redesign.css.scss */
.check_list, .mCheckMarkList ul {
  list-style-image: url(/assets/sp_redesign/ico_check-d804030ef5d788cee63b657cc1a8a5876437e286edc7d45791b9a7a548d30265.svg);
  margin-left: 20px;
}

/* line 305, app/assets/stylesheets/sp_redesign.css.scss */
.check_list li, .mCheckMarkList ul li {
  margin-bottom: 10px;
  font-size: 17px;
}

/* line 311, app/assets/stylesheets/sp_redesign.css.scss */
.dot_list {
  list-style-type: disc;
  margin-left: 25px;
}

/* line 316, app/assets/stylesheets/sp_redesign.css.scss */
body {
  background-color: #f8f8f8;
}

/* line 320, app/assets/stylesheets/sp_redesign.css.scss */
.width-100 {
  width: 100%;
}

/* line 341, app/assets/stylesheets/sp_redesign.css.scss */
.flexbox, .mMasterBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

/* line 344, app/assets/stylesheets/sp_redesign.css.scss */
.flexbox.aMainButton:first-child, .aMainButton.mMasterBox:first-child {
  margin-right: 10px;
}

/* line 347, app/assets/stylesheets/sp_redesign.css.scss */
.flex_start {
  justify-content: flex-start !important;
}

/* line 350, app/assets/stylesheets/sp_redesign.css.scss */
.flex_wrap {
  flex-wrap: wrap;
}

/* line 353, app/assets/stylesheets/sp_redesign.css.scss */
.flex_between {
  margin: auto;
  justify-content: space-between;
}

/* line 358, app/assets/stylesheets/sp_redesign.css.scss */
.flexbox.responsive, .responsive.mMasterBox {
  display: block !important;
}

/* line 360, app/assets/stylesheets/sp_redesign.css.scss */
.flexbox.responsive .box, .responsive.mMasterBox .box {
  text-align: left;
}

/* line 363, app/assets/stylesheets/sp_redesign.css.scss */
.flexbox.responsive .box:first-child, .responsive.mMasterBox .box:first-child {
  margin-right: 0px;
}

@media screen and (min-width: 769px), print {
  /* line 358, app/assets/stylesheets/sp_redesign.css.scss */
  .flexbox.responsive, .responsive.mMasterBox {
    display: flex !important;
  }
  /* line 368, app/assets/stylesheets/sp_redesign.css.scss */
  .flexbox.responsive .box:first-child, .responsive.mMasterBox .box:first-child {
    margin-right: 20px;
  }
}

/* line 440, app/assets/stylesheets/sp_redesign.css.scss */
.StripeElement {
  box-sizing: border-box;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

/* line 456, app/assets/stylesheets/sp_redesign.css.scss */
.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

/* line 460, app/assets/stylesheets/sp_redesign.css.scss */
.StripeElement--invalid {
  border-color: #fa755a;
}

/* line 464, app/assets/stylesheets/sp_redesign.css.scss */
.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

/* line 468, app/assets/stylesheets/sp_redesign.css.scss */
.header-space {
  height: 65px;
}

/* line 472, app/assets/stylesheets/sp_redesign.css.scss */
.header-space + .pPage {
  padding-top: 0;
}

/* line 476, app/assets/stylesheets/sp_redesign.css.scss */
.back-arrow {
  margin-left: 30px;
  position: relative;
}

/* line 481, app/assets/stylesheets/sp_redesign.css.scss */
.back-arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 50%;
  width: 14px;
  height: 14px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: translateX(-50%) rotate(225deg);
}

/* line 494, app/assets/stylesheets/sp_redesign.css.scss */
.pink-ribbon {
  padding: 2px 10px;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  wdith: 100%;
  text-align: center;
  background-color: #ffadad;
  font-weight: bold;
  font-size: small;
  color: white;
}

/* line 508, app/assets/stylesheets/sp_redesign.css.scss */
#youtube-container {
  background-color: red;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* 動画のアスペクト比を16:9と仮定 */
}

/* line 516, app/assets/stylesheets/sp_redesign.css.scss */
#youtube-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* モーダルの背景 */
/* line 526, app/assets/stylesheets/sp_redesign.css.scss */
.modal-background {
  display: none;
  /* デフォルトでは非表示 */
  position: fixed;
  /* 位置を固定 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* 半透明の背景 */
  z-index: 1000;
  /* 上位のレイヤーに表示 */
}

/* モーダルのコンテンツ */
/* line 538, app/assets/stylesheets/sp_redesign.css.scss */
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* センタリングのための位置調整 */
  width: 80%;
  max-width: 400px;
  /* 最大幅を指定 */
  padding: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  /* 角を丸める */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  /* 影を追加 */
  z-index: 1001;
  /* modal-backgroundよりも上に表示 */
}

/* line 552, app/assets/stylesheets/sp_redesign.css.scss */
.square {
  aspect-ratio: 1/1;
}

/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
/* line 11, app/assets/stylesheets/sp_redesign/ress.css */
html {
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

/* line 17, app/assets/stylesheets/sp_redesign/ress.css */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

/* line 24, app/assets/stylesheets/sp_redesign/ress.css */
::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

/* line 30, app/assets/stylesheets/sp_redesign/ress.css */
* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
/* line 40, app/assets/stylesheets/sp_redesign/ress.css */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 45, app/assets/stylesheets/sp_redesign/ress.css */
hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
/* line 55, app/assets/stylesheets/sp_redesign/ress.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/* line 70, app/assets/stylesheets/sp_redesign/ress.css */
summary {
  display: list-item;
  /* Add the correct display in all browsers */
}

/* line 74, app/assets/stylesheets/sp_redesign/ress.css */
small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

/* line 78, app/assets/stylesheets/sp_redesign/ress.css */
[hidden],
template {
  display: none;
  /* Add the correct display in IE */
}

/* line 83, app/assets/stylesheets/sp_redesign/ress.css */
abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */
}

/* line 88, app/assets/stylesheets/sp_redesign/ress.css */
a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

/* line 93, app/assets/stylesheets/sp_redesign/ress.css */
a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

/* line 98, app/assets/stylesheets/sp_redesign/ress.css */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

/* line 105, app/assets/stylesheets/sp_redesign/ress.css */
b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

/* line 110, app/assets/stylesheets/sp_redesign/ress.css */
dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
/* line 115, app/assets/stylesheets/sp_redesign/ress.css */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
/* line 121, app/assets/stylesheets/sp_redesign/ress.css */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 129, app/assets/stylesheets/sp_redesign/ress.css */
sub {
  bottom: -0.25em;
}

/* line 133, app/assets/stylesheets/sp_redesign/ress.css */
sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
/* line 141, app/assets/stylesheets/sp_redesign/ress.css */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
/* line 146, app/assets/stylesheets/sp_redesign/ress.css */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
/* line 155, app/assets/stylesheets/sp_redesign/ress.css */
[disabled] {
  cursor: default;
}

/* line 159, app/assets/stylesheets/sp_redesign/ress.css */
[type="number"] {
  width: auto;
  /* Firefox 36+ */
}

/* line 163, app/assets/stylesheets/sp_redesign/ress.css */
[type="search"] {
  -webkit-appearance: textfield;
  /* Safari 8+ */
}

/* line 167, app/assets/stylesheets/sp_redesign/ress.css */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */
}

/* line 172, app/assets/stylesheets/sp_redesign/ress.css */
textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

/* line 177, app/assets/stylesheets/sp_redesign/ress.css */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

/* line 185, app/assets/stylesheets/sp_redesign/ress.css */
optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */
}

/* line 189, app/assets/stylesheets/sp_redesign/ress.css */
button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
/* line 194, app/assets/stylesheets/sp_redesign/ress.css */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
/* line 203, app/assets/stylesheets/sp_redesign/ress.css */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

/* line 210, app/assets/stylesheets/sp_redesign/ress.css */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

/* line 217, app/assets/stylesheets/sp_redesign/ress.css */
button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
/* line 223, app/assets/stylesheets/sp_redesign/ress.css */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
/* line 233, app/assets/stylesheets/sp_redesign/ress.css */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

/* line 238, app/assets/stylesheets/sp_redesign/ress.css */
select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

/* line 242, app/assets/stylesheets/sp_redesign/ress.css */
select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

/* line 246, app/assets/stylesheets/sp_redesign/ress.css */
legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
}

/* line 254, app/assets/stylesheets/sp_redesign/ress.css */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}

/* line 259, app/assets/stylesheets/sp_redesign/ress.css */
[type="search"] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
/* line 268, app/assets/stylesheets/sp_redesign/ress.css */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
/* line 273, app/assets/stylesheets/sp_redesign/ress.css */
progress {
  vertical-align: baseline;
}

/* line 277, app/assets/stylesheets/sp_redesign/ress.css */
svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}

/* line 281, app/assets/stylesheets/sp_redesign/ress.css */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  /* line 294, app/assets/stylesheets/sp_redesign/ress.css */
  [hidden~="screen"] {
    display: inherit;
  }
  /* line 297, app/assets/stylesheets/sp_redesign/ress.css */
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

/* Specify the progress cursor of updating elements */
/* line 304, app/assets/stylesheets/sp_redesign/ress.css */
[aria-busy="true"] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
/* line 309, app/assets/stylesheets/sp_redesign/ress.css */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
/* line 314, app/assets/stylesheets/sp_redesign/ress.css */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
/* line 324, app/assets/stylesheets/sp_redesign/ress.css */
::-moz-selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

/* line 330, app/assets/stylesheets/sp_redesign/ress.css */
::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

/* line 1, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pDefault, .pPr0001, .pMembers {
  background-color: white;
  padding-top: 65px;
  overflow: hidden;
}

@media screen and (min-width: 769px), print {
  /* line 1, app/assets/stylesheets/sp_redesign/pages.css.scss */
  .pDefault, .pPr0001, .pMembers {
    padding-top: 0;
  }
}

/* line 11, app/assets/stylesheets/sp_redesign/pages.css.scss */
.is-app .pDefault, .is-app .pPr0001, .is-app .pMembers {
  padding-top: 0;
}

/* line 17, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPage {
  padding-top: 65px;
}

/* line 25, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pMembers {
  background-color: white;
}

@media screen and (min-width: 769px), print {
  /* line 29, app/assets/stylesheets/sp_redesign/pages.css.scss */
  .pMembers .contents {
    padding: 0 50px;
  }
}

/* line 33, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pMembers .contents .content {
  padding: 0 20px;
}

@media screen and (min-width: 769px), print {
  /* line 33, app/assets/stylesheets/sp_redesign/pages.css.scss */
  .pMembers .contents .content {
    padding: 0 50px;
  }
}

/* line 41, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pMembers p {
  margin: 0 0 20px;
}

/* line 45, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pMembers .mMokuji {
  margin: 20px 20px;
}

@media screen and (min-width: 769px), print {
  /* line 45, app/assets/stylesheets/sp_redesign/pages.css.scss */
  .pMembers .mMokuji {
    margin: 50px 30px;
  }
}

/* line 52, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pMembers .oMemberFlow {
  margin: 0 20px;
}

@media screen and (min-width: 769px), print {
  /* line 52, app/assets/stylesheets/sp_redesign/pages.css.scss */
  .pMembers .oMemberFlow {
    margin: 0 50px;
  }
}

/* line 59, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pMembers .aBlockquoteQA {
  margin: 0 20px;
}

/* line 63, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pMembers .mCheckMarkList {
  background-color: white;
}

@media screen and (min-width: 769px), print {
  /* line 63, app/assets/stylesheets/sp_redesign/pages.css.scss */
  .pMembers .mCheckMarkList {
    margin: 0 30px;
  }
}

/* line 70, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pMembers .oH2Spaced, .pMembers .oH2WithText {
  margin: 10px 0;
}

@media screen and (min-width: 769px), print {
  /* line 70, app/assets/stylesheets/sp_redesign/pages.css.scss */
  .pMembers .oH2Spaced, .pMembers .oH2WithText {
    margin: 30px 0;
  }
}

/* line 77, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pMembers .imageFlex {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 769px), print {
  /* line 77, app/assets/stylesheets/sp_redesign/pages.css.scss */
  .pMembers .imageFlex {
    flex-direction: row;
  }
}

/* line 90, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 h2 {
  text-align: left !important;
}

/* line 91, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 h3 {
  background: url(/assets/mi3.png) no-repeat scroll 0 8px transparent;
  padding: 5px 0 0 20px;
}

/* line 95, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 p {
  margin-bottom: 20px;
}

/* line 98, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 .photo {
  width: 250px;
  text-align: center;
  margin: -5px 0 0 30px;
}

/* line 102, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 .photo img {
  width: 85px;
  height: 100px;
  border-radius: 50%;
}

/* line 107, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 .photo p {
  margin: 0;
  line-height: 1;
}

/* line 111, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 .photo span {
  display: block;
  font-size: 12px;
}

/* line 116, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 .attention_box {
  border: 1px solid #ccc;
  padding: 15px;
  margin: 20px 0 0;
}

/* line 121, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 em {
  background: #ffffcc;
  font-weight: bold;
  font-style: initial !important;
}

/* line 126, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 .image {
  width: 100%;
}

/* line 129, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 .pagelink {
  color: #4e87a9 !important;
  font-weight: bold;
}

/* line 133, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 ul {
  list-style: disc;
}

/* line 136, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 li {
  margin-left: 20px;
  line-height: 1.7;
}

/* line 140, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 .check {
  list-style: none;
}

/* line 143, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 .check li {
  position: relative;
  padding-left: 12px;
  margin: 0;
}

/* line 148, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 .check li::after {
  display: block;
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 10px;
  height: 6px;
  border-left: 2px solid #993365;
  border-bottom: 2px solid #993365;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 161, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 .chart .all {
  font-weight: bold;
  margin-bottom: 20px;
}

/* line 165, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 .box {
  padding: 15px 10px !important;
}

/* line 168, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 .chart .t_wrapper {
  margin: 0 0 65px;
}

/* line 171, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 .t_wrapper > .triangle {
  position: absolute;
  left: 30%;
  height: 0;
  margin: 0 auto;
  border-style: solid;
  border-width: 30px 75px 0 75px;
  border-color: #cccccc transparent transparent transparent;
  border-style: solid;
  line-height: 0;
}

/* line 182, app/assets/stylesheets/sp_redesign/pages.css.scss */
.pPr0001 .pr_0001 [id^="link"] {
  display: block;
  padding-top: 50px;
  margin-top: -50px;
}

/* line 190, app/assets/stylesheets/sp_redesign/pages.css.scss */
.line-lp {
  background-color: white;
  display: flex;
  flex-direction: column;
}

/* line 194, app/assets/stylesheets/sp_redesign/pages.css.scss */
.line-lp video {
  margin: 0 auto 20px;
}

@media screen and (min-width: 1024px) {
  /* line 194, app/assets/stylesheets/sp_redesign/pages.css.scss */
  .line-lp video {
    margin: 60px auto 0;
  }
}

/* line 200, app/assets/stylesheets/sp_redesign/pages.css.scss */
.line-lp .unlimited {
  margin: 20px 20px;
}

@media screen and (min-width: 1024px) {
  /* line 200, app/assets/stylesheets/sp_redesign/pages.css.scss */
  .line-lp .unlimited {
    margin: 20px 20px;
  }
}

/* line 206, app/assets/stylesheets/sp_redesign/pages.css.scss */
.line-lp .ai-max-text {
  margin: 40px 30px;
}

@media screen and (min-width: 1024px) {
  /* line 206, app/assets/stylesheets/sp_redesign/pages.css.scss */
  .line-lp .ai-max-text {
    width: 260px;
    margin: 40px auto 0;
  }
}

/* line 213, app/assets/stylesheets/sp_redesign/pages.css.scss */
.line-lp a {
  width: 100%;
  display: block;
}

/* line 216, app/assets/stylesheets/sp_redesign/pages.css.scss */
.line-lp a img {
  display: block;
  width: 100%;
}

/* line 221, app/assets/stylesheets/sp_redesign/pages.css.scss */
.line-lp .link-container {
  margin: 20px 0;
}

/* line 2, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aBox {
  padding: 20px;
}

/* line 7, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLogoFull {
  width: 230px;
  height: 47px;
}

/* line 10, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLogoFull img {
  width: 230px;
}

/* line 15, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLogoWithText img {
  width: 268px;
  height: 30px;
}

@media screen and (max-width: 320px) {
  /* line 22, app/assets/stylesheets/sp_redesign/atoms.css.scss */
  .aLogoWithText img {
    width: 220px;
    height: 25px;
  }
}

/* line 29, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aH1 {
  color: #97BC3F;
  line-height: 1.5;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 1px;
}

/* line 37, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aHumberger {
  position: relative;
}

/* line 39, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aHumberger .notification {
  width: 17px;
  height: 17px;
  background-color: #f57474;
  border-radius: 10px;
  position: absolute;
  right: -7px;
  top: -7px;
  color: white;
  font-size: 8px;
  line-height: 17px;
  text-align: center;
}

/* line 55, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aHumbergerWithText {
  cursor: pointer;
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
}

/* line 59, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aHumbergerWithText .notification {
  width: 17px;
  height: 17px;
  background-color: #f57474;
  border-radius: 10px;
  position: absolute;
  right: 5px;
  top: -10px;
  color: white;
  font-size: 8px;
  line-height: 17px;
  text-align: center;
}

/* line 75, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aButtonQuestion a {
  display: block;
  width: 40px;
  height: 40px;
}

/* line 81, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aButtonClose {
  display: block;
  width: 40px;
  height: 40px;
}

/* line 83, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aButtonClose img {
  padding-left: 3px;
}

/* line 89, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aPlainButton {
  height: 44px;
  border: 1px solid;
  border: solid 0.5px #2e2941;
  background: white;
}

/* line 97, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aColorButton {
  height: 44px;
}

/* line 102, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMainButton {
  width: 100%;
  background: #fcfcfc;
  padding: 15px 0;
  font-weight: bold;
  color: #2e2941;
  border: rgba(0, 0, 0, 0.4) 1px solid;
  border-radius: 3px;
  pointer-events: auto;
  opacity: 1;
}

/* line 115, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMainStrongButton {
  width: 100%;
  padding: 15px 0;
  font-weight: bold;
  pointer-events: auto;
  opacity: 1;
  background: #c8df92;
  color: #417505;
  border: 1px solid #97bc3f;
}

/* line 126, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aPinkButton {
  background-color: #f57474;
  padding: 10px 20px;
  color: white;
  text-align: center;
}

/* line 134, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMainButton:disabled, aMainButton.disable {
  pointer-events: none;
  opacity: 0.5;
}

/* line 140, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMainButtonMiddle {
  width: 85%;
  background: white;
  padding: 10px 0;
  font-size: 12px;
  font-weight: bold;
  color: #2e2941;
  border: rgba(0, 0, 0, 0.4) 1px solid;
}

/* line 151, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMainButtonSmall {
  background: white;
  margin: 5px 0 0;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #2e2941;
  border: rgba(0, 0, 0, 0.4) 1px solid;
  text-align: center;
}

/* line 164, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aSecondaryButton, .aMoreButton {
  display: block;
  width: 245px;
  height: 44px;
  border: solid 0.5px #ccc;
}

/* line 169, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMoreButton {
  text-decoration: none !important;
}

/* line 175, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aFbButton {
  width: 100%;
  background: white;
  padding: 15px 0;
  font-weight: bold;
  color: #2e2941;
  border: rgba(0, 0, 0, 0.4) 1px solid;
}

/* line 182, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aFbButton img {
  margin: 0 10px 0 0;
  vertical-align: top;
}

/* line 189, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aEmphasisButton {
  width: 100%;
  background: #97BC3F;
  padding: 15px 0;
  font-weight: bold;
  color: white;
}

/* line 195, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aEmphasisButton:disabled {
  background: #ccc;
}

/* line 201, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aThanksButton, .aThanksDoneButton {
  cursor: pointer;
  width: 120px;
  height: 50px;
  border-radius: 2px;
  box-shadow: 1px 1px 0 0 rgba(143, 123, 123, 0.5);
  background-color: #f8f8f8;
  background-image: url(/assets/sp_redesign/arigatashi-14c7defeed808afbefe4271f4ea1e709568977a34373329220d5cbb39e10b939.png);
  background-size: 23px 24px;
  background-repeat: no-repeat;
  background-position-x: 14px;
  background-position-y: 12px;
  padding: 12px 0 15px 45px;
  color: #333;
  font-size: 15px;
}

/* line 220, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aThanksDoneButton {
  background-image: url(/assets/sp_redesign/arigatashiDone-235e3c7b9b93afdc2beb199bc4bd58c2926a51d3ebdcd57e4e98f4f5c55519f9.png);
  color: lightgray;
}

/* line 226, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aThanksCountBalloon {
  text-align: center;
  height: 25px;
  margin-right: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 0 5px 2px;
  font-size: 15px;
  letter-spacing: 0.8px;
  color: #333;
  position: relative;
  line-height: 25px;
  min-width: 30px;
}

/* line 240, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aThanksCountBalloon:before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -5px;
  top: 6px;
  border-left: 5px solid #ccc;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

/* line 252, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aThanksCountBalloon:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -4px;
  top: 6px;
  border-left: 5px solid white;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

/* line 265, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aOkimochiButton {
  display: block;
  width: 120px;
  height: 50px;
  border-radius: 2px;
  box-shadow: 1px 1px 0 0 rgba(143, 123, 123, 0.5);
  background-color: #f8f8f8;
  background-image: url(/assets/sp_redesign/ico_okimochi-e6e0753f5b419b9a204228de1a9f2a65255251744b7072bc6cf4eec9374e9f70.svg);
  background-size: 34px 22px;
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-position-y: 13px;
  margin: 0 0 20px 0;
  padding: 12px 0 15px 48px;
  color: #333;
  letter-spacing: 0;
  font-size: 15px;
  text-decoration: none;
}

/* line 286, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aQuote {
  width: 20px;
  height: 16px;
}

/* line 290, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aQuoteGray {
  width: 20px;
  height: 16px;
}

/* line 295, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aUserFace img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

/* line 303, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aUserPhoto img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  margin: 5px;
}

@media screen and (min-width: 769px), print {
  /* line 311, app/assets/stylesheets/sp_redesign/atoms.css.scss */
  .aUserPhoto img {
    width: 100px;
    height: 100px;
    margin: 10px;
  }
}

/* line 320, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aTabCol2, .aTabCol3, .aTabCol3Users, .aTabCol4 {
  background-color: white;
  padding: 0 20px 20px 20px;
}

/* line 323, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aTabCol2 ul, .aTabCol3 ul, .aTabCol3Users ul, .aTabCol4 ul {
  border-radius: 5px;
  display: flex;
  width: 100%;
  border: 1px solid #97BC3F;
  list-style-type: none;
  text-align: center;
}

/* line 330, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aTabCol2 ul li, .aTabCol3 ul li, .aTabCol3Users ul li, .aTabCol4 ul li {
  position: relative;
  padding: 8px;
  width: 50%;
}

/* line 335, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aTabCol2 ul li a, .aTabCol3 ul li a, .aTabCol3Users ul li a, .aTabCol4 ul li a {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #97BC3F;
}

/* line 341, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aTabCol2 ul li span, .aTabCol3 ul li span, .aTabCol3Users ul li span, .aTabCol4 ul li span {
  color: white;
  background: #f57474;
  padding: 0px 9px;
  border-radius: 30px;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 10;
}

/* line 352, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aTabCol2 ul li.active0, .aTabCol3 ul li.active0, .aTabCol3Users ul li.active0, .aTabCol4 ul li.active0 {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #97BC3F;
}

/* line 356, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aTabCol2 ul li.active0 a, .aTabCol3 ul li.active0 a, .aTabCol3Users ul li.active0 a, .aTabCol4 ul li.active0 a {
  color: white;
}

/* line 360, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aTabCol2 ul li.active1, .aTabCol2 ul li.active3, .aTabCol2 ul li.active2, .aTabCol3 ul li.active1, .aTabCol3 ul li.active3, .aTabCol3 ul li.active2, .aTabCol3Users ul li.active1, .aTabCol3Users ul li.active3, .aTabCol3Users ul li.active2, .aTabCol4 ul li.active1, .aTabCol4 ul li.active3, .aTabCol4 ul li.active2 {
  background-color: #97BC3F;
}

/* line 364, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aTabCol2 ul li.active1 a, .aTabCol2 ul li.active3 a, .aTabCol2 ul li.active2 a, .aTabCol3 ul li.active1 a, .aTabCol3 ul li.active3 a, .aTabCol3 ul li.active2 a, .aTabCol3Users ul li.active1 a, .aTabCol3Users ul li.active3 a, .aTabCol3Users ul li.active2 a, .aTabCol4 ul li.active1 a, .aTabCol4 ul li.active3 a, .aTabCol4 ul li.active2 a {
  color: white;
}

/* line 369, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aTabCol2 ul li, .aTabCol3 ul li, .aTabCol3Users ul li, .aTabCol4 ul li {
  border-right: 1px solid #97BC3F;
}

/* line 373, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aTabCol2 ul li:last-child, .aTabCol3 ul li:last-child, .aTabCol3Users ul li:last-child, .aTabCol4 ul li:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right: none;
}

@media screen and (max-width: 320px) {
  /* line 380, app/assets/stylesheets/sp_redesign/atoms.css.scss */
  .aTabCol2 ul li, .aTabCol3 ul li, .aTabCol3Users ul li, .aTabCol4 ul li {
    padding: 8px 4px;
  }
  /* line 382, app/assets/stylesheets/sp_redesign/atoms.css.scss */
  .aTabCol2 ul li a, .aTabCol3 ul li a, .aTabCol3Users ul li a, .aTabCol4 ul li a {
    font-size: 12px;
  }
}

/* line 391, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aAttentionBox {
  border: 1px solid #b4b4b4;
  margin: 0 20px 20px 20px;
  padding: 15px;
  font-size: 15px;
}

/* line 396, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aAttentionBox p {
  font-size: 15px;
}

/* line 400, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aAttentionBoxStrong {
  border: 1px solid #f57474;
  padding: 15px;
  margin: 0 0 20px 0;
}

/* line 404, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aAttentionBoxStrong .title {
  font-weight: bold;
}

/* line 407, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aAttentionBoxStrong p {
  color: #f57474;
  font-size: 12px;
}

/* line 414, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLine {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ebebeb;
  margin: 0 0 20px;
}

/* line 424, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLineBalloon {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}

/* line 432, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLineBalloon:before,
.aLineBalloon:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* line 441, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLineBalloon:before {
  border: solid 9px transparent;
  border-top: solid 9px #ebebeb;
}

/* line 445, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLineBalloon:after {
  border: solid 13px transparent;
  border-top: solid 13px #fff;
  margin-top: -5px;
}

/* line 452, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLineWithText {
  color: #4a4a4a;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}

/* line 458, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLineWithText:after, .aLineWithText:before {
  border-top: 1px solid #ebebeb;
  width: 36%;
  content: "";
  position: absolute;
  top: 50%;
  box-sizing: border-box;
}

/* line 461, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLineWithText:after {
  right: 0;
}

/* line 464, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLineWithText:before {
  left: 0;
}

/* line 469, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLineWithTextL {
  font-size: 13px;
  color: #4a4a4a;
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}

@media screen and (min-width: 769px), print {
  /* line 469, app/assets/stylesheets/sp_redesign/atoms.css.scss */
  .aLineWithTextL {
    font-size: 14px;
  }
}

/* line 480, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLineWithTextL:after, .aLineWithTextL:before {
  border-top: 1px solid #ccc;
  width: 22%;
  content: "";
  position: absolute;
  top: 50%;
  box-sizing: border-box;
}

/* line 483, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLineWithTextL:after {
  right: 0;
}

/* line 486, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLineWithTextL:before {
  left: 0;
}

/* line 491, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aStepArrow {
  margin: 0 auto 10px auto;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 15px solid #ebebeb;
}

/* line 501, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aTagLink {
  font-size: 13px;
  font-weight: bold;
  color: #f57474;
  text-decoration: underline;
}

/* line 506, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aBorderBox {
  padding: 4px 8px;
  margin: 0 0px 0 10px;
  font-size: 14px;
  color: #4a4a4a;
  border: 1px solid #ccc;
  border-radius: 3px;
}

/* line 516, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aBordeBoxLink {
  white-space: nowrap;
  display: inline-block;
  padding: 1px 6px 0;
  font-size: 13px;
  color: #4a4a4a;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-decoration: none;
}

/* line 528, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMessage {
  position: relative;
}

/* line 531, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMessage p {
  color: #f57474;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.5px;
}

/* line 538, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMessage p:before, .aMessage p:after {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background-color: #f57474;
  position: absolute;
  top: 0;
}

/* line 547, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMessage p:before {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
  left: 0;
}

/* line 553, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMessage p:after {
  -webkit-transform: rotate(-150deg);
  -ms-transform: rotate(-150deg);
  transform: rotate(-150deg);
  right: 0;
}

/* line 561, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMessageLarge {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
}

/* line 566, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMessageLarge p {
  color: #f57474;
  font-size: 17px !important;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.2px;
}

/* line 573, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMessageLarge p:before, .aMessageLarge p:after {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background-color: #f57474;
  position: absolute;
  top: 0;
}

/* line 582, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMessageLarge p:before {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
  left: 10px;
}

/* line 588, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aMessageLarge p:after {
  -webkit-transform: rotate(-150deg);
  -ms-transform: rotate(-150deg);
  transform: rotate(-150deg);
  right: 10px;
}

/* アイコン */
/* line 599, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconReception {
  white-space: nowrap;
  margin: 0;
  padding: 0px 10px;
  border-radius: 12px;
  background-color: #97BC3F;
  text-align: center;
  font-size: 13px;
  letter-spacing: normal;
  color: white;
  display: inline-block;
}

/* line 612, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconPrivate {
  white-space: nowrap;
  margin: 0;
  padding: 0px 10px;
  border-radius: 4px;
  background-color: #FB9292;
  text-align: center;
  font-size: 13px;
  letter-spacing: normal;
  color: white;
  display: inline-block;
}

/* line 625, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconThanks {
  width: 20px;
  padding-right: 6px;
  vertical-align: middle;
}

/* line 631, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconAnswers {
  padding-right: 6px;
  vertical-align: middle;
}

/* line 636, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconDotMenu {
  width: 32px;
  height: 25px;
  vertical-align: middle;
}

/* line 642, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconAdress {
  width: 16px;
  height: 18px;
  left: -2px;
  position: absolute;
}

/* line 649, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconAdressBlack {
  width: 15px;
  height: 17px;
  margin-right: 8px;
}

/* line 655, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconSect {
  width: 17px;
  height: 15px;
  margin-right: 8px;
}

/* line 661, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconTel {
  left: 0px;
  position: absolute;
}

/* line 666, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconRequired {
  background-color: #fb9292;
  font-size: 10px;
  color: #fff;
  padding: 3px 4px;
  border-radius: 3px;
  margin: 0 8px;
  vertical-align: 1px;
}

/* line 676, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconFeaturesCategory {
  font-size: 12px;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  display: inline;
}

/* line 684, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconTalksVoice {
  background-color: #fb9292;
  font-size: 16px;
  color: #fff;
  padding: 0px 8px;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 10px;
}

/* line 694, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconNenju {
  width: 17px;
  height: 20px;
  margin: 2px 0 0;
}

/* line 699, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconMokugyo {
  width: 18px;
  height: 19px;
  margin: 2px 3px 0 0;
}

/* line 704, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconKesa {
  width: 15px;
  height: 18px;
  margin: 2px 3px 0 0;
}

/* line 709, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconHeart {
  width: 13px;
  height: 12px;
  margin: 4px 4px 0 0;
}

/* line 714, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aIconTalk {
  width: 14px;
  height: 13px;
  margin: 5px 5px 0 0;
}

/* line 720, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aTempleNoImg {
  width: 100px;
  height: 100px;
}

/* line 726, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aQuestionTopicCategory {
  padding: 4px 20px 8px;
}

/* line 728, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aQuestionTopicCategory a {
  font-size: 12px;
  color: #4e87a9;
  text-decoration: none;
}

@media screen and (min-width: 769px), print {
  /* line 726, app/assets/stylesheets/sp_redesign/atoms.css.scss */
  .aQuestionTopicCategory {
    background-color: white;
  }
}

/* line 738, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aBanner, .aBannerSallia {
  background: white;
  text-align: center;
}

/* line 741, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aBanner .title, .aBannerSallia .title {
  font-size: 14px;
  text-align: center;
}

/* line 745, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aBanner .banner100, .aBannerSallia .banner100 {
  width: 100%;
  height: auto;
  display: block;
}

/* line 750, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aBanner .banner355, .aBannerSallia .banner355 {
  width: 355px;
  margin: 5px 10px;
}

/* line 761, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aBannerTextSP {
  background: white;
  text-align: center;
  padding-top: 5px;
}

/* line 765, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aBannerTextSP a {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #f57474;
}

@media screen and (min-width: 769px), print {
  /* line 761, app/assets/stylesheets/sp_redesign/atoms.css.scss */
  .aBannerTextSP {
    display: none;
  }
}

/* line 778, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.questions_new_entry .aBannerSoranote {
  margin-top: 15px;
}

/* line 784, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aJumokuso img {
  width: 100%;
}

/* line 790, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aBannerDaihouji img {
  width: 100%;
}

/* line 795, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aYoutube {
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

/* line 801, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aYoutube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 810, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLinkRight {
  text-align: right;
}

/* line 812, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLinkRight a {
  text-decoration: none;
}

/* line 817, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLabelAttention {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 1px 12px;
  border-radius: 3px;
  color: white;
  text-align: center;
  width: 90px;
  height: 22px;
  background: #fb9292;
  margin-right: 15px;
}

/* line 820, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLabelRequested {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 1px 12px;
  border-radius: 3px;
  color: white;
  text-align: center;
  width: 90px;
  height: 22px;
  background: #fb9292;
  margin-right: 15px;
}

/* line 824, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLabelActive {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 1px 12px;
  border-radius: 3px;
  color: white;
  text-align: center;
  width: 90px;
  height: 22px;
  background: skyblue;
  margin-right: 15px;
}

/* line 827, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLabelArranged {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 1px 12px;
  border-radius: 3px;
  color: white;
  text-align: center;
  width: 90px;
  height: 22px;
  background: skyblue;
  margin-right: 15px;
}

/* line 831, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLabelAdvice {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 1px 12px;
  border-radius: 3px;
  color: white;
  text-align: center;
  width: 90px;
  height: 22px;
  background: #4e87a9;
  margin-right: 15px;
}

/* line 834, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLabelThanks {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 1px 12px;
  border-radius: 3px;
  color: white;
  text-align: center;
  width: 90px;
  height: 22px;
  background: #4e87a9;
  margin-right: 15px;
}

/* line 838, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLabelDisable {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 1px 12px;
  border-radius: 3px;
  color: white;
  text-align: center;
  width: 90px;
  height: 22px;
  background: #b4b4b4;
  margin-right: 15px;
  padding: 1px 0;
}

/* line 842, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLabelFinished {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 1px 12px;
  border-radius: 3px;
  color: white;
  text-align: center;
  width: 90px;
  height: 22px;
  background: #b4b4b4;
  margin-right: 15px;
}

/* line 846, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aResponsiveButton {
  text-align: center;
  border: 1px solid #b4b4b4;
  border-radius: 5px;
  margin: 0 0 20px 0px;
  height: 75px;
}

/* line 852, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aResponsiveButton a {
  display: block;
  width: 100%;
  height: 73px;
  width: 100%;
  padding: 20px 0;
  text-decoration: none;
  transition: background-color .5s;
}

/* line 859, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aResponsiveButton:hover, .aResponsiveButton a:hover, .aResponsiveButton a:active {
  background: #e2f0bf;
}

/* line 862, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aResponsiveButton .lines {
  line-height: 1.2;
}

@media screen and (min-width: 769px), print {
  /* line 846, app/assets/stylesheets/sp_redesign/atoms.css.scss */
  .aResponsiveButton {
    margin: 0 10px 20px 0;
  }
}

/* line 868, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aResponsiveButton .active {
  background: #e2f0bf;
}

/* line 873, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aTalkable {
  background-color: #97BC3F;
  color: white;
  padding: 2px 12px;
  border-radius: 20px;
}

/* line 880, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aUnTalkable {
  background-color: #eeeeee;
  padding: 2px 12px;
  border-radius: 20px;
}

/* line 886, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aPinkLink {
  color: #f57474;
  text-decoration: none;
}

/* line 891, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLabel {
  font-weight: bold;
  display: block;
}

/* line 894, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aLabel .sub_text {
  margin-left: 5px;
  font-size: 12px;
  color: #4a4a4a;
}

/* line 901, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aSubText {
  font-size: 15px;
  line-height: 1.6;
  color: #4a4a4a;
}

/* line 905, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aSubText a {
  font-size: 15px;
}

/* line 910, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aButtonSmall {
  display: block;
  border: 1px solid lightgray;
  font-size: small;
  border-radius: 4px;
  padding: 6px 8px;
  text-decoration: none;
}

/* line 920, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aManakaSquareAd img {
  width: 300px;
  height: 300px;
  display: block;
}

/* line 928, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.mDialogueRow textarea {
  border: 1px solid red;
}

/* line 933, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aUserInfo {
  font-size: 13px;
  line-height: 23px;
  display: flex;
  gap: 10px;
}

/* line 935, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aUserInfo .name {
  font-size: 15px;
  font-weight: bold;
  line-height: 23px;
}

/* line 946, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aInfoBox {
  padding: 16px 20px;
  border: 1px solid gray;
  background-color: #efefef;
  border-radius: 5px;
}

/* line 952, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aBlockquote {
  background: url(/assets/sp_redesign/quote_gray-71375e52a7ca4881212b3a13db640b1a69265b39da23c49cfe96731c3dad968e.png) no-repeat #f8f8f8 15px 20px;
  background-size: 20px 16px;
  padding: 20px 20px 20px 50px;
  margin-bottom: 30px;
  border-radius: 5px;
  font-weight: bold;
}

/* line 961, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aBlockquoteQA p {
  text-indent: -2.5em;
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: 1.3px;
  margin: 0 10px 0px 2.5em !important;
}

@media screen and (min-width: 769px), print {
  /* line 961, app/assets/stylesheets/sp_redesign/atoms.css.scss */
  .aBlockquoteQA p {
    margin: 0 50px 0px 4.5em !important;
  }
}

/* line 972, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aBlockquoteQA:nth-of-type(1n):first-letter {
  font-size: 21px;
  padding: 0 0px 0 10px;
  color: #b4b4b4;
}

@media screen and (min-width: 769px), print {
  /* line 972, app/assets/stylesheets/sp_redesign/atoms.css.scss */
  .aBlockquoteQA:nth-of-type(1n):first-letter {
    padding: 0 10px;
  }
}

/* line 981, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aUnderline {
  background: linear-gradient(transparent 80%, #ffdd57 80%);
  font-weight: bold;
}

/* line 986, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aDialogueNotification {
  background-color: white;
  padding: 10px 20px 20px;
}

/* line 988, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aDialogueNotification p {
  font-size: 14px;
  text-align: center;
  color: gray;
  border: 1px dashed #ffadad;
  padding: 20px;
}

/* line 994, app/assets/stylesheets/sp_redesign/atoms.css.scss */
.aDialogueNotification p a {
  margin-left: 10px;
  color: #f57474;
}

/* line 2, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCircle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 102px;
  height: 102px;
  background-color: #97bc3f;
  border-radius: 50%;
  color: white;
}

/* line 13, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCircle ul li {
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: 1.2;
  color: white;
}

/* line 20, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCircle ul li.number {
  font-size: 20px;
  margin-bottom: 2px;
}

/* line 27, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPanel {
  border: 2px solid orange;
  padding: 15px 20px;
}

/* line 32, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mGrayPanel {
  background-color: #f3f3f3;
  padding: 15px 20px;
}

/* line 37, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCirclePC {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  background-color: #97bc3f;
  border-radius: 50%;
  color: white;
}

/* line 44, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCirclePC ul {
  margin-top: 3px;
}

/* line 46, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCirclePC ul li {
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.6px;
  line-height: 1.2;
  color: white;
}

/* line 53, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCirclePC ul li.number {
  font-size: 22px;
  margin-bottom: 2px;
  margin-bottom: 5px;
}

/* line 62, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionRow {
  border-top: 1px solid #ebebeb;
  padding: 16px 20px 15px;
}

/* line 65, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionRow .date {
  font-size: 13px;
  margin-right: 10px;
}

/* line 69, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionRow a {
  text-decoration: none;
}

/* line 71, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionRow a h3 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #333;
  margin: 8px 0 0 0;
  line-height: 1.5;
}

/* line 79, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionRow a p {
  margin: 10px 0 5px;
  font-size: 15px;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  line-height: 1.7;
}

/* line 91, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mThanksBordeBoxLink {
  white-space: nowrap;
  display: inline-block;
  padding: 1px 6px 0;
  font-size: 13px;
  color: #4a4a4a;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-decoration: none;
}

/* line 102, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mIconBorderBoxLink {
  position: relative;
  display: inline-flex;
  white-space: nowrap;
  padding: 1px 6px 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-decoration: none !important;
  vertical-align: bottom;
  margin-right: 15px !important;
  height: 27px;
}

/* line 113, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mIconBorderBoxLink span {
  font-size: 13px;
  color: #4a4a4a !important;
}

/* line 117, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mIconBorderBoxLink .circle {
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 22px;
  font-size: 13px;
  background: #97BC3F;
  color: white !important;
  border-radius: 50%;
  top: -8px;
  right: -10px;
}

/* line 132, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileMasterEdit {
  display: flex;
  margin: 0 -3px;
}

/* line 135, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileMasterEdit div {
  margin: 3px;
  flex-grow: 1;
  letter-spacing: 1px;
}

/* line 142, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionRow:last-child {
  border-bottom: 1px solid #ebebeb;
}

/* line 147, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionAllRow {
  border-top: 1px solid #ebebeb;
  padding: 20px 20px 15px;
  background-color: white;
}

/* line 151, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionAllRow a {
  text-decoration: none;
}

/* line 153, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionAllRow a .date {
  font-size: 14px;
  color: #4a4a4a;
  margin-right: 10px;
}

/* line 158, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionAllRow a h2 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #333;
  margin: 8px 0 0 0;
  line-height: 1.5;
}

/* line 166, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionAllRow a p {
  color: #4a4a4a;
  font-size: 15px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
  margin-top: 10px;
}

/* line 178, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionAllRow:last-child {
  border-bottom: 1px solid #ebebeb;
}

/* line 183, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionTopicRow {
  border-top: 1px solid #ebebeb;
  padding: 20px 20px 15px;
}

/* line 186, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionTopicRow a {
  text-decoration: none;
}

/* line 188, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionTopicRow a h3 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #333;
}

/* line 194, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionTopicRow a p {
  font-size: 14px;
  overflow: hidden;
  padding: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-all;
  line-height: 1.5;
  margin-bottom: 5px;
}

/* line 207, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionRow:last-child {
  border-bottom: 1px solid #ebebeb;
}

/* line 213, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mSearchForm > .box {
  display: flex;
}

/* line 216, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mSearchForm > .box input[type="text"] {
  width: 100%;
  height: 40px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #ffffff;
  border: solid 1px #97bc3f;
  padding-left: 10px;
  flex-grow: 0;
  font-size: 15px;
}

/* line 228, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mSearchForm > .box input[type="submit"] {
  height: 40px;
  width: 64px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #97bc3f;
  border-left: none;
  background-color: #c8df92;
  color: #417505;
  font-size: 14px;
}

/* line 241, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mSearchForm .by_nick_name {
  align-items: center;
  margin-top: 5px;
  margin-left: 5px;
  display: flex;
}

/* line 246, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mSearchForm .by_nick_name label {
  margin-left: 5px;
  font-size: 15px;
}

/* line 253, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterBox {
  margin: 25px 0 0 0;
  line-height: 1;
}

/* line 257, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterBox img {
  width: 73px;
  height: 73px;
  border-radius: 50%;
}

/* line 262, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterBox p {
  margin: 0 0 0 15px;
  font-size: 15px;
}

/* line 266, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterBox a {
  font-size: 17px;
}

/* line 273, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow {
  padding-left: 15px;
  border-top: 1px solid #ebebeb;
  background-color: white;
  display: inherit;
  text-decoration: none;
}

/* line 277, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow a {
  text-decoration: none !important;
}

/* line 280, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow .aTempleNoImg, .mTempleRow .templeImage {
  margin-bottom: 10px;
}

/* line 284, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow .mThanksCountStrong span, .mTempleRow .mThanksCountStrong .count, .mTempleRow .mAnswersCountStrong span, .mTempleRow .mAnswersCountStrong .count {
  color: black !important;
}

/* line 290, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow h3 {
  font-size: 20px;
  font-weight: bold;
  padding: 12px 1px 8px;
  line-height: 1.2;
}

/* line 296, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow h4 {
  padding: 3px 5px;
  width: 100%;
  background-color: #f8f8f8;
  font-size: 10px;
  color: #4a4a4a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 306, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow .rubi {
  display: block;
  font-size: 10px;
  color: #4a4a4a;
}

/* line 311, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow .aTempleNoImg {
  margin: 3px 10px 15px 0;
}

/* line 314, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow .mThanksCountStrong, .mTempleRow .description {
  margin: 0 10px 0 0;
}

/* line 317, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow .catch_copy {
  margin: 0px 10px 5px 0;
  font-size: 15px;
  line-height: 1.4rem;
}

/* line 322, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow .description .flexbox, .mTempleRow .description .mMasterBox {
  flex-wrap: wrap;
}

/* line 325, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow .tag_area {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 5px 0 15px 0;
}

/* line 329, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow .tag_area a {
  line-height: 1.3rem;
}

/* line 332, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow .tag_area a.aTagLink {
  margin-right: 10px;
}

/* line 337, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow .address, .mTempleRow .phone {
  margin-bottom: 5px;
  padding: 0 15px 0 20px;
  font-size: 15px;
  line-height: 1.5;
  position: relative;
}

/* line 344, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow .editButtonContainer {
  margin-bottom: 20px;
}

/* line 345, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleRow .editButtonContainer .aButtonSmall {
  display: inline;
}

/* line 353, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileMasterBox {
  width: 170px;
  padding: 20px 25px 20px 25px;
  margin: 0;
  border-bottom: 1px solid #ebebeb;
  background-color: white;
}

/* line 354, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileMasterBox a {
  text-decoration: none;
  position: relative;
  display: inline-block;
}

@media screen and (max-width: 320px) {
  /* line 353, app/assets/stylesheets/sp_redesign/molecules.css.scss */
  .mProfileMasterBox {
    width: 160px;
    padding: 20px 20px 20px 20px;
  }
}

/* line 368, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileMasterBox .talks {
  height: 28px;
}

/* line 370, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileMasterBox .talks span {
  font-size: 12px;
  letter-spacing: -0.5px;
  background: #e2f0bf;
  padding: 6px 2px;
}

/* line 377, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileMasterBox .answer {
  position: relative;
  width: 80%;
  margin: 0 auto;
  padding: 3px auto;
  border-radius: 4px;
  font-size: 13px;
  text-align: center;
}

/* line 385, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileMasterBox .answer span {
  font-size: 13px;
  font-weight: bold;
}

/* line 390, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileMasterBox .photo {
  width: 120px;
  height: 120px;
  margin-bottom: 20px;
}

/* line 394, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileMasterBox .photo img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 10px 0 0;
}

/* line 401, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileMasterBox .name {
  text-align: center;
  font-size: 20px;
}

/* line 404, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileMasterBox .name a {
  font-weight: bold;
  line-height: 20px;
}

/* line 409, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileMasterBox .prefecture {
  text-align: center;
  height: 20px;
}

/* line 412, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileMasterBox .prefecture a {
  display: block;
  color: #f57474;
  font-size: 13px;
  text-decoration: underline;
}

/* line 421, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileQuestionRow {
  border-top: 1px solid #ebebeb;
  padding: 15px 20px;
  background-color: white;
}

/* line 425, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileQuestionRow a {
  text-decoration: none;
}

/* line 427, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileQuestionRow a h3 {
  font-size: 16px;
  line-height: 1.6;
  font-weight: bold;
  letter-spacing: 1px;
  color: #333;
  margin: 5px 0 0 0;
}

/* line 436, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileQuestionRow a.user_info {
  font-size: 13px;
  text-decoration: underline;
  color: #f57474;
}

/* line 441, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileQuestionRow p {
  color: #4a4a4a;
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
  margin-top: 5px;
}

/* line 452, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileQuestionRow:last-child {
  border-bottom: 1px solid #ebebeb;
}

/* line 457, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileUnansweredRow {
  border-top: 1px solid #ebebeb;
  padding: 20px 20px 15px;
  background-color: white;
}

/* line 461, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileUnansweredRow a {
  text-decoration: none;
}

/* line 464, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileUnansweredRow .flexbox, .mProfileUnansweredRow .mMasterBox {
  justify-content: flex-end;
  margin-top: 5px;
}

/* line 467, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileUnansweredRow .flexbox a + a, .mProfileUnansweredRow .mMasterBox a + a {
  margin-left: 10px;
}

/* line 472, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileUnansweredRow:last-child {
  border-bottom: 1px solid #ebebeb;
}

/* line 475, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileAnswerdRow {
  border-top: 1px solid #ebebeb;
  padding: 20px 20px 15px;
  background-color: white;
}

/* line 476, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileAnswerdRow h3 {
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
}

/* line 484, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileAnswerdRow a {
  text-decoration: none;
}

/* line 487, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileAnswerdRow .desc {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 5px;
}

/* line 493, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileAnswerdRow .flexbox div, .mProfileAnswerdRow .mMasterBox div {
  font-size: 13px;
}

/* line 496, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileAnswerdRow .flexbox .thanks_count_container, .mProfileAnswerdRow .mMasterBox .thanks_count_container {
  flex: 1;
}

/* line 499, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileAnswerdRow .flexbox .thanks_state, .mProfileAnswerdRow .mMasterBox .thanks_state {
  flex: 1;
  margin: 5px 10px 0;
}

/* line 505, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mProfileAnswerdRow:last-child {
  border-bottom: 1px solid #ebebeb;
}

/* line 510, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupRow {
  padding: 15px 20px 15px 10px;
  background-color: white;
}

/* line 514, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupRow a {
  text-decoration: none;
}

/* line 517, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupRow h3 {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 1.3px;
  margin: 0 0 15px 15px;
}

/* line 524, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupRow .aQuote {
  margin-left: 10px;
}

/* line 527, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupRow > .master {
  margin: 0 0 0 50px;
}

/* line 529, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupRow > .master .flexbox, .mPickupRow > .master .mMasterBox {
  -webkit-flex-wrap: wrap;
}

/* line 531, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupRow > .master .flexbox .name, .mPickupRow > .master .mMasterBox .name {
  margin: 5px 0 0 10px;
}

/* line 533, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupRow > .master .flexbox .name a, .mPickupRow > .master .mMasterBox .name a {
  font-size: 15px;
  color: #f57474;
}

/* line 538, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupRow > .master .flexbox .temple, .mPickupRow > .master .mMasterBox .temple {
  line-height: 20px;
  margin: 7px 0 0 10px;
}

/* line 548, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow {
  border-top: 1px solid #ebebeb;
  background-color: white;
  padding: 20px 15px 15px 15px;
}

/* line 552, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow a {
  text-decoration: none;
}

/* line 555, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow h3 {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 1.3px;
  margin: 0 0 15px 10px;
}

/* line 562, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow .aQuote {
  margin-left: 5px;
}

/* line 565, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow .description {
  position: relative;
  margin: 0 0 0 37px;
  padding-bottom: 17px;
  border-bottom: 1px solid #ebebeb;
}

/* line 571, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow .description:before,
.mPickupAllRow .description:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 45px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* line 580, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow .description:before {
  border: solid 9px transparent;
  border-top: solid 9px #ebebeb;
}

/* line 584, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow .description:after {
  border: solid 13px transparent;
  border-top: solid 13px #fff;
  margin-top: -5px;
}

/* line 589, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow .master {
  position: relative;
  padding-top: 20px;
  margin: 0 0 0 40px;
}

/* line 593, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow .master .aIconThanks {
  margin-top: -4px;
}

/* line 596, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow .master .flexbox, .mPickupAllRow .master .mMasterBox {
  width: 100%;
  flex-wrap: wrap;
}

/* line 599, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow .master .flexbox .name, .mPickupAllRow .master .mMasterBox .name {
  margin: 5px 0 8px 10px;
}

/* line 601, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow .master .flexbox .name a, .mPickupAllRow .master .mMasterBox .name a {
  text-decoration: underline;
  font-size: 15px;
  color: #f57474;
}

/* line 607, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow .master .flexbox .temple, .mPickupAllRow .master .mMasterBox .temple {
  margin: 7px 0 0 10px;
}

/* line 610, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPickupAllRow .master .flexbox .thanks, .mPickupAllRow .master .mMasterBox .thanks {
  margin-left: auto;
  margin-top: 8px;
}

/* line 619, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mThanksCountStrong, .mAnswersCountStrong {
  font-size: 14px;
  line-height: 30px;
}

/* line 622, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mThanksCountStrong .aIconThanks, .mAnswersCountStrong .aIconThanks {
  margin-top: -6px;
}

/* line 625, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mThanksCountStrong span, .mAnswersCountStrong span {
  color: #f57474;
  font-size: 14px;
  display: inline-block;
  margin-left: 3px;
}

/* line 631, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mThanksCountStrong .count, .mAnswersCountStrong .count {
  font-size: 14px;
  margin-left: 3px;
}

/* line 637, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mThanksCountProfile, .mAnswerCountProfile {
  margin-right: 10px;
  font-size: 15px;
}

/* line 640, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mThanksCountProfile span, .mAnswerCountProfile span {
  font-size: 15px;
  font-weight: bold;
}

/* line 647, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mFeaturesRow, .mArticlesRow {
  background-color: white;
  padding: 12px 10px;
  border-top: 1px solid #ebebeb;
}

/* line 651, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mFeaturesRow .image, .mFeaturesRow img, .mArticlesRow .image, .mArticlesRow img {
  display: block;
  width: 112px;
  height: 82px;
}

/* line 656, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mFeaturesRow .title, .mArticlesRow .title {
  flex: 1;
  margin-left: 10px;
  position: relative;
}

/* line 661, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mFeaturesRow p, .mArticlesRow p {
  font-size: 13px;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  line-height: 1.4;
}

/* line 667, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mFeaturesRow p strong, .mArticlesRow p strong {
  font-size: 13px;
}

/* line 671, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mFeaturesRow h3, .mArticlesRow h3 {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.9;
  overflow: hidden;
}

/* line 677, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mFeaturesRow span, .mArticlesRow span {
  position: absolute;
  bottom: 0;
}

/* line 681, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mFeaturesRow a, .mArticlesRow a {
  text-decoration: none;
}

/* line 685, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mFeaturesRow:last-child, .mArticlesRow:last-child {
  border-bottom: 1px solid #ebebeb;
}

/* line 690, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mSocialButton {
  background-color: white;
  margin: 0 auto;
  padding: 20px 20px 30px;
  align-items: center;
  /*.flexbox {
    justify-content: flex-end;
  }*/
}

/* line 696, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mSocialButton .buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 702, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mSocialButton p {
  margin-top: 5px;
  font-size: 13px;
  text-align: right;
}

/* line 708, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mSocialButton a {
  margin-left: 10px;
}

/* line 715, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mThanksButton {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin: 0 10px 30px auto;
}

/* line 722, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mAnswerCount {
  letter-spacing: 0.2px;
  font-size: 14px;
  margin: 5px 10px 0 0;
  color: #4a4a4a;
}

/* line 728, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mThanksCount {
  letter-spacing: 0.2px;
  font-size: 14px;
  margin: 5px 10px 0 0;
  color: #4a4a4a;
  width: 120px;
  height: 50px;
}

/* line 738, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPagenation {
  background-color: white;
  margin-bottom: 10px;
  padding: 20px 20px 30px 20px;
  border-top: 1px solid #ebebeb;
}

/* line 743, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPagenation .blank {
  flex: 1;
}

/* line 746, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPagenation .currentPage {
  width: 50px;
  text-align: center;
  font-weight: bold;
  line-height: 60px;
}

/* line 752, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPagenation .pagelink {
  margin: 2px;
}

/* line 755, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPagenation a {
  display: block;
  flex: 1;
  margin: 2px;
}

/* line 760, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPagenation .aMainButton {
  border: 1px solid #dddddd;
  color: #666;
}

/* line 764, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPagenation .gap {
  width: 50px;
  text-align: center;
  font-weight: bold;
  line-height: 64px;
}

/* line 770, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPagenation .page_current {
  padding: 0 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 773, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPagenation .page_current span {
  padding-right: 5px;
  font-weight: bold;
}

/* line 780, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.help-icon {
  display: block;
  position: absolute;
  right: 2px;
  top: -12px;
  width: 24px;
  height: 24px;
}

/* line 791, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter {
  border: 1px solid #CDC4C4;
  border-radius: 4px;
  padding: 14px;
  display: flex;
  flex-direction: column;
}

/* line 798, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter img {
  border-radius: 100px;
}

/* line 801, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .introduction {
  margin-top: 6px;
  height: 63px;
  overflow: hidden;
  font-size: 14px;
  line-height: 21px;
  text-overflow: ellipsis;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* line 816, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .talk-message {
  border-radius: 4px;
  position: relative;
  border: 1px solid #97bc3f;
  font-size: 14px;
  line-height: 21px;
  padding: 8px;
  margin-top: 4px;
}

/* line 817, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .talk-message .fukidashi-triangle {
  top: -14.5px;
  left: 14px;
  position: absolute;
  width: 28px;
  height: 20px;
}

/* line 833, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .buttons {
  position: relative;
  gap: 10px;
  margin-top: 16px;
}

/* line 837, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .buttons .shadow-button {
  height: 32px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 50%;
  color: #333;
  display: flex;
  gap: 8px;
  background: linear-gradient(0deg, #eeeeee, white);
}

/* line 846, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .buttons .shadow-button .label {
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
}

/* line 851, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .buttons .shadow-button img {
  margin-top: 8px;
  margin-left: 6px;
  display: block;
  width: 16px;
}

/* line 858, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .buttons .talk-button {
  min-width: 160px;
}

/* line 867, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .profile-head {
  display: flex;
  gap: 10px;
}

/* line 870, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .profile-head .detail {
  margin-top: 6px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

/* line 877, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .profile-head .detail .name a {
  color: #F57474;
  font-weight: 700;
  text-decoration: underline;
}

/* line 883, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .profile-head .detail .info {
  display: flex;
  justify-content: space-between;
}

/* line 886, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .profile-head .detail .info .talkability {
  display: flex;
  font-size: 14px;
  font-weight: 700;
  color: #97BC3F;
  line-height: 20px;
  gap: 4px;
}

/* line 893, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .profile-head .detail .info .talkability img {
  margin-top: 2px;
}

/* line 897, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .profile-head .detail .info .temple {
  line-height: 20px;
  font-size: 14px;
  height: 20px;
  padding: 0;
}

/* line 902, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterFooter .profile-head .detail .info .temple a {
  border: 1px solid #ccc;
  padding: 2px 10px;
  margin: 0;
  border-radius: 4px;
}

/* line 914, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mBox {
  padding: 0 0 20px;
  background-color: white;
}

/* line 919, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionInformation {
  font-size: 14px;
}

/* line 921, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mQuestionInformation .thanks_state {
  padding-top: 5px;
}

/* line 926, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterTalkableInfo {
  border: 1px solid red;
}

/* line 930, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mOkimochiPanel {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
}

/* line 934, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mOkimochiPanel div {
  gap: 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

/* line 939, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mOkimochiPanel div .aResponsiveButton {
  width: 100%;
}

/* line 947, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCommentBox {
  width: 50%;
  padding: 10px;
  margin-bottom: 30px;
  line-height: 18px;
}

/* line 955, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCommentBox a {
  text-decoration: none;
}

/* line 958, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCommentBox .profile {
  font-size: 14px;
  color: #4a4a4a;
  text-align: right;
  margin-right: 5px;
  margin-top: 5px;
}

/* line 966, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCommentBox .comment:first-letter {
  font-size: 24px;
}

/* line 969, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCommentBox .master {
  font-size: 14px;
}

/* line 971, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCommentBox .master a {
  color: #f57474;
}

/* line 977, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterAnswerRow {
  padding-bottom: 20px;
}

/* line 978, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterAnswerRow p {
  font-size: 16px;
  line-height: 1.5;
}

/* line 983, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterAnswerRow .title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px 8px;
}

/* line 988, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterAnswerRow .body {
  margin: 0 0 0 28px;
}

/* line 991, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterAnswerRow .question {
  margin: 10px 12px 0 23px;
  text-align: right;
}

/* line 994, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMasterAnswerRow .question a {
  font-size: 15px;
  color: #f57474;
  line-height: 1;
}

/* line 1003, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mH1 {
  background-color: white;
  color: #97BC3F;
  line-height: 1.5;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 1px;
}

/* line 1014, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mH2 {
  background-color: white;
  color: #97BC3F;
  line-height: 1.5;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 1px;
  position: relative;
}

/* line 1022, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mH2 span {
  margin-left: 15px;
  font-size: 13px;
}

@media screen and (min-width: 769px), print {
  /* line 1014, app/assets/stylesheets/sp_redesign/molecules.css.scss */
  .mH2 {
    font-size: 18px;
  }
}

/* line 1033, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mRadioButton input {
  padding: 5px;
  width: 15px;
  height: 15px;
}

/* line 1038, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mRadioButton label {
  margin: 0 10px 0 5px;
}

/* line 1041, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mRadioButton .field_with_errors {
  width: auto !important;
}

/* line 1046, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mSnsField {
  display: flex;
}

/* line 1048, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mSnsField img {
  width: 30px;
  height: 30px;
  margin: 5px 8px 0 0;
}

@media screen and (max-width: 768px) {
  /* line 1055, app/assets/stylesheets/sp_redesign/molecules.css.scss */
  .mBannerTalks {
    background: white;
    text-align: center;
    overflow: hidden;
    z-index: 1000;
    margin: 20px 0 0;
  }
  /* line 1063, app/assets/stylesheets/sp_redesign/molecules.css.scss */
  .mBannerTalks .banner {
    display: none;
  }
  /* line 1066, app/assets/stylesheets/sp_redesign/molecules.css.scss */
  .mBannerTalks .banner355 {
    margin: 0;
    width: 100%;
  }
}

@media screen and (min-width: 769px), print {
  /* line 1055, app/assets/stylesheets/sp_redesign/molecules.css.scss */
  .mBannerTalks {
    width: 650px;
    margin: 25px 25px 0;
    display: block;
    background: white;
    text-align: center;
    overflow: hidden;
    bottom: -8px;
    border: 1px solid #ccc;
    z-index: 1000;
    padding: 10px 10px;
  }
  /* line 1083, app/assets/stylesheets/sp_redesign/molecules.css.scss */
  .mBannerTalks .banner {
    width: 630px;
    margin: 0 auto;
    text-align: center;
  }
  /* line 1088, app/assets/stylesheets/sp_redesign/molecules.css.scss */
  .mBannerTalks .banner355 {
    display: none;
  }
}

/* line 1094, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTags {
  margin-top: 16px;
  line-height: 1;
}

/* line 1095, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTags a {
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
}

/* line 1102, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTags .aTagLink {
  background-color: #f5f5f5;
  padding: 1px 12px;
  border-radius: 20px;
  text-decoration: none;
  display: inline-block;
  margin: 0 4px 6px 0;
}

/* line 1112, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mAnswerDialogue {
  margin-bottom: 10px;
  background-color: #efefef;
  padding: 10px;
}

/* line 1118, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mDialogueMasterFaceName {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

/* line 1124, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mDialogueMasterFaceName .aUserFace img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

/* line 1130, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mDialogueMasterFaceName .name {
  margin: 5px 0 0 0;
}

/* line 1132, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mDialogueMasterFaceName .name a {
  text-decoration: none;
  font-size: 15px;
  color: #f57474;
}

/* line 1140, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCheckMarkList {
  display: inline-block;
  background-color: #f8f8f8;
  width: auto;
  padding: 20px;
}

/* line 1151, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCheckMarkList .title {
  margin: 0 0 10px;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
}

/* line 1158, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mCheckMarkList .footer_text {
  font-weight: bold;
  text-align: center;
  margin: 0;
  font-size: 16px;
}

/* line 1166, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mColumnRow {
  border-bottom: 1px solid #ccc;
  background-color: white;
  padding: 4px 0;
}

/* line 1167, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mColumnRow a {
  text-decoration: none;
}

@media screen and (min-width: 769px), print {
  /* line 1166, app/assets/stylesheets/sp_redesign/molecules.css.scss */
  .mColumnRow {
    padding: 9px 5px;
  }
}

/* line 1176, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mColumnRow .flex {
  display: flex;
}

/* line 1179, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mColumnRow .flex .imageContainer img {
  display: block;
  width: 100px;
}

@media screen and (min-width: 769px), print {
  /* line 1179, app/assets/stylesheets/sp_redesign/molecules.css.scss */
  .mColumnRow .flex .imageContainer img {
    width: 50px;
    height: auto;
  }
}

/* line 1188, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mColumnRow .flex .info {
  margin-left: 10px;
}

@media screen and (min-width: 769px), print {
  /* line 1188, app/assets/stylesheets/sp_redesign/molecules.css.scss */
  .mColumnRow .flex .info {
    margin-left: 14px;
    margin-top: 4px;
  }
}

/* line 1195, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mColumnRow .flex .info .title {
  line-height: 27px;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
}

/* line 1196, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mColumnRow .flex .info .title .num {
  margin-right: 10px;
}

@media screen and (min-width: 769px), print {
  /* line 1196, app/assets/stylesheets/sp_redesign/molecules.css.scss */
  .mColumnRow .flex .info .title .num {
    display: none;
  }
}

@media screen and (min-width: 769px), print {
  /* line 1195, app/assets/stylesheets/sp_redesign/molecules.css.scss */
  .mColumnRow .flex .info .title {
    font-size: 14px;
    line-height: 19.6px;
    margin-bottom: 1px;
  }
}

/* line 1212, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mColumnRow .flex .info p {
  font-size: 15px;
}

@media screen and (min-width: 769px), print {
  /* line 1212, app/assets/stylesheets/sp_redesign/molecules.css.scss */
  .mColumnRow .flex .info p {
    font-size: 14px;
    line-height: 19.6px;
  }
}

/* line 1223, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTalksSqaureAd {
  margin-bottom: 10px;
}

/* line 1224, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTalksSqaureAd img {
  width: 100%;
}

/* line 1231, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mTempleSocialIcons img {
  width: 34px;
  height: 34px;
  margin-top: 14px;
  margin-right: 6px;
  margin-left: 6px;
  margin-bottom: -11px;
}

/* line 1241, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMemberDetail {
  padding: 10px;
  border: 1px solid gray;
}

/* line 1246, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPrefectureFilter {
  background-color: white;
  padding: 0 20px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

/* line 1252, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPrefectureFilter .aSelectBox {
  width: 110px;
}

/* line 1255, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mPrefectureFilter .aButtonSmall {
  margin-left: 10px;
  height: 40px;
  width: 100px;
}

/* line 1261, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMemberMessageRow {
  display: flex;
  border-bottom: 1px solid #ebebeb;
  padding: 20px 0px;
  text-align: left;
}

/* line 1265, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMemberMessageRow img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid white;
  margin: 0 20px 0 0;
}

/* line 1272, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMemberMessageRow .type {
  width: 100px;
  text-align: center;
  font-size: 13px;
  color: white;
  background-color: #fb9292;
  padding: 3px 10px;
  border-radius: 3px;
  margin-left: 15px;
}

/* line 1284, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMemberMessageRow:first-child {
  padding: 0 0 20px;
}

/* line 1289, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMokuji {
  padding: 20px;
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
}

/* line 1292, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMokuji .caption {
  font-weight: bold;
}

/* line 1294, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMokuji .caption span {
  font-size: 15px;
  color: #f57474;
  text-decoration: underline;
}

/* line 1300, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMokuji ul {
  list-style-type: none;
  margin: 5px 0 0 0;
}

/* line 1303, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMokuji ul a {
  color: #f57474;
  font-size: 17px;
  line-height: 1.5;
}

/* line 1308, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMokuji ul li {
  line-height: 1;
  margin: 0 0 8px 20px;
  list-style-type: disc;
}

/* line 1314, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMokuji ul > li > ul > li > a {
  font-size: 15px;
  line-height: 1.5;
}

/* line 1318, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMokuji ul > li > ul {
  margin: 10px 0 10px 0;
}

/* line 1320, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mMokuji ul > li > ul li {
  list-style-type: circle;
}

/* line 1330, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.m2Buttons {
  display: flex;
}

/* line 1334, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mErrorMessages {
  background-color: #ff3860;
  margin-bottom: 15px;
}

/* line 1337, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mErrorMessages ul {
  padding: 10px 10px;
}

/* line 1340, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mErrorMessages li + li {
  margin-top: 5px;
}

/* line 1343, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mErrorMessages li {
  color: #fff;
  line-height: 20px;
}

/* line 1349, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mUserInfo {
  font-size: 15px;
}

/* line 1351, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mUserInfo ul {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 10px;
}

/* line 1355, app/assets/stylesheets/sp_redesign/molecules.css.scss */
.mUserInfo ul li {
  height: 20px;
}

/* line 3, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTopHeader {
  padding-top: 10px;
  background-color: white;
  height: 70px;
  z-index: 999;
  width: 100%;
  position: fixed;
}

/* line 11, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTopHeader .aLogoFull {
  margin: 0 auto;
}

@media screen and (min-width: 769px), print {
  /* line 11, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTopHeader .aLogoFull {
    padding-left: 22px;
  }
}

/* line 17, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTopHeader .aHumberger {
  cursor: pointer;
  margin: 20px 20px 0 0;
}

/* line 22, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTopHeader .flexbox, .oTopHeader .mMasterBox {
  max-width: 1010px;
  margin: 0 auto;
}

/* line 28, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeadSpacer {
  height: 60px;
}

/* line 33, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeaderContainer {
  z-index: 999;
  width: 100%;
  position: fixed;
  background-color: white;
  border-bottom: 1px solid #ebebeb;
}

/* line 46, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oGoogleAd320x250 {
  width: 320px;
  height: 250px;
  margin: 20px auto;
}

/* line 52, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAdJumokuso {
  width: 100%;
}

/* line 54, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAdJumokuso img {
  display: block;
  width: 100%;
}

/* line 61, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeader .appPageTitle {
  margin-right: auto;
  padding-top: 14px;
  padding-left: 20px;
  font-weight: bold;
  font-size: 20px;
  display: flex;
}

/* line 68, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeader .appPageTitle .back-arrow {
  margin: 11px 10px 0 20px;
}

/* line 72, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeader .inner {
  width: 100%;
  background-color: white;
  height: 65px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  max-width: 1010px;
  margin: 0 auto;
}

/* line 81, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeader .aLogoWithText {
  margin-right: auto;
}

/* line 84, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeader .aLogoWithText a img {
  margin: 18px auto 0 8px;
}

@media screen and (max-width: 320px) {
  /* line 91, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oHeader .aLogoWithText img {
    margin: 20px auto 0 5px;
  }
}

/* line 97, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeader .aButtonQuestion a {
  margin: 12px 5px 0 0;
}

/* line 101, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeader .aHumbergerWithText {
  margin-top: 18px;
}

/* line 104, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeader .aButtonClose {
  margin-top: 16px;
}

/* line 109, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oNavi {
  width: 100%;
  max-width: 1010px;
  margin: 0 auto;
  position: fixed;
  top: 65px;
  left: 0px;
  right: 0px;
  transition: .5s;
  z-index: 99;
  background-color: white;
  border-bottom: 1px solid #ebebeb;
  padding: 20px 0;
}

/* line 122, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oNavi ul {
  margin: 0 auto;
  max-width: 950px;
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

/* line 129, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oNavi ul li {
  padding: 0 5px;
}

@media screen and (max-width: 320px) {
  /* line 129, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oNavi ul li {
    padding: 0;
  }
}

/* line 134, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oNavi ul li a {
  font-size: 15px;
  font-weight: bold;
  color: #97BC3F;
  text-decoration: none;
  line-height: 40px;
}

/* line 145, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oStaticNavi {
  width: 100%;
  background-color: white;
  border-bottom: 1px solid #ebebeb;
  padding: 10px 0 15px;
}

/* line 150, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oStaticNavi ul {
  padding: 0 10px;
  display: flex;
  justify-content: space-around;
}

/* line 154, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oStaticNavi ul li {
  padding: 0 10px;
}

@media screen and (max-width: 320px) {
  /* line 154, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oStaticNavi ul li {
    padding: 0;
  }
}

/* line 159, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oStaticNavi ul li a {
  font-size: 15px;
  font-weight: bold;
  color: #97BC3F;
  color: #97BC3F;
  text-decoration: none;
}

/* line 171, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oNavi.hide {
  transform: translateY(-100%);
}

/* line 176, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTopMain {
  padding-top: 90px;
  background-color: white;
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 769px), print {
  /* line 176, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTopMain {
    padding-top: 150px;
  }
}

/* line 184, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTopMain .copy {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 1.4px;
  text-align: center;
}

/* line 189, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTopMain .copy .br {
  line-height: 20px;
}

/* line 192, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTopMain .copy span {
  color: #97bc3f;
  font-size: 18px;
}

/* line 197, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTopMain img.ask_to_master {
  width: 92%;
  height: auto;
  margin-top: 25px;
}

/* line 202, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTopMain .aPlainButton {
  font-weight: bold;
  height: 54px;
}

/* line 206, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTopMain .mCircle {
  position: absolute;
  top: 280px;
  right: -10px;
}

/* line 214, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oThanks {
  display: flex;
  flex-wrap: wrap;
  background-color: white;
  padding: 0 10px 20px 10px;
  margin-bottom: 10px;
  width: 100%;
}

@media screen and (min-width: 769px), print {
  /* line 214, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oThanks {
    margin-bottom: 20px;
  }
}

/* line 227, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oThanks .mCommentBox {
  width: 50%;
}

/* line 233, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAdText {
  text-align: center;
  padding: 0 20px;
  background-color: white;
}

/* line 240, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAdBannerWithText {
  background-color: white;
  padding: 0 10px;
  text-align: center;
  overflow: hidden;
}

@media screen and (min-width: 769px), print {
  /* line 240, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oAdBannerWithText {
    margin-top: 0;
  }
}

/* line 250, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAdBannerWithText a {
  display: block;
  font-size: 12px;
}

/* line 253, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAdBannerWithText a img {
  height: auto;
}

/* line 259, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAdBanner {
  text-align: center;
}

/* line 264, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMainButton {
  padding: 0 50px;
  background-color: white;
  width: 100%;
}

/* line 271, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPlainButton {
  padding-top: 10px;
  background-color: white;
  width: 100%;
}

/* line 275, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPlainButton .aPlainButton {
  display: block;
  width: 245px;
  margin: 0 auto;
  text-decoration: none !important;
  color: #333;
}

/* line 282, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPlainButton a {
  text-decoration: none !important;
}

/* line 288, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oColorButton {
  padding-top: 10px;
}

/* line 290, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oColorButton a {
  text-decoration: none !important;
  display: block;
  width: 90%;
  margin: 0 auto;
  text-decoration: none !important;
  color: white;
}

/* line 301, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oSecondaryButton, .oMoreButton {
  margin-bottom: 10px;
  padding-top: 20px;
  background-color: white;
  width: 100%;
  padding-bottom: 20px;
}

@media screen and (min-width: 769px), print {
  /* line 301, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oSecondaryButton, .oMoreButton {
    margin-bottom: 20px;
  }
}

/* line 309, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oSecondaryButton .aSecondaryButton, .oMoreButton .aSecondaryButton, .oSecondaryButton .aMoreButton, .oMoreButton .aMoreButton {
  width: 245px;
  margin: 0 auto;
}

/* line 314, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oSecondaryButton a, .oMoreButton a {
  text-decoration: none;
}

/* line 324, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionsList {
  background-color: white;
  margin-bottom: 10px;
}

/* line 326, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionsList > .box {
  padding: 0px 23px 30px;
}

/* line 328, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionsList > .box .mSearchForm {
  width: 100%;
}

/* line 331, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionsList > .box a {
  color: #4a4a4a;
  line-height: 40px;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  margin: 10px;
}

@media screen and (min-width: 769px), print {
  /* line 324, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oQuestionsList {
    margin-bottom: 20px;
  }
}

/* line 347, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList {
  margin-bottom: 10px;
  background-color: white;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

@media screen and (min-width: 769px), print {
  /* line 347, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oLinkList {
    margin-bottom: 20px;
  }
}

/* line 355, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .right_link {
  text-align: right;
  margin: 10px;
}

/* line 358, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .right_link a {
  text-decoration: none;
  color: #f57474;
}

@media screen and (min-width: 769px), print {
  /* line 364, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oLinkList .parent li.category_container {
    margin-top: 50px;
  }
}

/* line 369, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li.category {
  border-bottom: 1px solid #ebebeb;
  padding: 10px 40px 10px 20px;
}

/* line 373, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li {
  position: relative;
  font-weight: bold;
}

/* line 376, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li .category {
  font-weight: bold;
  border-bottom: 1px solid #ebebeb;
  padding: 10px 40px 10px 20px;
}

/* line 381, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li span {
  font-size: 13px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 388, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li a {
  display: block;
  width: 100%;
  padding: 12px 20px 12px 20px;
  text-decoration: none;
  line-height: 1.3;
  color: #f57474;
}

/* line 397, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li .category_top a, .oLinkList .parent li .children_category_top a {
  font-weight: bold;
}

@media screen and (min-width: 769px), print {
  /* line 397, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oLinkList .parent li .category_top a, .oLinkList .parent li .children_category_top a {
    font-weight: normal;
    padding-left: 50px;
  }
}

@media screen and (max-width: 768px) {
  /* line 406, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oLinkList .parent li .category_top:after {
    position: absolute;
    content: "";
    top: 18px;
    right: 12px;
    width: 7px;
    height: 15px;
    background: url(/assets/sp_redesign/ico_arrow_right-a07e80502bb2bed439eb6c75c40bc66676d194672776578a5654afd2a75b5b19.svg) top right no-repeat;
    background-size: 7px 15px;
  }
}

/* line 410, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li .children_category_top {
  border-top: 1px solid #ebebeb;
}

/* line 413, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li .children_category_top:after {
  top: 65px !important;
}

@media screen and (max-width: 768px) {
  /* line 413, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oLinkList .parent li .children_category_top:after {
    position: absolute;
    content: "";
    top: 18px;
    right: 12px;
    width: 7px;
    height: 15px;
    background: url(/assets/sp_redesign/ico_arrow_right-a07e80502bb2bed439eb6c75c40bc66676d194672776578a5654afd2a75b5b19.svg) top right no-repeat;
    background-size: 7px 15px;
  }
}

/* line 419, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li .children {
  border-bottom: 1px solid #ebebeb;
}

/* line 421, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li .children li {
  border-bottom: 1px solid #ebebeb;
  position: relative;
}

/* line 422, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li .children li .category {
  font-weight: normal;
  border-bottom: none;
}

/* line 429, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li .children li:first-child {
  border-top: none;
  padding: 0px;
}

/* line 433, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li .children li:last-child {
  border-bottom: none;
}

/* line 436, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li .children .grand_children {
  border-top: 1px solid #ebebeb;
  border-bottom: none;
  flex-wrap: wrap;
  padding-left: 50px;
}

/* line 441, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li .children .grand_children li {
  width: 50%;
  border-right: 1px solid #ebebeb;
  border-bottom: none !important;
  position: relative;
}

/* line 446, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li .children .grand_children li a {
  font-size: 14px;
}

/* line 450, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li .children .grand_children li:nth-child(2n) {
  border-right: none;
}

/* line 453, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLinkList .parent li .children .grand_children li:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 12px;
  width: 7px;
  height: 15px;
  background: url(/assets/sp_redesign/ico_arrow_right-a07e80502bb2bed439eb6c75c40bc66676d194672776578a5654afd2a75b5b19.svg) top right no-repeat;
  background-size: 7px 15px;
}

@media screen and (max-width: 768px) {
  /* line 460, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oLinkList .parent .arrow:after {
    position: absolute;
    content: "";
    top: 20px;
    right: 10px;
    width: 15px;
    height: 7px;
    background: url(/assets/sp_redesign/ico_arrow_down-9171cdc60e74bd7a8d058e6a9ad2c5fe42b2bbe6512ed0049dcd272c33c83dec.svg) top right no-repeat;
    background-size: 15px 7px;
    transform: scale(1, 1);
  }
  /* line 471, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oLinkList .parent .selected:after {
    transform: rotate(180deg);
  }
  /* line 474, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oLinkList .parent .arrow_right:after {
    position: absolute;
    content: "";
    top: 18px;
    right: 12px;
    width: 7px;
    height: 15px;
    background: url(/assets/sp_redesign/ico_arrow_right-a07e80502bb2bed439eb6c75c40bc66676d194672776578a5654afd2a75b5b19.svg) top right no-repeat;
    background-size: 7px 15px;
  }
}

/* line 481, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMenu {
  margin: 0 auto;
  background-color: white;
  max-width: 1010px;
  position: relative;
}

/* line 486, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMenu ul {
  background-color: white;
  border-bottom: 1px solid #ebebeb;
}

@media screen and (min-width: 769px), print {
  /* line 486, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMenu ul {
    width: 300px;
    position: absolute;
    right: 0;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
  }
}

/* line 496, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMenu ul li {
  position: relative;
}

/* line 498, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMenu ul li a {
  border-top: 1px solid #ebebeb;
  display: block;
  width: 100%;
  height: 50px;
  padding: 10px 20px 18px;
  text-decoration: none;
}

/* line 504, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMenu ul li .notification {
  background-color: #fb9292;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  position: absolute;
  top: 16px;
  right: 32px;
  color: white;
  line-height: 20px;
  text-align: center;
  font-size: 11px;
}

/* line 519, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMenu ul li.arrow:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 12px;
  width: 7px;
  height: 15px;
  background: url(/assets/sp_redesign/ico_arrow_right-a07e80502bb2bed439eb6c75c40bc66676d194672776578a5654afd2a75b5b19.svg) top right no-repeat;
  background-size: 7px 15px;
}

/* line 526, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oBook {
  background-color: white;
  padding: 0 0 20px;
  margin-bottom: 10px;
}

/* line 528, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oBook img {
  width: 100%;
}

/* line 536, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter {
  bottom: 0;
  background-color: #524A4A;
  padding: 35px auto 0;
  border: 1px solid #524A4A;
}

/* line 541, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .inner {
  max-width: 1010px;
  margin: 0 auto;
}

/* line 545, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterAboutText {
  padding: 35px 20px 0 20px;
}

/* line 547, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterAboutText .title {
  font-size: 26px;
  color: white;
}

/* line 551, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterAboutText p {
  margin-top: 10px;
  font-size: 13px;
  color: white;
  line-height: 1.7;
  letter-spacing: 0.9px;
}

@media screen and (min-width: 769px), print {
  /* line 559, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oFooter .oFooterAboutText .wrapper {
    display: flex;
  }
  /* line 561, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oFooter .oFooterAboutText .wrapper .oAdBanner {
    margin: 15px 0 0 20px;
  }
}

/* line 566, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterAboutText .social {
  margin: 10px 0 10px;
  height: 40px;
  padding-left: 10px;
}

/* line 573, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterAboutText .social .buttons {
  display: flex;
}

@media screen and (min-width: 769px), print {
  /* line 566, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oFooter .oFooterAboutText .social {
    padding-left: 0;
    height: 20px;
    margin: 30px 0 0;
    display: flex;
  }
}

/* line 585, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterAboutText .social .heading {
  height: 20px;
  font-size: 13px;
  color: white;
  line-height: 20px;
  margin: 10px 0;
}

@media screen and (min-width: 769px), print {
  /* line 585, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oFooter .oFooterAboutText .social .heading {
    margin: 0 10px 10px 0;
  }
}

/* line 595, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterAboutText .social #fb-root {
  height: 20px;
  margin-bottom: 15px;
}

/* line 599, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterAboutText .social .fb_iframe_widget {
  height: 20px;
  margin-right: 10px;
}

/* line 602, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterAboutText .social .fb_iframe_widget span {
  vertical-align: baseline !important;
}

/* line 610, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oAdBanner {
  margin: 20px 0 0;
  background-color: #524A4A;
}

/* line 613, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oAdBanner img {
  width: 320px;
  height: auto;
}

/* line 618, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterNav {
  margin: 30px 20px 60px;
}

@media screen and (min-width: 769px), print {
  /* line 618, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oFooter .oFooterNav {
    text-align: center;
  }
  /* line 622, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oFooter .oFooterNav li {
    display: inline;
    border-right: solid 1px white;
    padding: 3px 10px !important;
  }
  /* line 627, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oFooter .oFooterNav li:last-child {
    border-right: none;
  }
  /* line 630, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oFooter .oFooterNav li.arrow :before {
    border-width: 0 !important;
  }
}

/* line 634, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterNav ul {
  padding: 30px 0;
  border-top: 1px solid white;
  line-height: 1.7;
}

/* line 638, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterNav ul li a {
  color: white;
  font-size: 13px;
  text-decoration: none;
}

/* line 644, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterNav ul li.arrow {
  position: relative;
  padding: 0.1em 0.3em 0.2em 1.2em;
}

/* line 648, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterNav ul li.arrow :before {
  position: absolute;
  content: '';
  top: 0.5em;
  left: 0.2em;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 6px 0 6px 9px;
  border-color: transparent transparent transparent white;
}

/* line 660, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFooter .oFooterNav .copy {
  color: white;
  font-size: 12px;
  padding: 0 0 50px 0;
}

/* line 669, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup {
  background-color: white;
  padding-bottom: 20px;
}

/* line 671, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .border {
  position: relative;
  margin: 0 15px 0 20px;
  padding-bottom: 17px;
  padding-right: 17px;
  border-bottom: 1px solid #ebebeb;
}

/* line 678, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .border:before,
.oPickup .border:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 92px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* line 687, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .border:before {
  border: solid 9px transparent;
  border-top: solid 9px #ebebeb;
}

/* line 691, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .border:after {
  border: solid 13px transparent;
  border-top: solid 13px #fff;
  margin-top: -5px;
}

/* line 700, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .image {
  margin: 20px 0;
}

/* line 704, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .image img {
  width: 100%;
}

/* line 708, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup h1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  letter-spacing: 1.3px;
  margin: 0 0 5px 15px;
}

/* line 716, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .mSocialButton {
  padding-bottom: 15px;
}

/* line 719, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .flexbox:nth-child(2n), .oPickup .mMasterBox:nth-child(2n) {
  padding: 0px 25px 0 25px;
}

/* line 722, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .flexbox, .oPickup .mMasterBox {
  padding: 25px 25px 0 25px;
}

/* line 725, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .body {
  padding: 15px 20px 20px 25px;
}

/* line 727, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .body p {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.56;
  letter-spacing: 1.3px;
}

/* line 734, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .mThanksButton {
  margin-left: 20px;
}

/* line 737, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .caption {
  flex-basis: 70px;
}

/* line 739, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .caption .kaitoso {
  padding-top: 10px;
  font-size: 15px;
  font-weight: bold;
}

/* line 744, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .caption .moto {
  padding-top: 0px;
  font-size: 15px;
  font-weight: bold;
}

/* line 751, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .master_info {
  flex-basis: auto;
  width: 80%;
}

/* line 754, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .master_info .flexbox, .oPickup .master_info .mMasterBox {
  -webkit-flex-wrap: wrap;
  padding: 0;
}

/* line 757, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .master_info .flexbox img, .oPickup .master_info .mMasterBox img {
  border-radius: 50%;
}

/* line 760, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .master_info .flexbox .name, .oPickup .master_info .mMasterBox .name {
  margin: 10px 10px 0;
}

/* line 762, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .master_info .flexbox .name a, .oPickup .master_info .mMasterBox .name a {
  font-size: 15px;
  color: #f57474;
}

/* line 768, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .master_info .flexbox .temple a, .oPickup .master_info .mMasterBox .temple a {
  display: block;
  margin: 12px 10px 0 0;
}

/* line 775, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .answer_info {
  flex-basis: auto;
  width: 80%;
}

/* line 778, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .answer_info a {
  font-size: 15px;
  color: #f57474;
  line-height: 0;
}

/* line 783, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPickup .answer_info .sub_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 4px;
}

/* line 793, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesHeader {
  background: white;
  padding-top: 10px;
}

/* line 796, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesHeader img {
  width: 100%;
  display: block;
}

/* line 800, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesHeader .title_area {
  padding: 20px;
  background-color: white;
}

/* line 803, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesHeader .title_area h1 {
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 0 0;
}

/* line 808, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesHeader .title_area .views {
  margin-left: auto;
  font-size: 12px;
}

/* line 814, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody {
  width: 100vw;
  background-color: white;
  padding: 0 20px 20px 20px;
}

/* line 816, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody .banner {
  width: 100%;
  height: 56px;
}

@media screen and (min-width: 769px), print {
  /* line 814, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oFeaturesBody {
    width: 700px;
  }
  /* line 822, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oFeaturesBody .banner {
    width: 355px;
  }
}

/* line 826, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody > p > img {
  width: 100%;
  max-width: 100%;
}

/* line 832, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody h1, .oFeaturesBody .h2, .oFeaturesBody h3, .oFeaturesBody h4, .oFeaturesBody .author {
  font-weight: bold;
}

/* line 835, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody h2 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}

/* line 840, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody h1 {
  margin-bottom: 20px;
  font-size: 18px;
}

/* line 844, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody > p {
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: 1.3px;
  margin-bottom: 30px;
}

/* line 850, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody h2 {
  background-color: white;
  color: #97BC3F;
  padding: 0;
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 1px;
}

/* line 859, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody h3 {
  position: relative;
  margin: 0 0 30px 0;
  padding: 10px 15px;
  font-size: 17px;
  background: #ebebeb;
  color: #4a4a4a;
  font-weight: bold;
  border-radius: 5px;
}

/* line 869, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody h3:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 8px solid transparent;
  border-top: 10px solid #ebebeb;
  width: 0;
  height: 0;
}

/* line 879, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody h4 {
  margin: 0 0 20px 0;
  color: #333;
  font-size: 17px;
  border-left: 5px solid #fb9292;
  padding: 3px 10px;
}

/* line 886, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody .thanks {
  padding-left: 0;
  background-image: none;
  background-size: 20px 16px;
  font-size: 18px;
}

/* line 892, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody > p, .oFeaturesBody blockquote p {
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: 1.3px;
  margin-bottom: 20px;
}

/* line 898, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody p {
  margin-bottom: 30px;
}

/* line 900, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody p a {
  color: #f57474;
}

/* line 904, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody blockquote {
  background: url(/assets/sp_redesign/quote_gray-71375e52a7ca4881212b3a13db640b1a69265b39da23c49cfe96731c3dad968e.png) no-repeat #f8f8f8 15px 20px;
  background-size: 20px 16px;
  padding: 20px 20px 20px 45px;
  margin-bottom: 30px;
  border-radius: 5px;
}

/* line 910, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody blockquote p:last-child {
  margin-bottom: 0px;
}

/* line 911, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody blockquote p:last-child a {
  font-size: 15px;
}

/* line 917, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody blockquote.qa {
  background: url(/none) #f8f8f8;
  padding: 20px 20px 20px 3em;
}

/* line 920, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody blockquote.qa p {
  text-indent: -3em;
}

/* line 923, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody blockquote.qa p:nth-of-type(n+2) {
  text-indent: 0;
}

/* line 927, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody blockquote.qa:nth-of-type(1n):first-letter {
  font-size: 21px;
  padding: 0 0px 0 20px;
  color: #b4b4b4;
}

/* line 933, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody p.talk:first-letter {
  font-weight: bold;
  padding-right: 5px;
}

/* line 937, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody p.talk {
  padding-left: 2.6em;
  text-indent: -2.6em;
}

/* line 941, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody p.talk {
  position: relative;
  display: inline-block;
  margin: 0 0 30px 35px;
  padding: 7px 10px;
  color: #333;
  background: #f8f8f8;
  border-radius: 5px;
}

/* line 950, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody p.talk:before {
  content: "";
  position: absolute;
  top: 12px;
  left: -18px;
  border: 10px solid transparent;
  border-right: 10px solid #f8f8f8;
}

/* line 958, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody .question {
  padding-top: 20px;
  font-size: 15px;
  font-weight: bold;
  border-top: 1px solid #ebebeb;
  position: relative;
}

/* line 964, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody .question a {
  font-size: 15px;
  color: #f57474;
}

/* line 969, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody .question:before,
.oFeaturesBody .question:after {
  content: "";
  position: absolute;
  top: 0;
  left: 55px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* line 978, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody .question:before {
  border: solid 9px transparent;
  border-top: solid 9px #ebebeb;
}

/* line 982, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody .question:after {
  border: solid 13px transparent;
  border-top: solid 13px #fff;
  margin-top: -5px;
}

/* line 987, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody .author {
  font-size: 15px;
}

/* line 990, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody .box {
  border: 1px solid #ebebeb;
  font-size: 15px;
  padding: 15px 20px;
}

/* line 995, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFeaturesBody [name^="link"], .oFeaturesBody [name*=" link"] {
  display: block;
  padding-top: 60px;
  margin-top: -60px;
}

@media screen and (min-width: 769px), print {
  /* line 995, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oFeaturesBody [name^="link"], .oFeaturesBody [name*=" link"] {
    padding-top: 120px;
    margin-top: -120px;
  }
}

/* line 1006, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oArticleProfileBox {
  padding: 20px;
}

/* line 1008, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oArticleProfileBox p {
  font-size: 15px;
}

/* line 1011, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oArticleProfileBox img {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
}

/* line 1017, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oArticleProfileBox img.banner {
  margin-top: 20px;
  border-radius: 0;
  width: 100%;
  height: 56px;
}

@media screen and (min-width: 769px), print {
  /* line 1017, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oArticleProfileBox img.banner {
    width: 355px;
  }
}

/* line 1026, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oArticleProfileBox ul {
  margin: 10px 0 0 20px;
}

/* line 1028, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oArticleProfileBox ul li {
  list-style-type: disc;
}

/* line 1030, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oArticleProfileBox ul li a {
  font-size: 14px;
  color: #4e87a9;
}

/* line 1039, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oJiinInfo {
  background-color: white;
  padding: 20px;
  margin-bottom: 10px;
}

@media screen and (min-width: 769px), print {
  /* line 1039, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oJiinInfo {
    margin-bottom: 20px;
  }
}

/* line 1046, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oJiinInfo .box {
  border: 2px solid #333;
  padding: 15px;
  font-size: 14px;
}

/* line 1050, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oJiinInfo .box h3, .oJiinInfo .box a {
  text-decoration: none;
  font-weight: bold;
  color: #4a4a4a;
}

/* line 1055, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oJiinInfo .box h3 {
  margin-bottom: 10px;
}

/* line 1058, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oJiinInfo .box ul {
  margin-left: 15px;
  list-style-type: disc;
}

/* line 1061, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oJiinInfo .box ul li {
  margin-bottom: 5px;
}

/* line 1070, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleKeyword {
  padding: 20px;
  background: white;
}

/* line 1073, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleKeyword h3 {
  font-weight: bold;
}

/* line 1076, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleKeyword .tag_area {
  margin: 10px 0;
  line-height: 1.5;
}

/* line 1080, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleKeyword .aBorderBox {
  padding: 3px;
  font-size: 12px;
  margin: 0 15px 0 5px;
}

/* line 1085, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleKeyword .all_tag {
  text-align: right;
}

/* line 1087, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleKeyword .all_tag a {
  font-size: 13px;
  font-weight: bold;
  color: #f57474;
  text-decoration: underline;
}

/* line 1092, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMoshikomi {
  padding: 20px;
  background: white;
  margin-bottom: 10px;
}

/* line 1096, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMoshikomi .box {
  border: 1px solid #b4b4b4;
  padding: 15px;
  font-size: 15px;
  line-height: 1.4;
}

/* line 1101, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMoshikomi .box a {
  font-size: 15px;
  color: #f57474;
}

/* line 1109, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain {
  overflow: hidden;
}

/* line 1110, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .blank {
  width: 100%;
  height: 50px;
}

/* line 1114, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .editable {
  margin: 10px 0;
}

/* line 1116, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .editable a {
  display: inline;
}

/* line 1119, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .editable p {
  font-size: 14px;
}

/* line 1123, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .aIconSect {
  margin-bottom: -1px;
}

/* line 1127, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .photo {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 40px;
}

/* line 1133, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .container {
  position: relative;
  padding: 28px 20px 20px 20px;
  background: white;
}

/* line 1137, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .container .circle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -55px;
  right: -10px;
  width: 120px;
  height: 120px;
  background-color: #97BC3F;
  border-radius: 50%;
  color: white;
}

/* line 1148, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .container .circle ul li {
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: 1.3;
  color: white;
}

/* line 1155, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .container .circle ul li.count {
  font-size: 20px;
}

/* line 1158, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .container .circle ul li.kaito {
  margin-top: 4px;
}

/* line 1163, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .container .rubi {
  font-size: 10px;
  color: #4a4a4a;
}

/* line 1168, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .container h1 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}

/* line 1174, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .container h4 a {
  color: #f57474;
}

/* line 1179, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .container .catch_copy {
  color: #4a4a4a;
  margin-bottom: 18px;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 1.1px;
}

/* line 1186, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .container .flexbox strong, .oTempleMain .container .mMasterBox strong {
  word-break: keep-all;
}

/* line 1189, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleMain .container .flexbox.master, .oTempleMain .container .master.mMasterBox {
  flex-wrap: wrap;
}

/* line 1194, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleteBlock {
  background-color: white;
  padding: 0 20px 20px 20px;
}

/* line 1197, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleteBlock .aMainButton {
  padding: 15px;
  display: inline;
  text-decoration: none;
}

/* line 1202, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleteBlock .editable {
  margin-top: 16px;
}

/* line 1204, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleteBlock .editable a {
  text-decoration: underline;
}

/* line 1208, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleteBlock .attention_box {
  border: 1px solid #f57474;
  padding: 15px;
  margin: 0 0 20px 0;
  color: #f57474;
}

/* line 1213, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleteBlock .attention_box a {
  color: #f57474;
  font-size: 15px;
  line-height: 1.4;
}

/* line 1219, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleteBlock .box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
}

/* line 1221, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleteBlock .box h3 {
  font-weight: bold;
  font-size: 17px;
  line-height: 1.8;
}

/* line 1226, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleteBlock .box h4 {
  font-size: 17px;
  font-weight: bold;
}

/* line 1230, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleteBlock .box img {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  height: auto;
}

/* line 1236, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleteBlock .box .description {
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: 1.27;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* line 1244, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleteBlock .box p {
  font-size: 17px;
  line-height: 1.5;
  margin-bottom: 25px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* line 1252, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleteBlock .box .map iframe {
  border: 0;
  max-width: 100%;
  height: 210px;
}

/* line 1263, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMastersAllList {
  background: white;
}

/* line 1265, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMastersAllList .box {
  flex-wrap: wrap;
  justify-content: center;
}

/* line 1270, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterInfo {
  margin-top: 10px;
  background: white;
  padding: 20px;
  position: relative;
}

/* line 1275, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterInfo .caption {
  font-weight: bold;
  font-size: 15px;
}

/* line 1279, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterInfo .url a {
  color: #f57474;
}

/* line 1282, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterInfo .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 130px;
  background-color: #e2f0bf;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

/* line 1294, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterInfo .face {
  position: absolute;
  top: 60px;
  left: 20px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 1px solid white;
  margin-bottom: 15px;
  z-index: 2;
}

/* line 1305, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterInfo .master_info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  margin: 180px 0 15px 0;
}

/* line 1312, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterInfo .master_info a {
  margin: 5px 0 0 auto;
  height: 25px;
}

/* line 1317, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterInfo .master_info .flexbox, .oProfileMasterInfo .master_info .mMasterBox {
  flex-direction: column;
}

@media screen and (min-width: 1024px) {
  /* line 1317, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oProfileMasterInfo .master_info .flexbox, .oProfileMasterInfo .master_info .mMasterBox {
    flex-direction: row;
  }
}

/* line 1324, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterInfo h1 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 1331, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterInfo .temple_info {
  padding: 10px 0 0 14px;
  margin-top: 15px;
  border-left: 4px solid #f2f2f2;
}

/* line 1335, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterInfo .temple_info p {
  line-height: 1.83;
}

/* line 1338, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterInfo .temple_info a {
  text-decoration: none;
}

/* line 1343, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterInfo .info_link {
  color: #f57474;
  margin: 5px 0 20px 0;
  display: block;
}

/* line 1348, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterInfo button {
  margin-top: 15px;
  font-size: 12px;
}

/* line 1353, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterIntoro {
  background: white;
  padding: 0 20px 20px;
  font-size: 15px;
}

/* line 1357, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterIntoro p {
  margin-bottom: 20px;
}

/* line 1360, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileMasterIntoro .aTalkable, .oProfileMasterIntoro .aUnTalkable {
  display: inline-block;
  margin-bottom: 10px;
}

/* line 1366, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMasterAnswers {
  background-color: white;
  padding: 0 20px 20px 20px;
}

/* line 1369, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMasterAnswers .links {
  text-align: right;
  font-size: 12px;
  margin: 0 0 10px;
}

/* line 1373, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMasterAnswers .links a {
  color: #f57474;
}

/* line 1377, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMasterAnswers hr:last-child {
  display: none;
}

/* line 1380, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMasterAnswers .box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
  padding-bottom: 20px;
}

/* line 1381, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMasterAnswers .box hr {
  width: 80%;
  margin: 10px auto 30px;
  border-top: none;
  border-bottom: 1px solid #dddddd;
  background-color: transparent;
}

/* line 1390, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMasterAnswers .box .mMasterAnswerRow:last-child {
  padding-bottom: 0;
}

/* line 1399, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileUserInfo {
  padding: 20px;
  background: white;
}

/* line 1402, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileUserInfo h2 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 20px;
}

/* line 1407, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileUserInfo .q_num {
  margin-left: auto;
  vertical-align: bottom;
  word-break: keep-all;
  line-height: 20px;
}

/* line 1413, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileUserInfo .sub_text {
  margin-top: 5px;
}

/* line 1416, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileUserInfo .num {
  font-weight: bold;
  line-height: 20px;
}

/* line 1420, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileUserInfo .row {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #ebebeb;
}

/* line 1424, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileUserInfo .row .caption, .oProfileUserInfo .row .user_info, .oProfileUserInfo .row .status {
  font-size: 15px;
}

/* line 1429, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileUserInfo .row .user_info p {
  font-size: 16px;
  margin-top: 10px;
}

/* line 1432, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileUserInfo .row .user_info p br {
  font-size: 12px;
}

/* line 1437, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileUserInfo .row .caption {
  width: 100px;
  font-weight: bold;
  margin-right: 40px;
}

/* line 1442, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oProfileUserInfo .row .acl_status {
  width: 120px;
  text-align: center;
  font-size: 13px;
  letter-spacing: -0.5px;
  color: white;
  background-color: #fb9292;
  padding: 1px 4px;
  border-radius: 3px;
  position: absolute;
  right: 0;
  top: 18px;
}

/* line 1458, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditAccount {
  padding: 0 50px 20px;
  background-color: white;
}

/* line 1461, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditAccount .box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* line 1464, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditAccount .box li {
  font-weight: bold;
  font-size: 12px;
  margin: 0;
}

/* line 1470, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditAccount p.sub_text {
  margin-bottom: 10px;
}

/* line 1473, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditAccount button {
  margin-top: 20px;
}

/* line 1477, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditStep {
  padding: 0 20px 20px;
  background-color: white;
}

/* line 1481, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditMail {
  padding: 0 20px;
  background-color: white;
}

/* line 1485, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditPassword {
  padding: 0 20px;
  background-color: white;
}

/* line 1490, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditPasscode {
  padding: 0 20px 20px;
  background-color: white;
}

/* line 1493, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditPasscode .box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin-bottom: 10px;
}

/* line 1496, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditPasscode .box p {
  font-size: 12px;
}

/* line 1499, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditPasscode .box span {
  padding-right: 8px;
  font-size: 12px;
}

/* line 1504, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditPasscode .aLine {
  margin: 20px 0;
}

/* line 1507, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditPasscode button {
  margin-top: 15px;
}

/* line 1512, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditAccountMaster {
  padding: 0 20px 10px;
  background-color: white;
}

/* line 1515, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditAccountMaster .box {
  margin-top: 20px;
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
}

/* line 1519, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditAccountMaster img {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

/* line 1524, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditAccountMaster img.face {
  width: 100px;
  height: 100px;
}

/* line 1528, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditAccountMaster button {
  margin-top: 15px;
}

/* line 1531, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oEditAccountMaster p {
  margin-bottom: 10px;
}

/* line 1537, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleInfoBasic {
  padding: 0 20px 10px;
  background-color: white;
}

/* line 1540, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleInfoBasic .box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
}

/* line 1545, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleInfoBasic p {
  margin-bottom: 10px;
}

/* line 1549, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleInfoBasic .notice {
  margin-top: 20px !important;
}

/* line 1554, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oForm {
  overflow: hidden;
  padding: 0 20px 10px;
  background-color: white;
}

/* line 1558, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oForm .field_with_errors {
  width: 100%;
}

/* line 1561, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oForm .mH2 {
  margin: 20px 0;
}

/* line 1564, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oForm img {
  display: block;
  margin-bottom: 10px;
}

/* line 1568, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oForm button {
  margin-top: 15px;
}

/* line 1571, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oForm p {
  margin-bottom: 10px;
}

/* line 1574, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oForm .aLabel {
  margin-top: 20px !important;
}

/* line 1577, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oForm .aMainButton {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

/* line 1583, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHr {
  margin: 30px 0;
  border: 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #fff;
}

/* line 1591, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLoginForm {
  background-color: white;
}

/* line 1592, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLoginForm hr {
  padding: 20px 0;
  margin: 20px 0;
}

/* line 1597, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLoginForm .aCheckbox label {
  margin-left: 3px;
  font-size: 12px;
  color: #4a4a4a;
  vertical-align: 3px;
}

/* line 1603, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLoginForm input {
  margin-bottom: 15px;
}

/* line 1606, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLoginForm .password {
  margin: 15px 0 20px;
}

/* line 1608, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oLoginForm .password a {
  font-size: 12px;
}

/* line 1614, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oToSignUP {
  background-color: white;
}

/* line 1616, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oToSignUP ul {
  flex: 1;
  margin: 0 0 15px 20px;
}

/* line 1619, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oToSignUP ul li, .oToSignUP ul li strong {
  font-size: 12px;
}

/* line 1623, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oToSignUP img {
  width: 100%;
  max-width: 400px;
}

/* line 1629, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oRegistrationsForm {
  padding: 0 20px 20px;
  background-color: white;
}

/* line 1632, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oRegistrationsForm h3 {
  font-weight: bold;
  margin: 0 0 20px 0;
}

/* line 1636, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oRegistrationsForm p {
  margin-bottom: 20px;
}

/* line 1640, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.RegistrationsConfirm {
  padding: 0 20px 20px;
  background-color: white;
}

/* line 1643, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.RegistrationsConfirm .caution_text {
  color: #f57474;
  font-size: 12px;
}

/* line 1647, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.RegistrationsConfirm .row {
  border-bottom: 1px solid #ebebeb;
  padding: 15px 0;
}

/* line 1650, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.RegistrationsConfirm .row .caption {
  margin-right: 10px;
  word-break: keep-all;
}

/* line 1654, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.RegistrationsConfirm .row .conf_value {
  word-break: break-word;
}

/* line 1658, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.RegistrationsConfirm p {
  font-size: 12px;
  margin: 10px 0;
}

/* line 1663, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oRegistrationsPreconfirm {
  padding: 0 20px 20px;
  background-color: white;
}

/* line 1666, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oRegistrationsPreconfirm .box_check {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* line 1668, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oRegistrationsPreconfirm .box_check li {
  font-size: 12px;
  font-weight: bold;
}

/* line 1674, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oRegistrationsPreconfirm p {
  margin: 0 0 20px 0;
}

/* line 1680, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocumentRequests {
  margin-bottom: 10px;
  padding: 0 20px 20px;
  background-color: white;
}

/* line 1684, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocumentRequests h3 {
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 1688, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocumentRequests .box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
}

/* line 1690, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocumentRequests .box p, .oDocumentRequests .box a {
  font-size: 14px;
}

/* line 1694, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocumentRequests select {
  margin: 5px 0 10px;
}

/* line 1697, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocumentRequests p.sub_text {
  margin: 0 0 10px;
}

/* line 1700, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocumentRequests input[type="checkbox"] {
  border: 1px solid #b4b4b4;
  margin: 0 5px 10px;
  width: 15px;
  height: 15px;
}

/* line 1706, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocumentRequests a {
  font-weight: normal;
}

/* line 1709, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocumentRequests .row {
  border-bottom: 1px solid #ebebeb;
  padding: 15px 0;
}

/* line 1712, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocumentRequests .row .caption {
  word-break: keep-all;
}

/* line 1715, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocumentRequests .row .conf_value {
  word-break: break-word;
}

/* line 1719, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocumentRequests .aStepArrow {
  margin: 10px auto 10px auto;
}

/* line 1725, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction {
  padding: 70px 20px 0;
  background-color: white;
  margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  /* line 1725, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oQuestionrRestriction {
    padding: 30px 20px 0;
  }
}

/* line 1732, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction .members_link {
  text-align: center;
  font-size: 14px;
}

/* line 1735, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction .members_link a {
  text-decoration: underline;
  font-weight: bold;
  color: #f57474;
}

/* line 1742, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction .members_p a {
  color: #f57474;
}

/* line 1746, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction h2 {
  font-size: 22px;
  font-weight: bold;
  margin: 25px 0;
  color: #97BC3F;
  text-align: center;
}

/* line 1753, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction p {
  margin-bottom: 20px;
  padding: 0 20px;
}

/* line 1757, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction img {
  width: 330px;
  height: 68px;
  display: block;
  margin-bottom: 20px;
}

@media screen and (max-width: 320px) {
  /* line 1764, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oQuestionrRestriction img {
    width: 280px;
    height: auto;
  }
}

/* line 1769, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction .bnr_width {
  width: 100%;
  height: auto;
}

/* line 1773, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction .box_border {
  width: 100%;
  margin: 0 0 20px;
  border-radius: 3px;
  border: 1px solid #ebebeb;
}

/* line 1780, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction .box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* line 1783, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction .box li:first-child > span {
  color: #97BC3F;
  font-weight: bold;
}

/* line 1789, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction .box_half {
  width: 100%;
  position: relative;
  text-align: center;
  border-radius: 5px;
  margin: 0;
  padding: 10px;
}

/* line 1797, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction .balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 12px 10px;
  min-width: 100%;
  max-width: 100%;
  line-height: 1.5;
  font-size: 17px;
  background: #e0edff;
  border-radius: 10px;
}

/* line 1809, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}

/* line 1818, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQuestionrRestriction .balloon p {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 769px), print {
  /* line 1824, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oQuestionrRestriction .box_s {
    margin: 0 10px 20px;
    width: 48%;
  }
  /* line 1828, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oQuestionrRestriction .box_border {
    width: 48%;
    margin: 0 10px 20px;
  }
}

/* line 1835, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeaderImg {
  padding: 0 0 20px;
  background: #fff;
}

/* line 1838, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeaderImg .border_img {
  width: 100%;
  border-top: 10px solid #ecd1df;
  border-bottom: 10px solid #ecd1df;
  padding: 20px 0;
  margin: 0 auto;
  text-align: center;
  background: #fdfbfc;
}

/* line 1846, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeaderImg .border_img img {
  width: 325px;
  height: 325px;
}

/* line 1851, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeaderImg h1 {
  padding: 0 !important;
}

/* line 1853, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeaderImg h1 img {
  width: 375px !important;
  height: 150px !important;
  display: inherit;
}

/* line 1859, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs {
  padding: 0 20px 30px 20px;
  background-color: white;
  margin-bottom: 10px;
}

/* line 1864, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .thumb img {
  width: 120px;
  height: 120px;
  min-width: 120px;
  min-height: 120px;
}

/* line 1871, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs h2 {
  padding-top: 30px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}

/* line 1878, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .caption, .oDocs h3, .oDocs h4 {
  font-weight: bold;
}

/* line 1881, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs h3 {
  font-size: 17px;
  margin: 20px 0;
}

/* line 1885, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs h3:first-child {
  margin-top: 0;
}

/* line 1888, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs h4, .oDocs p {
  margin-bottom: 15px;
  line-height: 1.8;
}

/* line 1892, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .img_title {
  background: #e2f0bf;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
  margin: 15px 0 5px 0;
}

/* line 1900, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* line 1904, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs a, .oDocs a > .flexbox > p, .oDocs a > .mMasterBox > p {
  color: #f57474;
}

/* line 1906, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs a img.thumb, .oDocs a > .flexbox > p img.thumb {
  width: 80px;
  height: 57px;
}

/* line 1911, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .aMessageLarge {
  margin-top: 20px;
}

/* line 1914, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

/* line 1919, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .flexbox, .oDocs .mMasterBox {
  justify-content: space-between;
}

/* line 1921, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .flexbox p, .oDocs .mMasterBox p {
  margin-right: 10px;
  font-size: 14px;
}

/* line 1925, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .flexbox img, .oDocs .mMasterBox img {
  width: 120px;
  height: 120px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: auto;
}

/* line 1932, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .flexbox iframe, .oDocs .mMasterBox iframe {
  width: 342px;
  height: 291px;
}

/* line 1938, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .kakekomi_link [id^="cat"], .oDocs .kakekomi_link [id*=" cat"] {
  display: block;
  padding-top: 100px;
  margin-top: -100px;
}

/* line 1943, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .kakekomi_link h4 {
  position: relative;
  display: block;
  padding: 0 0 0 15px;
  margin: 0 0 10px;
  text-decoration: none;
  font-size: 17px;
  color: #444;
}

/* line 1952, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .kakekomi_link h4::before {
  position: absolute;
  top: 10px;
  margin: auto;
  content: "";
  vertical-align: top;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #b4b4b4;
  border-right: 2px solid #b4b4b4;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 1965, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .kakekomi_link h4 a, .oDocs .kakekomi_link .check_area a {
  padding-right: 12px;
}

/* line 1968, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .kakekomi_link .cat a {
  font-size: 15px;
  background: #F8F8F8;
  color: #4e87a9;
  padding: 5px;
  display: inline-block;
  border: 1px solid #EBEBEB;
  margin: 0 10px 10px 0;
  border-radius: 3px;
  text-decoration: none;
}

/* line 1979, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .kakekomi_link .link_block {
  padding: 15px 15px 20px;
  background: #f8f8f8;
  margin: 0 0 20px;
  border-radius: 3px;
}

/* line 1985, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .kakekomi_link h4 span {
  font-size: 13px;
  font-weight: normal;
  color: #666;
  display: block;
}

/* line 1991, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .kakekomi_link p {
  padding: 0 0 0 15px;
  line-height: 1.5;
  margin-bottom: 0;
}

/* line 1996, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .kakekomi_link .check_area {
  margin: 0px 0 10px 18px;
}

/* line 1999, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .kakekomi_link h4 + .check_area {
  margin-top: -15px;
}

/* line 2002, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .kakekomi_link span.check {
  position: relative;
  padding: 10px 0 2px;
  color: #97BC3F;
  font-size: 15px;
  display: block;
}

/* line 2009, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs .kakekomi_link span.check::after {
  display: block;
  content: '';
  position: absolute;
  top: 1.2em;
  left: -1.1em;
  width: 10px;
  height: 5px;
  border-left: 2px solid #97BC3F;
  border-bottom: 2px solid #97BC3F;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 2026, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueMainPanel {
  position: relative;
  padding: 20px 0;
  background-color: white;
}

/* line 2030, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueMainPanel .image {
  width: 100%;
  display: block;
}

/* line 2034, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueMainPanel .bg {
  background: url(/assets/posts/posts_image_bg-1854752df87e67665d19d6212a645182629f58386fc7d4007d7e9d08ebda93d8.png) no-repeat #d3e797;
  background-position: center 60px;
  background-size: 414px 75px;
  padding: 10px 0 30px;
}

/* line 2039, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueMainPanel .bg .copy {
  margin-bottom: 75px;
}

/* line 2043, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueMainPanel .oPlainButton {
  background: #d3e797;
}

/* line 2045, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueMainPanel .oPlainButton button {
  margin-top: -10px;
  width: 180px;
  font-weight: bold;
}

/* line 2051, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueMainPanel p span {
  display: block;
  line-height: 1.4;
}

@media screen and (min-width: 769px), print {
  /* line 2056, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oDialogueMainPanel .bg {
    background-position: center 40px;
    background-size: 700px 126px;
  }
  /* line 2059, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oDialogueMainPanel .bg .copy {
    margin-bottom: 125px;
  }
  /* line 2062, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oDialogueMainPanel .bg button {
    width: 245px;
    margin-top: -20px;
  }
  /* line 2067, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oDialogueMainPanel p span {
    display: inline;
  }
}

/* line 2072, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueMainPanel .mCheckList {
  margin: 20px;
}

/* line 2075, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueMainPanel .white {
  background-color: white;
  padding: 20px;
}

/* line 2079, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueMainPanel .gray {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #f8f8f8;
}

/* line 2092, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPostsForm {
  position: relative;
  padding: 65px 30px 20px;
  background-color: white;
}

/* line 2096, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPostsForm .box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* line 2100, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPostsForm .buttons {
  display: flex;
  margin: 20px 0;
}

/* line 2102, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPostsForm .buttons .div2 {
  margin-left: 10px;
  flex: 1;
}

/* line 2107, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPostsForm .buttons .div1 {
  margin-right: 10px;
  flex: 1;
}

/* line 2112, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPostsForm .buttons .aMainButton + .aMainButton {
  margin-left: 20px;
}

@media screen and (min-width: 769px), print {
  /* line 2092, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oPostsForm {
    padding: 25px 30px 20px;
  }
}

/* line 2124, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksImage {
  position: relative;
  background: #fff;
}

/* line 2127, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksImage h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.1;
  margin: 15px auto 20px;
}

/* line 2132, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksImage h2 strong {
  font-size: 14px;
  color: #97BC3F;
}

/* line 2137, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksImage .guideLink {
  margin-top: -10px;
  margin-bottom: 10px;
  font-size: 18px;
}

/* line 2141, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksImage .guideLink a {
  color: #f57474;
  text-decoration: none;
}

/* line 2146, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksImage p {
  font-size: 14px;
}

/* line 2149, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksImage em {
  font-style: initial !important;
  border-bottom: 5px solid #fff2cc;
  font-weight: bold;
}

/* line 2154, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksImage button {
  margin: 10px auto 30px;
}

@media screen and (max-width: 320px) {
  /* line 2158, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalksImage .image {
    left: -5px;
    background-size: 330px 80px;
  }
  /* line 2162, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalksImage p {
    font-size: 12px;
  }
}

/* line 2167, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksImage .aMessageLarge p {
  font-size: 16px !important;
}

/* line 2169, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksImage .aMessageLarge p span {
  display: block;
  font-weight: inherit;
  color: inherit;
}

/* line 2175, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksImage .aMessageLarge p:before, .oTalksImage .aMessageLarge p:after {
  height: 40px;
  top: -10px;
}

/* line 2179, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksImage .aMessageLarge p:before {
  left: 10px;
}

/* line 2182, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksImage .aMessageLarge p:after {
  right: 10px;
}

@media screen and (min-width: 769px), print {
  /* line 2124, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalksImage {
    margin: 0 -25px;
    padding: 0 0 10px;
  }
  /* line 2189, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalksImage h2 {
    font-size: 34px;
    margin: 20px auto;
  }
  /* line 2192, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalksImage h2 strong {
    font-size: 17px;
  }
  /* line 2196, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalksImage p {
    font-size: 17px;
  }
  /* line 2199, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalksImage .aMessageLarge {
    margin: 0 auto;
    max-width: 530px;
  }
  /* line 2204, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalksImage .aMessageLarge p span {
    display: inline;
  }
  /* line 2208, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalksImage .aMessageLarge p:before, .oTalksImage .aMessageLarge p:after {
    height: 30px;
    top: 0px;
  }
  /* line 2212, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalksImage .aMessageLarge p:before {
    left: 120px;
  }
  /* line 2215, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalksImage .aMessageLarge p:after {
    right: 120px;
  }
}

/* line 2225, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks {
  background-color: white;
  margin-bottom: 10px;
}

/* line 2229, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .message {
  margin: 0 0 10px;
}

/* line 2231, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .message p {
  color: red;
}

/* line 2236, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .aMainStrongButton {
  margin: 10px 0;
  max-width: 300px;
}

/* line 2241, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .radio-input {
  display: none;
}

/* line 2245, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .field_with_errors .radio-input {
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: 4px;
}

/* line 2253, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .small {
  font-size: 14px;
  line-height: 22px;
  margin: 20px 0 10px;
  color: gray;
}

/* line 2260, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .radio-input + label {
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
}

/* line 2265, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .radio-input + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}

/* line 2276, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .radio-input:checked + label {
  color: #97BC3F;
}

/* line 2279, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .radio-input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 11px;
  height: 11px;
  background: green;
  border-radius: 50%;
}

/* line 2290, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .mailNotice {
  padding: 30px;
  margin: 30px 0;
  background-color: #e9f3ab;
}

/* line 2294, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .mailNotice .mail {
  font-size: 24px;
  color: green;
}

@media screen and (min-width: 1024px) {
  /* line 2301, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalks .nextButton {
    max-width: 200px;
  }
}

/* line 2306, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks h2 {
  padding-top: 30px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

/* line 2313, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .caption, .oTalks h3, .oTalks h4 {
  font-weight: bold;
}

/* line 2317, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks h3 {
  font-size: 17px;
  margin: 20px 0;
}

/* line 2321, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks h3:first-child {
  margin-top: 0;
}

/* line 2324, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks h3 label {
  font-weight: bold;
}

/* line 2327, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks h3.voice_01 {
  padding-left: 65px;
  background: url(/assets/talks/image_voice01-f892f4a31e57141a9e66ed01b027240c8f87350427d78f70553bf943637ac3eb.png) no-repeat;
  background-size: 55px 55px;
}

/* line 2332, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks h3.voice_02 {
  padding-left: 65px;
  background: url(/assets/talks/image_voice02-fab376c52e6b4d09c73fd3769848285b94321ce296cf3f03f18b5b2856dcd679.png) no-repeat;
  background-size: 55px 55px;
  letter-spacing: 0;
}

/* line 2339, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks h4 {
  margin-bottom: 15px;
  line-height: 1.8;
}

/* line 2343, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks a {
  color: #f57474;
  text-decoration: none;
}

/* line 2347, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks em {
  font-style: initial !important;
  border-bottom: 5px solid #fff2cc;
  font-weight: bold;
}

/* line 2352, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .box {
  text-align: center;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  margin: 0 0 20px;
  padding: 15px;
}

/* line 2359, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .flexbox, .oTalks .mMasterBox {
  justify-content: space-between;
}

/* line 2362, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .row.flexbox, .oTalks .row.mMasterBox {
  justify-content: flex-start;
}

/* line 2365, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .row {
  border-bottom: 1px solid #ebebeb;
  padding: 15px 0;
}

/* line 2371, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .row .conf_value {
  word-break: break-word;
}

/* line 2375, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .guideLink {
  margin-top: 20px;
}

/* line 2379, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .box_s {
  position: relative;
  text-align: center;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  margin: 0 0 20px;
  padding: 20px 5px;
  width: 100%;
}

/* line 2387, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .box_s .mCircle {
  line-height: 1.5;
  position: absolute;
  top: -20px;
  right: -18px;
  background: #fb9292;
}

/* line 2394, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .box_s li {
  font-size: 15px;
  text-align: left;
}

/* line 2398, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .box_s p > strong {
  font-size: 20px;
}

/* line 2401, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .box_s img {
  width: 200px;
  height: 70px;
}

/* line 2405, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .box_s em {
  font-style: initial !important;
  font-size: 28px;
  color: #97BC3F;
  border-bottom: none;
  font-weight: normal;
}

/* line 2413, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .aAttentionBox {
  margin: 25px 0;
}

/* line 2417, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .aMessage p {
  font-size: 16px !important;
}

/* line 2419, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .aMessage p span {
  display: block;
  font-weight: inherit;
  color: inherit;
}

/* line 2425, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .aMessage p:before, .oTalks .aMessage p:after {
  height: 40px;
  top: 3px;
}

/* line 2429, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .aMessage p:before {
  left: 10px;
}

/* line 2432, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .aMessage p:after {
  right: 10px;
}

/* line 2436, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .aOkimochiButton {
  margin: 0 auto 10px;
  color: #f57474;
}

/* line 2440, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .number {
  padding: 8px 15px;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  background: #f1f1f1;
  font-size: 14px;
  margin-bottom: 10px;
}

/* line 2449, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks #error_explanation {
  border: 2px solid #ffadad;
  padding: 10px 0;
}

/* line 2452, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks #error_explanation li {
  padding: 0 20px;
  color: #f57474;
}

/* line 2457, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .buttons {
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

/* line 2463, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .buttons > div {
  flex-grow: 1;
}

/* line 2466, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .buttons > div + div {
  margin-left: 10px;
}

/* line 2470, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .plus {
  text-align: center;
  font-size: 30px;
  margin: -20px 0 0 0;
}

/* line 2475, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .breakdown {
  margin: 0px 0;
}

/* line 2477, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .breakdown .box {
  text-align: center;
}

/* line 2480, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalks .breakdown img {
  height: 115px;
  -webkit-backface-visibility: hidden;
  margin-top: 20px;
}

@media screen and (min-width: 769px), print {
  /* line 2487, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalks h2 {
    padding-top: 50px;
  }
  /* line 2490, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalks .mgn_l {
    margin-left: 220px;
  }
  /* line 2493, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalks .box_s {
    margin: 0 10px 20px;
    width: 49%;
  }
  /* line 2497, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalks .box_s .mCircle {
    top: -45px;
    right: -18px;
  }
  /* line 2502, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalks .breakdown {
    align-items: center;
  }
  /* line 2504, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalks .breakdown .box {
    text-align: left;
  }
  /* line 2507, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalks .breakdown img {
    height: 100%;
  }
  /* line 2511, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalks .aMessage {
    margin: 0 auto;
    max-width: 500px;
  }
  /* line 2514, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalks .aMessage p {
    font-size: 18px !important;
  }
  /* line 2516, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalks .aMessage p span {
    display: inline;
  }
  /* line 2520, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalks .aMessage p:before, .oTalks .aMessage p:after {
    height: 30px;
    top: 0px;
  }
  /* line 2525, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalks .aEmphasisButton {
    width: 45%;
  }
}

/* line 2531, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkOrei {
  padding: 0 20px 30px 20px;
  background-color: white;
  margin-bottom: 10px;
}

/* line 2535, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkOrei #stripe {
  width: 450px;
  max-width: 100%;
}

/* line 2540, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkOrei .receipt_link {
  color: #f57474;
}

/* line 2543, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkOrei a {
  text-decoration: none;
}

/* line 2546, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkOrei h3 {
  margin: 20px 0;
}

/* line 2548, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkOrei h3 label {
  font-weight: bold;
}

/* line 2553, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkOrei .aTextField input {
  width: 292px;
  margin-right: 10px;
}

/* line 2558, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkOrei #user_message_confirm, .oTalkOrei #okimochi_price_confirm, .oTalkOrei #comment_to_hasunoha_confirm {
  display: none;
  border-top: 1px solid #ebebeb;
  padding: 20px 0;
  margin: 20px 0 0;
}

/* line 2564, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkOrei #confirm_text {
  display: none;
}

/* line 2567, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkOrei .buttons {
  margin-top: 30px;
}

/* line 2569, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkOrei .buttons .button {
  width: 50%;
  margin-right: 10px;
}

@media screen and (min-width: 769px), print {
  /* line 2531, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalkOrei {
    padding: 20px 50px 30px;
  }
  /* line 2576, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalkOrei .button {
    width: 300px;
  }
}

/* line 2582, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkPanel {
  position: relative;
  padding: 25px 15px 0px;
  background: #fff;
  border-top: 1px solid #ebebeb;
}

/* line 2587, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkPanel .under_line {
  font-style: initial !important;
  border-bottom: 5px solid #fff2cc;
  font-weight: bold;
}

/* line 2592, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkPanel .aUserPhoto img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 10px 8px 10px 0;
}

@media screen and (min-width: 769px), print {
  /* line 2599, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalkPanel .aUserPhoto img {
    width: 80px;
    height: 80px;
    margin: 15px 10px;
  }
}

@media screen and (max-width: 320px) {
  /* line 2606, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalkPanel .aUserPhoto img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin: 10px 5px 10px 0;
  }
}

/* line 2615, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAdmin {
  width: 100%;
  margin: 100px 0 10px;
}

/* line 2618, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAdmin .header {
  background-color: green;
  color: white;
  margin: 0 20px;
  padding: 8px 20px 0;
}

/* line 2624, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAdmin .content {
  padding: 20px;
  margin: 0 20px 20px;
  box-sizing: border-box;
  border: 5px solid green;
}

/* line 2633, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oArticle {
  background-color: white;
  margin-bottom: 10px;
}

/* line 2637, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oArticleHeader {
  background-color: white;
}

/* line 2639, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oArticleHeader img {
  width: 100%;
  display: block;
  padding: 10px 0 20px;
}

/* line 2646, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oNotice, .oError {
  position: absolute;
  top: 50px;
  z-index: 9999;
  top: 20px;
  left: 0;
  width: 100%;
  padding: 10px;
  color: white;
  max-width: 300px;
}

@media screen and (min-width: 769px), print {
  /* line 2646, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oNotice, .oError {
    top: 0;
  }
}

/* line 2659, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oNotice p, .oError p {
  border-radius: 5px;
  padding: 10px 20px;
  width: 100%;
  background-color: #bbe265;
}

/* line 2668, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oError p {
  background-color: #ffadad;
}

/* line 2674, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners #video-end-image {
  width: 300px;
  height: 300px;
  margin-bottom: 8px;
}

/* line 2682, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .aBanner img, .oInnerBanners .aBannerSallia img {
  width: 100%;
  height: auto;
}

/* line 2687, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column {
  margin: 0 0 20px;
  position: relative;
}

/* line 2689, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column [class*="column"] + [class*="column"]:last-child {
  float: none;
}

/* line 2694, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column a.title_bar {
  font-size: 14px;
  display: block;
  background: #5d6a4d;
  padding: 15px 10px 2px;
}

/* line 2699, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column a.title_bar img {
  width: 208px;
  height: 40px;
  margin-bottom: 5px;
}

/* line 2705, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column .mihotoke {
  position: absolute;
  right: 0;
  top: -10px;
  width: 103px;
  height: 40px;
}

/* line 2711, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column .mihotoke img.mihotokeFace {
  height: 78px;
  width: 103px;
}

/* line 2716, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column .column_list {
  display: flex;
  display: -webkit-flex;
  border-bottom: 1px solid #ccc;
  background: #fff;
  padding: 5px 0 5px;
}

/* line 2722, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column .column_list img {
  width: 100px;
  height: 80px;
  flex-grow: 2;
}

@media screen and (min-width: 769px), print {
  /* line 2722, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oInnerBanners .column .column_list img {
    margin: 4px;
    width: 50px;
    height: 40px;
  }
}

/* line 2732, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column .column_list .title {
  flex-grow: 1;
  margin: 0;
  width: 100%;
  padding: 4px 0 0 10px;
  font-size: 14px;
  line-height: 1;
}

/* line 2739, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column .column_list .title .link {
  text-decoration: none;
}

/* line 2741, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column .column_list .title .link span, .oInnerBanners .column .column_list .title .link strong {
  font-size: 15px;
  display: inline-block;
  line-height: 1.4;
}

@media screen and (min-width: 769px), print {
  /* line 2741, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oInnerBanners .column .column_list .title .link span, .oInnerBanners .column .column_list .title .link strong {
    font-size: 14px;
  }
}

/* line 2750, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column .column_list .title .catch_copy, .oInnerBanners .column .column_list .title .num, .oInnerBanners .column .column_list .title .master {
  font-size: 15px;
  color: #333;
}

@media screen and (min-width: 769px), print {
  /* line 2750, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oInnerBanners .column .column_list .title .catch_copy, .oInnerBanners .column .column_list .title .num, .oInnerBanners .column .column_list .title .master {
    font-size: 14px;
  }
}

/* line 2757, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column .column_list .title .master {
  margin: 5px 0 0 0;
}

/* line 2760, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column .column_list .title .num {
  width: 38px;
  margin: 5px 10px 0 0;
  vertical-align: top;
}

@media screen and (min-width: 769px), print {
  /* line 2760, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oInnerBanners .column .column_list .title .num {
    display: none !important;
  }
}

/* line 2768, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column .column_list .title .catch_copy {
  padding-left: 45px;
  display: block;
  line-height: 1.4;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (min-width: 769px), print {
  /* line 2768, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oInnerBanners .column .column_list .title .catch_copy {
    padding-left: 0;
  }
}

/* line 2778, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column .column_list .title .br {
  line-height: 1;
}

/* line 2781, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column .column_list .title .link_text {
  font-size: 15px;
  line-height: 1 !important;
}

/* line 2785, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oInnerBanners .column .column_list .title .small {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 150px;
  font-size: 14px !important;
  margin-top: 5px;
}

/* line 2797, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMihotokeColumns {
  margin: 25px 0 12px;
  position: relative;
}

/* line 2798, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMihotokeColumns a {
  text-decoration: none;
}

/* line 2801, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMihotokeColumns [class*="column"] + [class*="column"]:last-child {
  float: none;
}

/* line 2806, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMihotokeColumns .title_bar {
  display: block;
  background: #5d6a4d;
  padding: 10px 10px;
}

/* line 2810, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMihotokeColumns .title_bar .img {
  width: 208px;
  height: 40px;
}

/* line 2814, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMihotokeColumns .banner {
  height: 60px;
  width: 100%;
}

/* line 2819, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMihotokeColumns .mihotokeImg {
  position: absolute;
  height: 78px;
  width: 103px;
  top: -18px;
  right: 0;
}

/* line 2826, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMihotokeColumns .columnRow {
  display: flex;
  display: -webkit-flex;
  border-bottom: 1px solid #ccc;
  background: #fff;
}

/* line 2831, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMihotokeColumns .columnRow .num {
  font-size: 14px;
  margin-right: 4px;
}

/* line 2837, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMihotokeColumns .columnRow .img {
  width: 100px;
  height: 80px;
}

/* line 2841, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMihotokeColumns .columnRow .title {
  padding-top: 2px;
  margin-left: 16px;
  width: 100%;
}

/* line 2846, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMihotokeColumns .columnRow .catch_copy, .oMihotokeColumns .columnRow .num, .oMihotokeColumns .columnRow .temple {
  color: #000;
  line-height: 12px;
  display: teble-cell;
  box-shadow: none;
  font-size: 14px;
}

/* line 2853, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMihotokeColumns .columnRow .catch_copy {
  margin-top: 2px;
  font-size: 14px;
  padding-left: 39px;
}

/* line 2857, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMihotokeColumns .columnRow .catch_copy .br {
  line-height: 22px;
}

/* line 2865, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPrefecturesList .children {
  display: none;
}

/* line 2868, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oPrefecturesList .arrow {
  padding: 7px 20px;
  height: 40px;
}

/* line 2874, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oBrowserAlert {
  border: 1px solid #f57474;
  height: 100px;
  margin: 100px 20px 0;
  padding: 20px;
  color: #f57474;
}

@media screen and (min-width: 769px), print {
  /* line 2883, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oOkimochi .okimochi_container {
    margin: 0 25px;
  }
}

/* line 2887, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .okimochi_container #okimochi_form_container {
  max-width: 500px;
}

/* line 2889, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .okimochi_container #okimochi_form_container input[type="radio"] {
  margin-right: 10px;
}

/* line 2893, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .okimochi_container .circles {
  justify-content: center;
}

/* line 2896, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .okimochi_container #button_container {
  max-width: 300px;
  margin: 0 auto;
}

/* line 2900, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .okimochi_container .w500 {
  max-width: 500px;
  margin: 10px auto 0;
}

/* line 2907, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .buttonsContainer .alert {
  display: none;
  color: #ff3860;
}

/* line 2912, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .oThanks {
  padding: 0;
}

/* line 2919, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .step2 {
  display: none;
}

/* line 2923, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .step2 > div form .aResponsiveButton {
  width: 100%;
}

/* line 2928, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .step2 .card-form {
  background-color: #f6f6f6;
  display: none;
  padding: 20px;
  margin-bottom: 20px;
}

/* line 2935, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .bank-transfer {
  display: none;
}

/* line 2940, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .button-credit-card .flex {
  justify-content: center;
  display: flex;
}

/* line 2943, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .button-credit-card .flex img {
  margin-top: 8px;
  width: 150px;
  height: 19px;
}

/* line 2948, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .button-credit-card .flex p {
  margin: 4px 0 0 7px;
}

/* line 2955, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .paypay-button {
  text-align: center;
}

/* line 2957, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .paypay-button .flex {
  justify-content: center;
  display: flex;
}

/* line 2960, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .paypay-button .flex img {
  margin-top: 15px;
  width: 40px;
  height: 40px;
}

/* line 2965, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochi .paypay-button .flex p {
  line-height: 73px;
}

/* line 2977, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkPayment {
  background-color: white;
  padding: 0 20px 20px;
}

/* line 2980, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkPayment .detail {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin: 20px 0;
}

/* line 2983, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkPayment .detail .caption {
  width: 100px;
  font-weight: bold;
  display: inline-block;
}

/* line 2988, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkPayment .detail .conf_value {
  display: inline-block;
}

/* line 2992, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkPayment .cardError {
  color: red;
  margin: 10px 0;
}

/* line 2996, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkPayment h3 {
  font-weight: bold;
  font-size: 17px;
  margin: 20px 0;
}

@media screen and (min-width: 769px), print {
  /* line 2977, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalkPayment {
    padding: 20px 50px 30px;
  }
}

/* line 3006, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oStripe {
  background-color: white;
  padding: 0 0;
}

/* line 3009, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oStripe .cards {
  margin-bottom: -7px;
}

/* line 3013, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oStripe #card-element {
  width: 500px;
  max-width: 100%;
}

/* line 3017, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oStripe .or {
  padding: 30px 0;
}

/* line 3020, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oStripe button, .oStripe input[type="submit"] {
  width: 350px;
}

/* line 3023, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oStripe #card-errors {
  color: red;
}

/* line 3028, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAdHeartfull {
  margin-bottom: 10px;
}

/* line 3029, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAdHeartfull .imgContainer {
  background-color: white;
  padding-bottom: 20px;
}

/* line 3032, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAdHeartfull .imgContainer img {
  display: block;
  margin: 0 auto;
}

/* line 3040, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksList {
  background-color: white;
  padding: 0 20px 20px;
  margin: 0 0 20px;
}

/* line 3044, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksList > p {
  color: gray;
  font-size: small;
}

/* line 3048, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksList .row {
  border-bottom: 1px solid #ebebeb;
  padding: 15px 0;
  display: flex;
  flex-direction: column;
}

/* line 3053, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksList .row .label {
  width: 95px;
}

/* line 3056, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksList .row .message {
  padding-top: 10px;
}

/* line 3058, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksList .row .message p {
  font-size: small;
  color: red;
  line-height: 1.2rem;
}

/* line 3065, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksList .row .date {
  margin-left: 15px;
  word-break: break-word;
}

/* line 3068, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksList .row .date a {
  color: #f57474;
  text-decoration: none;
}

/* line 3074, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksList .row:last-child {
  border-bottom: none !important;
}

/* line 3079, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochiLink {
  background-color: white;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
}

/* line 3082, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oOkimochiLink a {
  color: #f57474;
  font-size: 14px;
}

/* line 3089, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oCustomOkimochiPanel {
  padding: 50px 20px;
  background-color: white;
  text-align: center;
}

/* line 3094, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oCustomOkimochiPanel h1 {
  color: #97BC3F;
  font-size: 30px;
  margin: 20px;
}

/* line 3099, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oCustomOkimochiPanel .subtitle {
  font-size: 20px;
  margin: 0 auto 20px;
}

/* line 3103, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oCustomOkimochiPanel .description {
  margin: 0 auto;
  max-width: 450px;
  font-size: 16px;
}

/* line 3112, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oErrors {
  border: 2px solid #ffadad;
  padding: 10px 0;
  margin-bottom: 20px;
}

/* line 3116, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oErrors li {
  padding: 0 20px;
  color: #f57474;
}

/* line 3124, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleTagSelection .mH2 {
  margin-bottom: 0;
}

/* line 3127, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleTagSelection table {
  border-collapse: collapse;
  margin-top: -10px;
}

/* line 3130, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleTagSelection table th {
  text-align: left;
}

/* line 3133, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTempleTagSelection table td {
  padding: 4px 10px;
  border: 1px solid lightgray;
}

/* line 3140, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeadAd {
  padding-top: 10px;
  background-color: white;
  margin-top: 122px;
}

/* line 3141, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeadAd .fullBanner {
  padding: 0 20px;
}

/* line 3143, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeadAd .fullBanner img {
  margin: 0 auto;
  max-width: 100%;
  display: block;
}

/* line 3152, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHeadAd .oAdBannerWithText {
  margin-top: 10px;
}

/* line 3158, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow {
  border-top: 2px solid #e8e8e8;
  margin-bottom: 3px;
  padding: 20px 20px 25px;
  background: white;
  background: linear-gradient(0deg, #ECF2DD, #FFF);
  background-size: 100vw 10000px;
}

/* line 3160, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .dialogue-banner img {
  width: 100%;
}

/* line 3165, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow:first-child {
  border-top: 1px solid #ebebeb;
}

/* line 3176, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .master-name, .oDialogueRow .user-name {
  display: flex;
  justify-content: space-between;
}

/* line 3182, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .user_name {
  font-size: 15px;
  color: #b4b4b4;
}

/* line 3186, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .user-info {
  font-size: 13px;
  color: #b4b4b4 !important;
}

/* line 3191, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow p {
  margin: 10px 0 20px;
  font-size: 18px;
  padding: 0;
  line-height: 1.7;
}

/* line 3197, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .mDialogueMasterReply {
  margin: 20px 0;
  position: relative;
  padding: 20px 20px 0;
  border-radius: 5px;
  border: 1px solid #d5e6b1;
  background-color: white;
  box-sizing: border-box;
}

/* line 3205, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .mDialogueMasterReply .master {
  display: flex;
}

/* line 3209, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .mDialogueMasterReply:before {
  content: "";
  position: absolute;
  top: -19px;
  border: 10px solid transparent;
  border-bottom: 10px solid white;
  z-index: 2;
}

/* line 3218, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .mDialogueMasterReply:after {
  content: "";
  position: absolute;
  top: -20px;
  border: 10px solid transparent;
  border-bottom: 10px solid #d5e6b1;
  z-index: 1;
}

/* line 3228, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .mDialogueMasterReply p a {
  text-decoration: underline !important;
}

/* line 3233, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .aPlainButton {
  font-weight: bold;
}

/* line 3236, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .gasshoContainer {
  height: 30px;
  display: flex;
  justify-content: space-between;
}

/* line 3240, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .gasshoContainer button {
  height: 30px;
}

/* line 3244, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .gasshoContainer .likesCountContainer {
  width: 60px;
}

/* line 3248, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .gasshoContainer .gasshoButtonContainer {
  display: flex;
  justify-content: flex-end;
  width: 62px;
}

/* line 3252, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDialogueRow .gasshoContainer .gasshoButtonContainer .aIconThanks {
  margin-top: -4px;
}

/* line 3259, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDoubleButtons {
  width: 100%;
  display: flex;
  gap: 20px;
}

/* line 3263, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDoubleButtons div {
  width: 100%;
}

/* line 3268, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oCheckMarkList {
  background-color: #f8f8f8;
  width: 100%;
}

/* line 3274, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAnswerDialogueForm .open-answers {
  margin: 0 auto;
  text-aligh: center;
  width: 100%;
  font-size: 14px;
}

/* line 3283, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.reportContainer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  height: 100vh;
  width: 100%;
}

/* line 3284, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.reportContainer .reportContainerBG {
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100vh;
  top: 0;
  position: absolute;
}

/* line 3298, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.reportContainer .report {
  position: absolute;
  padding: 20px;
  background-color: #eee;
  width: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/* line 3299, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.reportContainer .report .title {
  font-weight: bold;
}

/* line 3302, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.reportContainer .report .flexbox, .reportContainer .report .mMasterBox {
  flex-direction: column;
  justify-content: space-between;
}

/* line 3305, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.reportContainer .report .flexbox .pink, .reportContainer .report .mMasterBox .pink {
  margin-top: 20px;
}

/* line 3319, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.reportContainer .gray {
  background-color: #f8f8f8;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

/* line 3325, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.reportContainer .gray .mCheckMarkList {
  margin: 0 auto;
}

/* line 3331, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTextAd {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #f57474;
  padding: 10px;
  line-height: 22px;
}

/* line 3341, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oGoogleAdSpQuestions300x250 {
  height: 282px;
}

/* line 3347, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMessageH2 {
  position: relative;
  max-width: 360px;
  margin: 0 auto;
  line-height: 0.8;
  letter-spacing: -0.9px;
}

/* line 3353, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMessageH2 strong {
  font-size: 16px;
}

/* line 3356, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMessageH2 h2 {
  font-size: 30px !important;
  font-weight: bold;
  text-align: center;
  line-height: 0.8;
  letter-spacing: -1px;
}

/* line 3363, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMessageH2 h2:before, .oMessageH2 h2:after {
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  background-color: #b4b4b4;
  position: absolute;
  top: 0;
}

/* line 3372, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMessageH2 h2:before {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(158deg);
  transform: rotate(158deg);
  left: 4px;
}

/* line 3378, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMessageH2 h2:after {
  -webkit-transform: rotate(-150deg);
  -ms-transform: rotate(-150deg);
  transform: rotate(-150deg);
  right: 10px;
}

@media screen and (max-width: 320px) {
  /* line 3386, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMessageH2 h2 {
    font-size: 26px !important;
  }
}

@media screen and (min-width: 769px), print {
  /* line 3347, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMessageH2 {
    font-size: 36px !important;
  }
}

/* line 3395, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oBasicContainer {
  background-color: white;
  padding: 0 20px 50px;
}

/* line 3403, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oDocs h2 {
  text-align: left !important;
}

/* line 3408, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMembersMainPanel {
  text-align: center;
  padding-top: 65px;
}

/* line 3412, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMembersMainPanel .panel {
  position: relative;
  border-bottom: solid 1px #ebebeb;
  align-items: flex-end;
}

/* line 3415, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMembersMainPanel .panel .bg {
  width: 100%;
  height: auto;
}

/* line 3421, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMembersMainPanel .panel .masters {
  margin: 0 auto;
  display: flex;
  position: absolute;
  width: 100%;
  padding: 10px 0 5px;
  justify-content: center;
  bottom: 0;
}

@media screen and (min-width: 769px), print {
  /* line 3421, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMembersMainPanel .panel .masters {
    bottom: 30px;
    padding: 10px 0 10px;
  }
}

/* line 3433, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMembersMainPanel .panel .masters img {
  width: 62px;
  height: 62px;
  margin: 2px 4px;
  border-radius: 50%;
}

@media screen and (min-width: 769px), print {
  /* line 3433, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMembersMainPanel .panel .masters img {
    width: 115px;
    height: 115px;
    margin: 0 12px 0px;
  }
}

@media screen and (max-width: 320px) {
  /* line 3449, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMembersMainPanel .panel .masters img {
    width: 55px;
    height: 55px;
    margin: 0 3px;
  }
}

/* line 3457, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMembersMainPanel h2 {
  margin: 15px 20px 20px !important;
}

/* line 3459, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMembersMainPanel h2 span {
  font-size: 17px;
  font-weight: bold;
  border-bottom: 5px solid #f7bebf;
}

@media screen and (min-width: 769px), print {
  /* line 3457, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMembersMainPanel h2 {
    margin: 30px 0px !important;
  }
  /* line 3466, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMembersMainPanel h2 span {
    font-size: 22px;
  }
}

/* line 3471, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMembersMainPanel .responsive {
  padding: 0 20px !important;
}

/* line 3474, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMembersMainPanel .box_s {
  position: relative;
  text-align: center;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  margin: 0 0 20px;
  padding: 12px 20px 8px;
  width: 100%;
  line-height: 1.1;
  font-size: 16px;
}

/* line 3484, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMembersMainPanel .box_s img {
  margin-top: 10px;
  height: 56px;
}

@media screen and (min-width: 769px), print {
  /* line 3490, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMembersMainPanel .box_s {
    margin: 0 10px 20px;
    width: 32%;
    font-size: 17px;
    padding: 20px;
  }
  /* line 3495, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMembersMainPanel .box_s img {
    height: 100px;
  }
  /* line 3500, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMembersMainPanel .box_s:nth-child(2) img {
    margin-top: 20px;
  }
}

/* line 3505, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMembersMainPanel button {
  width: 80%;
}

@media screen and (min-width: 769px), print {
  /* line 3505, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMembersMainPanel button {
    width: 440px;
  }
}

/* line 3511, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMembersMainPanel .aMessageLarge {
  margin-bottom: 20px !important;
}

/* line 3515, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMembersMainPanel .q {
  margin-top: 10px;
}

/* line 3517, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMembersMainPanel .q a {
  color: #f57474;
}

/* line 3523, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMemberImage {
  background-image: url(/assets/member/member_img_sp-8be7eee42953adf1cf5aa8c1d82e481bc3dfc3ef29825ce41c8f86499a3646a0.png);
  background-size: 350px;
  background-position: center center;
  height: 160px;
  margin-bottom: 20px;
}

@media screen and (min-width: 769px), print {
  /* line 3523, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMemberImage {
    background-image: url(/assets/member/member_img_pc-199800a308f89683af406262e2ba299b77da652a2a4b50fe7119968a8ee037ec.png);
    background-size: 756px;
    height: 170px;
    margin: 0 auto 20px;
  }
}

/* line 3537, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMemberFlow {
  text-align: center;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  margin: 0 0 20px;
  padding: 15px;
}

/* line 3538, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMemberFlow .aStepArrow {
  margin-top: 20px !important;
}

/* line 3548, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMemberFlow h3 {
  border-left: 6px solid #97BC3F;
  padding: 2px 0 2px 10px;
  font-weight: bold;
  text-align: left;
  margin: 10px 0;
}

/* line 3555, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMemberFlow .description, .oMemberFlow .sub_text {
  text-align: left;
}

/* line 3558, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMemberFlow .photo {
  margin-bottom: 20px;
}

/* line 3560, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMemberFlow .photo img {
  width: 100%;
}

/* line 3564, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMemberFlow .buttonContainer {
  width: 100%;
  margin: 10px 0 0;
  text-align: center;
}

@media screen and (min-width: 769px), print {
  /* line 3564, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMemberFlow .buttonContainer {
    margin: 20px auto 20px;
    width: 440px;
  }
}

/* line 3575, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMemberTypes {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 769px), print {
  /* line 3575, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMemberTypes {
    flex-direction: row;
  }
  /* line 3581, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oMemberTypes > div + div {
    margin-left: 20px;
  }
}

/* line 3586, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMemberTypes > div {
  position: relative;
  text-align: center;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  margin: 0 0 20px;
  padding: 20px 5px;
  width: 100%;
}

/* line 3594, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oMemberTypes > div em {
  font-style: initial !important;
  font-size: 28px;
  color: #97BC3F;
  border-bottom: none;
  font-weight: bold;
}

/* line 3606, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTopDialogues .oDialogueRow p {
  margin-bottom: 0;
}

/* line 3612, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oNotificationBox {
  background-color: #f3f3f3;
  border-radius: 4px;
  padding: 20px;
}

/* line 3618, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAppHeader {
  width: 100%;
  height: 50px;
  border: 1px solid red;
  line-height: 50px;
  padding-left: 20px;
}

/* line 3626, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAppMain {
  margin-bottom: 30px;
}

/* line 3628, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAppMain img {
  display: block;
  width: 100%;
}

/* line 3632, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAppMain a {
  color: #f57474;
}

/* line 3637, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionList {
  background-color: #1D2147;
  padding: 20px 20px 100px;
}

/* line 3640, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionList .buttonContainer {
  display: flex;
  justify-content: flex-end;
}

/* line 3643, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionList .buttonContainer .button {
  border: 1px solid white;
  color: white;
  padding: 3px 10px;
  border-radius: 5px;
  font-size: 14px;
}

/* line 3652, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionList .list {
  margin-top: 30px;
}

/* line 3656, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionList h1 {
  color: white;
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 0;
}

/* line 3662, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionList .description {
  font-size: 14px;
  line-height: 22px;
  margin: 0;
}

/* line 3668, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionList .description {
  color: white;
}

/* line 3672, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionList .pagination {
  margin-top: 40px;
}

/* line 3674, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionList .pagination span {
  border: 1px solid white;
  color: white;
  padding: 10px 8px;
  margin-right: 6px;
  font-size: 12px;
}

/* line 3681, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionList .pagination a {
  color: white;
}

/* line 3684, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionList .pagination .current {
  background-color: white;
  color: black;
}

/* line 3690, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionList ul li {
  margin-bottom: 20px;
}

/* line 3691, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionList ul li a {
  color: white;
  text-decoration: underline;
}

/* line 3696, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionList ul li .monk {
  text-align: right;
  color: white;
  font-size: 14px;
}

/* line 3706, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion {
  background-color: #1D2147;
  padding: 30px 20px 50px;
}

/* line 3710, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion .outer-link {
  display: block;
  margin-top: 30px;
  color: white;
  text-decoration: underline;
}

/* line 3716, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion .notice {
  background-color: white;
}

/* line 3720, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion .mSocialButton {
  background-color: transparent;
  border: 1px dashed #fff;
  border-radius: 10px;
  padding: 20px;
  margin: 20px 0;
}

/* line 3726, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion .mSocialButton .aLineWithTextL {
  color: white;
  font-size: 18px;
}

/* line 3729, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion .mSocialButton .aLineWithTextL:after, .oAIQuestion .mSocialButton .aLineWithTextL:before {
  border-top: none !important;
}

/* line 3733, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion .mSocialButton img {
  margin-top: 10px;
  border-radius: 100px;
  background-color: white;
}

/* line 3740, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion .links {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  padding-right: 10px;
}

/* line 3745, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion .links a, .oAIQuestion .links input[type="submit"] {
  color: white;
  display: block;
  text-decoration: underline;
}

/* line 3751, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion .banner {
  width: 100%;
  border-radius: 10px;
}

/* line 3755, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion p {
  color: white;
}

/* line 3758, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion h1.q {
  color: white;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 1.4px;
  margin: 20px 10px 0 0;
}

@media screen and (min-width: 769px), print {
  /* line 3758, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oAIQuestion h1.q {
    font-size: 30px;
  }
}

/* line 3768, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion h1.q .aIconReception {
  position: relative;
  top: -1px;
}

/* line 3774, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion hr {
  border-color: #333;
  margin-top: 20px;
}

/* line 3779, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestion h2.a {
  color: white;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 1.4px;
  margin: 20px 10px 10px 0;
}

@media screen and (min-width: 769px), print {
  /* line 3779, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oAIQuestion h2.a {
    font-size: 30px;
  }
}

/* line 3792, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionForm {
  background-color: #1D2147;
  padding-bottom: 30px;
}

/* line 3796, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionForm .link {
  font-size: 14px;
  color: white;
  text-decoration: underline;
}

/* line 3801, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionForm .release-link {
  margin-top: 30px;
  color: white;
  font-size: 13px;
}

/* line 3805, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionForm .release-link a {
  color: white;
  text-decoration: underline;
}

/* line 3810, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionForm .login {
  color: white;
  text-align: center;
}

/* line 3814, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionForm label {
  color: white;
}

/* line 3817, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionForm .notice {
  font-size: small;
  color: white;
  padding: 4px 2px;
}

/* line 3822, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionForm .sub_text {
  color: white;
}

/* line 3825, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionForm .form-container {
  padding: 20px;
}

/* line 3828, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionForm .aTextArea {
  background-color: transparent;
  border-radius: 6px;
  color: white;
}

/* line 3833, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionForm .aSelectBox {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid white;
  border-radius: 6px;
  padding-left: 10px;
  color: white;
  margin-bottom: 10px;
}

/* line 3846, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionForm .aMainButton {
  margin-top: 10px;
}

/* line 3850, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionForm #loading-message {
  padding: 20px;
  display: none;
}

/* line 3853, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oAIQuestionForm #loading-message #message {
  color: white;
}

/* line 3861, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.new-ai-question {
  margin-top: 120px;
}

/* line 3864, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.new-ai-question .links {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

@media screen and (min-width: 1024px) {
  /* line 3861, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .new-ai-question {
    margin-top: 70px;
  }
}

/* line 3875, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.new-ai-question .modal-content .heading {
  font-size: 16px;
  color: green;
  text-align: center;
  margin: 10px 0;
}

/* line 3881, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.new-ai-question .modal-content a {
  display: block;
  margin: 10px 0 0;
}

/* line 3888, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.new-ai-question .ai-question-form #youtube-container {
  display: none;
  background-color: #1D2147;
}

/* line 3894, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.new-ai-question #waiting {
  background-color: transparent;
  margin-top: 30px;
  flex-direction: column;
  width: 100%;
  text-align: center;
  padding: 30px;
  justify-content: center;
}

/* line 3903, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.new-ai-question #waiting .message {
  color: white;
}

/* line 3906, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.new-ai-question #waiting img {
  margin: 0 auto;
  display: block;
}

/* line 3911, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.new-ai-question button {
  margin-top: 10px;
  border: 1px solid white;
  background-color: white;
  width: 100%;
  text-align: center;
  padding: 15px;
  font-weight: bold;
  border-radius: 2px;
}

/* line 3923, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHasunohaNotice {
  background-color: white;
  padding: 20px 20px 20px;
}

/* line 3926, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHasunohaNotice .under_line {
  margin-top: 10px;
  font-style: initial !important;
  border-bottom: 5px solid #fff2cc;
  font-size: 16px;
  line-height: 14px;
}

/* line 3937, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHasunohaNotice .center {
  display: flex;
  justify-content: center;
}

/* line 3941, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHasunohaNotice a {
  display: block;
  margin: 10px auto 0;
}

/* line 3945, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHasunohaNotice button.pink {
  background-color: #f57474;
  padding: 10px 20px;
  color: white !important;
  text-align: center;
}

/* line 3951, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHasunohaNotice button.disabled {
  border: 1px solid lightgray;
  padding: 10px 20px;
  color: #666;
  text-align: center;
}

/* line 3957, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHasunohaNotice h3 {
  text-align: center;
  margin: 20px auto 0;
  color: #808063;
  font-weight: bold;
}

/* line 3963, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oHasunohaNotice h2 {
  font-size: 22px;
}

/* line 3968, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFloatingButtons {
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: 14px;
  padding: 10px;
  display: flex;
  gap: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  /* line 3968, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oFloatingButtons {
    gap: 32px;
  }
}

/* line 3981, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFloatingButtons a {
  display: block;
  width: 50%;
  max-width: 320px;
}

/* line 3986, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFloatingButtons .button1 {
  color: white;
  background-color: #F57374;
  height: 40px;
  line-height: 40px;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  /* line 3986, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oFloatingButtons .button1 {
    font-size: 16px;
    height: 51px;
    line-height: 51px;
  }
}

/* line 3999, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oFloatingButtons .button2 {
  color: white;
  background-color: #00B900;
  height: 40px;
  line-height: 40px;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  /* line 3999, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oFloatingButtons .button2 {
    line-height: 51px;
    font-size: 16px;
    height: 51px;
  }
}

/* line 4014, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider {
  margin: 0 -10px;
}

/* line 4016, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .more {
  text-align: center;
  margin: 20px 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 4023, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .more a {
  background-color: #f3f3f3;
  padding: 10px 20px;
  color: #f57474;
  border-radius: 10px;
}

/* line 4030, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .slick-track {
  display: flex;
}

/* line 4033, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .slick-slide {
  height: auto !important;
}

/* line 4036, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .card {
  min-width: 300px;
  margin-left: 10px;
  margin-bottom: 10px;
  height: 100%;
  background-color: #fff;
  border: 1px solid #d0dcb5;
  padding: 20px 20px;
  border-radius: 10px;
  width: 240px;
  display: flex;
  flex-direction: column;
}

/* line 4050, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .card .faceImage {
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 100px;
}

/* line 4058, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .card .school {
  margin: 10px 0 0;
  font-size: 14px;
  text-align: center;
}

/* line 4064, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .card .name {
  text-decoration: underline;
  font-size: 16px;
  color: #f57474;
  text-align: center;
  margin: 3px 0 0;
}

/* line 4072, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .card .heading {
  padding-right: 10px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #97BC3F;
}

/* line 4079, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .card p {
  font-size: 12px;
  line-height: 16px;
}

/* line 4084, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .card p + p {
  margin-top: 4px;
}

/* line 4088, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .card a {
  display: block;
}

/* line 4090, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .card a button {
  margin: 20px 0 0;
}

/* line 4095, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .card .description {
  margin: 10px 0;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  flex-grow: 2;
}

/* line 4103, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .card .content {
  border: 1px solid green;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 4110, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .card .apply-button {
  background-color: #f57474;
  text-align: center;
  border-radius: 100px;
  color: white;
  line-height: 40px;
  display: block;
  margin: 10px 0 0;
}

/* line 4121, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .slick-prev,
.oTalksSlider .slick-next {
  z-index: 100;
}

/* line 4125, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .slick-prev {
  left: 0;
}

/* line 4128, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .slick-next {
  right: 0;
}

/* line 4131, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .slick-prev:before,
.oTalksSlider .slick-next:before {
  color: black;
}

/* line 4136, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksSlider .slick-dots li {
  width: 15px;
  margin: 0;
}

/* line 4143, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQorTalkPanel {
  background-color: white;
  width: 100%;
}

/* line 4146, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQorTalkPanel .panels {
  padding: 60px 0;
  margin: 40px auto 20px;
  display: flex;
  width: 100%;
  max-width: 1024px;
  gap: 10px;
}

@media screen and (min-width: 769px), print {
  /* line 4146, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oQorTalkPanel .panels {
    margin: 0 auto 20px;
    padding: 0 10px;
    gap: 20px;
  }
}

@media screen and (min-width: 769px), print {
  /* line 4143, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oQorTalkPanel {
    margin: 100px 0 0;
  }
}

/* line 4164, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQorTalkPanel .panel {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 50%;
  background-color: #F5F9EC;
  padding: 10px 10px 20px;
}

@media screen and (min-width: 769px), print {
  /* line 4164, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oQorTalkPanel .panel {
    padding: 10px 20px 20px;
  }
  /* line 4174, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oQorTalkPanel .panel a br {
    display: none;
  }
}

/* line 4179, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQorTalkPanel .panel img {
  display: block;
  width: 96px;
  height: 96px;
  margin: 0 auto;
}

/* line 4185, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQorTalkPanel .panel .title {
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 4189, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oQorTalkPanel .panel a {
  padding: 10px 20px;
  color: white;
  background-color: #96BC3F;
  display: inline-block;
  border-radius: 4px;
  line-height: 24px;
}

/* line 4200, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp {
  margin: 0;
}

/* line 4203, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .express-notice {
  background-color: #f57474;
  padding: 20px;
  margin: 20px 0;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: white;
}

/* line 4213, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .merits {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 4217, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .merits .merit {
  border: 3px solid #e0e0e0;
  border-radius: 10px;
}

/* line 4220, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .merits .merit h3 {
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 4px;
}

/* line 4225, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .merits .merit p {
  line-height: 1.5;
}

/* line 4229, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .merits .merit1 {
  padding: 16px 14px 0;
}

/* line 4231, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .merits .merit1 img {
  width: 68px;
}

/* line 4235, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .merits .merit2, .oTalksLp .merits .merit3 {
  padding: 16px 14px 14px;
}

/* line 4237, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .merits .merit2 div, .oTalksLp .merits .merit3 div {
  text-align: center;
}

/* line 4240, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .merits .merit2 img, .oTalksLp .merits .merit3 img {
  width: 100px;
}

/* line 4247, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp a {
  margin-top: 10px;
  color: #f57474;
  text-decoration: none;
}

/* line 4253, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp h1 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}

/* line 4259, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .main-image img {
  display: block;
  margin: 30px auto 20px;
}

/* line 4264, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp h2.copy {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 40px 0 20px;
}

/* line 4270, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .sub-title {
  height: 32px;
  line-height: 32px;
  background-color: #EAF2D9;
  text-align: center;
}

/* line 4276, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .boxes {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media screen and (min-width: 1024px) {
  /* line 4276, app/assets/stylesheets/sp_redesign/organisms.css.scss */
  .oTalksLp .boxes {
    flex-direction: row;
  }
}

/* line 4283, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .boxes .box {
  padding: 5px;
  border: 2px solid #97BC3F;
  border-radius: 6px;
}

/* line 4289, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .image-container {
  width: 80px;
  height: 80px;
}

/* line 4293, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp .flex {
  padding: 4px 0;
  display: flex;
  gap: 10px;
}

/* line 4298, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp ul {
  font-size: 14px;
  padding: 10px 0 0;
}

/* line 4301, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalksLp ul li {
  line-height: 1.5em;
  list-style: disc;
}

/* line 4308, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkExpress {
  background-color: white;
  padding: 20px 20px 20px;
}

/* line 4311, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkExpress .link {
  display: flex;
  color: green;
  font-weight: bold;
  gap: 10px;
  align-items: center;
}

/* line 4317, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkExpress .link .line {
  height: 50px;
  display: flex;
  align-items: center;
}

/* line 4318, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkExpress .link .line iframe {
  height: 50px;
}

/* line 4326, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkExpress a {
  color: #f57474;
}

/* line 4329, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkExpress li {
  font-size: 15px;
}

/* line 4332, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkExpress p {
  margin: 0 4px 10px;
  line-height: 1.6rem;
}

/* line 4336, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkExpress .box {
  border-radius: 4px;
  border: 1px solid #97BC3F;
  margin-bottom: 20px;
  padding: 14px;
}

/* line 4342, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkExpress ul {
  margin: 10px;
}

/* line 4345, app/assets/stylesheets/sp_redesign/organisms.css.scss */
.oTalkExpress h2 {
  line-height: 1.6rem;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #f57474;
}

/* line 2, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestion {
  background-color: white;
}

/* line 5, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestion .date {
  color: #4a4a4a;
  font-size: 14px;
  margin: 10px 0 20px;
}

/* line 14, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers.wrapper {
  padding: 30px 10px 10px;
  background-color: #e2f0bf;
}

/* line 17, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers.wrapper .notice {
  padding: 0 0 20px;
  font-size: 17px;
  color: gray;
}

/* line 22, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers.wrapper .caption, .oAnswers.wrapper h2 {
  font-weight: bold;
  font-size: 17px;
}

@media screen and (min-width: 769px), print {
  /* line 22, app/assets/stylesheets/sp_redesign/question.css.scss */
  .oAnswers.wrapper .caption, .oAnswers.wrapper h2 {
    font-size: 20px;
  }
}

/* line 29, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers.wrapper p {
  font-size: 14px;
  margin: 0 10px 15px;
}

/* line 33, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers.wrapper .sub_text {
  font-size: 12px;
}

/* line 36, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers.wrapper h2 {
  margin-bottom: 20px;
}

/* line 39, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers.wrapper .liked {
  font-size: 14px;
  border: 1px solid #97BC3F;
  color: #97BC3F;
  margin-bottom: 20px;
  padding: 5px 10px;
  border-radius: 4px;
}

/* line 48, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers.wrapper .buttons .aMainButton {
  font-size: 13px;
}

/* line 52, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers.wrapper .answer p {
  font-size: 17px;
}

/* line 55, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers.wrapper .okimochiText {
  font-size: 17px !important;
  text-decoration: underline;
}

/* line 64, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail {
  padding: 30px 20px;
}

/* line 66, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .titleSpan {
  margin-right: 10px;
}

/* line 69, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .title {
  margin-bottom: 30px;
}

/* line 71, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .title strong {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 1.4px;
  margin: 0 10px 0 0;
}

@media screen and (min-width: 769px), print {
  /* line 71, app/assets/stylesheets/sp_redesign/question.css.scss */
  .oQuestionDetail .title strong {
    font-size: 30px;
  }
}

/* line 81, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .title .aIconReception {
  position: relative;
  top: -1px;
}

/* line 87, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .user_profile div, .oQuestionDetail .user_profile p, .oQuestionDetail .user_profile span {
  font-size: 14px;
  color: #4a4a4a;
}

/* line 91, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .user_profile .flexbox, .oQuestionDetail .user_profile .mMasterBox {
  margin-bottom: 15px;
  flex-wrap: wrap;
}

/* line 95, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .user_profile .user_info {
  line-height: 20px;
  margin-right: auto;
  padding-top: 4px;
}

/* line 99, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .user_profile .user_info a {
  font-size: 15px;
  font-weight: bold;
  color: #f57474;
  text-decoration: underline;
  margin-right: 10px;
}

/* line 106, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .user_profile .user_info span {
  color: #999;
  font-size: 13px;
  margin-top: 2px;
  display: block;
}

@media screen and (min-width: 769px), print {
  /* line 115, app/assets/stylesheets/sp_redesign/question.css.scss */
  .oQuestionDetail .user_profile .user_info span {
    display: inline-block !important;
  }
}

/* line 120, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .user_profile .q_num {
  line-height: 30px;
}

/* line 123, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .user_profile .num {
  line-height: 30px;
  font-weight: bold;
}

/* line 127, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .user_profile .profile, .oQuestionDetail .user_profile .problem {
  margin-bottom: 15px;
  overflow: hidden;
  width: 100%;
}

/* line 131, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .user_profile .profile .caption, .oQuestionDetail .user_profile .problem .caption {
  font-weight: bold;
}

/* line 134, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .user_profile .profile p, .oQuestionDetail .user_profile .problem p {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

/* line 142, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .tag {
  margin: 5px 0 0;
}

/* line 144, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .tag .aTagLink {
  font-size: 14px;
}

/* line 148, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .body {
  margin: 20px 0 10px;
}

/* line 150, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionDetail .body p {
  font-size: 17px;
  margin: 0 0 20px;
}

/* line 160, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers .box {
  background-color: white;
  margin: 0 0 30px;
  padding: 10px;
  border-radius: 4px;
}

/* line 166, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers .box p {
  margin: 0 0 20px 0;
}

@media screen and (max-width: 320px) {
  /* line 171, app/assets/stylesheets/sp_redesign/question.css.scss */
  .oAnswers .flexbox, .oAnswers .mMasterBox {
    flex-wrap: wrap;
  }
  /* line 173, app/assets/stylesheets/sp_redesign/question.css.scss */
  .oAnswers .flexbox .aOkimochiButton, .oAnswers .mMasterBox .aOkimochiButton {
    margin: 0 30px 20px auto;
  }
}

/* line 178, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers .buttons {
  display: flex;
  margin-bottom: 20px;
}

/* line 180, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers .buttons .div2 {
  margin-left: 10px;
  flex: 1;
}

/* line 185, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers .buttons .div1 {
  margin-right: 10px;
  flex: 1;
}

/* line 190, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswers .buttons .aMainButton + .aMainButton {
  margin-left: 20px;
}

/* line 198, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks {
  background-color: #e2f0bf;
  position: relative;
  position: relative;
  padding: 10px 20px 30px;
  margin-bottom: 20px;
}

/* line 201, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks .container {
  border-radius: 10px;
  padding: 50px 40px 40px;
  background-color: white;
  margin-bottom: 10px;
}

/* line 208, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks .thank p {
  margin: 10px 0;
}

/* line 212, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks .thank + .thank {
  border-top: 1px dashed lightgray;
}

/* line 215, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks .triangle {
  margin: auto;
  width: 30px;
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  height: 0;
  border-style: solid;
  border-width: 0 15px 30px 15px;
  border-color: transparent transparent #ffffff transparent;
}

/* line 230, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks .title {
  font-weight: bold;
  margin-bottom: 15px;
}

@media screen and (min-width: 769px), print {
  /* line 230, app/assets/stylesheets/sp_redesign/question.css.scss */
  .oQuestionThanks .title {
    font-size: 20px;
  }
}

/* line 237, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks p {
  margin: 0 0 20px 0;
}

/* line 240, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks .box {
  border: 1px solid #97BC3F;
  padding: 20px;
  background-color: white;
  border-radius: 5px;
}

/* line 244, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks .okimochiDisplay {
  border-radius: 5px;
  margin: 30px -10px 10px;
  border: 1px solid #97BC3F;
}

/* line 245, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks .okimochiDisplay h3 {
  padding: 20px 20px 0;
  font-weight: bold;
}

/* line 249, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks .okimochiDisplay > p {
  padding: 10px 20px 0;
  line-height: 1.5rem;
}

/* line 257, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks .okimochiDisplay .hasuImage {
  width: 100%;
  display: block;
}

/* line 263, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks .okimochiDisplay .buttons {
  justify-content: center;
  display: flex;
  flex-direction: column;
}

/* line 267, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks .okimochiDisplay .buttons .heading {
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  /* line 263, app/assets/stylesheets/sp_redesign/question.css.scss */
  .oQuestionThanks .okimochiDisplay .buttons {
    text-align: center;
    flex-direction: row;
  }
}

/* line 277, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks .okimochiDisplay .buttons > div a {
  display: blocK;
  margin: 0 auto;
}

/* line 284, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionThanks .okimochiDisplay .buttons .mataha {
  margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  /* line 284, app/assets/stylesheets/sp_redesign/question.css.scss */
  .oQuestionThanks .okimochiDisplay .buttons .mataha {
    margin: 0 20px;
  }
}

/* line 297, app/assets/stylesheets/sp_redesign/question.css.scss */
.oThanksForm {
  background-color: white;
  padding: 30px 20px 40px 20px;
}

/* line 300, app/assets/stylesheets/sp_redesign/question.css.scss */
.oThanksForm h3, .oThanksForm h4 {
  font-weight: bold;
}

/* line 305, app/assets/stylesheets/sp_redesign/question.css.scss */
.oThanksForm .aMainButton {
  margin: 0 0 20px;
}

/* line 308, app/assets/stylesheets/sp_redesign/question.css.scss */
.oThanksForm .box {
  border: none;
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
}

/* line 311, app/assets/stylesheets/sp_redesign/question.css.scss */
.oThanksForm .box .attention_text {
  font-size: 15px;
}

/* line 334, app/assets/stylesheets/sp_redesign/question.css.scss */
.oThanksConfirm {
  background-color: #e2f0bf;
  padding: 20px 10px 40px 10px;
}

/* line 337, app/assets/stylesheets/sp_redesign/question.css.scss */
.oThanksConfirm h3, .oThanksConfirm h4 {
  font-weight: bold;
}

/* line 340, app/assets/stylesheets/sp_redesign/question.css.scss */
.oThanksConfirm .box {
  padding: 20px;
  background-color: white;
  border-radius: 5px;
  margin: 20px 0;
}

/* line 344, app/assets/stylesheets/sp_redesign/question.css.scss */
.oThanksConfirm .flexbox, .oThanksConfirm .mMasterBox {
  margin: 0 -5px;
}

/* line 346, app/assets/stylesheets/sp_redesign/question.css.scss */
.oThanksConfirm .flexbox .left, .oThanksConfirm .mMasterBox .left, .oThanksConfirm .flexbox .right, .oThanksConfirm .mMasterBox .right {
  flex-basis: 50%;
  margin: 5px;
}

/* line 350, app/assets/stylesheets/sp_redesign/question.css.scss */
.oThanksConfirm .flexbox .aMainButton, .oThanksConfirm .mMasterBox .aMainButton {
  width: 100%;
}

/* line 356, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerClosed {
  background-color: #e2f0bf;
  padding: 20px 10px 10px 10px;
}

/* line 359, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerClosed .box {
  padding: 20px;
  background-color: white;
  border-radius: 5px;
}

/* line 361, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerClosed .box h4 {
  margin-bottom: 5px;
}

/* line 364, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerClosed .box p {
  font-size: 15px;
  line-height: 1.5;
}

/* line 372, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm {
  background-color: #e2f0bf;
  padding: 20px 10px 20px;
}

/* line 375, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .banner {
  padding: 5px;
}

/* line 377, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .banner img {
  width: 345px;
}

/* line 381, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .answerTextArea {
  height: 300px;
}

/* line 384, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .alert {
  color: red;
  font-size: 13px;
}

/* line 388, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .buttons {
  display: flex;
}

/* line 390, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .buttons .aMainButton + .aMainButton {
  margin-left: 20px;
}

/* line 393, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .buttons .left {
  flex: 1;
  margin-right: 10px;
}

/* line 397, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .buttons .right {
  flex: 1;
  margin-left: 10px;
}

/* line 402, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .fields {
  padding: 0 5px;
}

/* line 405, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .fields .aTextField {
  margin-top: 15px;
}

/* line 408, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .fields .aTextArea {
  margin-top: 15px;
}

/* line 411, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .fields .aMainButton {
  margin-top: 15px;
}

/* line 415, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .sub_text {
  font-size: 12px;
  line-height: 18px;
}

/* line 418, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .sub_text br {
  line-height: 18px;
}

/* line 422, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm h3 {
  margin: 0 0 10px 10px;
  font-weight: bold;
}

/* line 426, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm h4 {
  margin: 0 0 15px;
}

/* line 429, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm p {
  margin-left: 5px;
}

/* line 432, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .box {
  padding: 20px;
  background-color: white;
  border-radius: 5px;
  margin: 30px 0 20px;
}

/* line 435, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .box p {
  margin: 0 0 15px;
  font-size: 15px;
}

/* line 439, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .box .check_list li, .oAnswerForm .box .mCheckMarkList ul li, .mCheckMarkList .oAnswerForm .box ul li {
  font-weight: bold;
}

/* line 443, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .box_check {
  padding: 20px;
  background-color: white;
  border-radius: 5px;
  margin: 20px 0;
}

/* line 446, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm .box_check a {
  font-size: 15px;
  color: #f57474;
  text-decoration: underline;
}

/* line 452, app/assets/stylesheets/sp_redesign/question.css.scss */
.oAnswerForm button:disabled {
  color: lightgray;
}

/* line 459, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm {
  background-color: white;
  padding: 0 20px 20px 20px;
}

/* line 460, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .private-option {
  width: 100%;
  margin-bottom: 30px;
}

/* line 463, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .private-option .heading {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  text-decoration-thickness: 8px;
  text-decoration-color: #FFFF99;
  text-underline-offset: -4px;
}

/* line 472, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .private-option p {
  font-size: 14px;
}

/* line 475, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .private-option .border {
  border: 1px solid #B4B4B4;
  border-radius: 6px;
  padding: 10px 18px;
}

/* line 479, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .private-option .border.checked {
  background-color: #F6F9EC;
}

/* line 481, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .private-option .border.checked input {
  accent-color: #7E9D34;
  color: white;
}

/* line 486, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .private-option .border .flex {
  display: flex;
  gap: 14px;
}

/* line 489, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .private-option .border .flex .check-box-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

/* line 494, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .private-option .border .flex p {
  line-height: 1.4em;
}

/* line 497, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .private-option .border .flex .option-title {
  font-size: 16px;
  font-weight: bold;
}

/* line 501, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .private-option .border .flex .price {
  text-align: right;
  font-weight: 14px;
  font-weight: bold;
}

/* line 512, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .check_list_container p {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
  margin-top: 5px;
}

/* line 519, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin: 10px 0 20px;
}

/* line 522, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .box .caption {
  margin-left: 20px;
  width: 90px;
  font-weight: bold;
}

/* line 527, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .box .caption, .oQuestionForm .box .user_info, .oQuestionForm .box li, .oQuestionForm .box li strong {
  font-size: 15px;
}

/* line 530, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .box button {
  margin: 10px 0 0 20px;
}

/* line 534, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .box:first-child {
  margin-top: 0;
}

/* line 537, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionForm .cousion_box {
  border: 1px solid #f57474;
  color: #f57474;
  font-size: 15px;
  padding: 15px;
}

/* line 544, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm {
  background-color: white;
  padding: 5px 20px 20px 20px;
}

/* line 547, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .card {
  margin-left: 10px;
}

/* line 550, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .private-notice {
  margin-top: 14px;
  font-size: 14px;
  font-weight: bolder;
  text-decoration: underline;
  line-height: 1.3rem;
  text-decoration-thickness: 8px;
  text-decoration-color: #FFFF99;
  text-underline-offset: -4px;
}

/* line 560, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm ul.alert {
  margin: 10px 0 0;
  padding: 14px;
  background-color: #f57474;
  color: white;
}

/* line 566, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm ul.alert li {
  position: relative;
  padding-left: 1.5em;
  color: white;
}

/* line 571, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm ul.alert li::before {
  content: '✔';
  /* チェックマーク */
  position: absolute;
  left: 0;
  color: white;
  font-size: 1em;
  /* サイズ調整できるで */
}

/* line 578, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .cousion_box {
  border: 1px solid #f57474;
  padding: 15px 15px 0  15px;
  margin-bottom: 15px;
}

/* line 583, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm h3 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 588, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .row:first-child {
  padding-top: 0;
}

/* line 591, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .row {
  border-bottom: 1px solid #ebebeb;
  padding: 15px 0;
}

/* line 594, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .row .confirm_description {
  line-height: 22px;
}

/* line 597, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .row .name {
  font-size: 17px;
  margin-top: 20px;
}

/* line 600, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .row .name span {
  margin-left: 10px;
}

/* line 605, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .cousion_text {
  margin-top: 20px;
  font-size: 15px;
}

/* line 609, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .attention_text, .oQuestionConfirm .check_list li, .oQuestionConfirm .mCheckMarkList ul li, .mCheckMarkList .oQuestionConfirm ul li {
  font-size: 15px;
}

/* line 612, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin: 20px 0;
}

/* line 615, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .box h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 621, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .buttonsContainer {
  margin: 20px -10px;
}

/* line 623, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .buttonsContainer > div {
  flex: 1;
  margin: 0 10px;
}

/* line 628, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .option_list {
  margin-left: 20px;
  margin-right: 20px;
}

/* line 631, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .option_list li {
  font-size: 15px;
  margin-bottom: 10px;
  font-size: 17px;
}

/* line 637, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm #card-element {
  margin-bottom: 20px;
}

/* line 640, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionConfirm .private-stripe {
  border: 1px solid #f57474;
  padding: 20px 10px 10px;
}

/* line 645, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionComplete {
  background-color: white;
  padding: 0 20px 20px 20px;
  margin-bottom: 10px;
}

/* line 649, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionComplete .box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
}

/* line 651, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionComplete .box li, .oQuestionComplete .box .attention_text {
  font-size: 15px;
}

/* line 655, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionComplete p {
  margin-bottom: 20px;
}

/* line 660, app/assets/stylesheets/sp_redesign/question.css.scss */
.questions_new_entry {
  padding: 50px 0;
  background: white;
}

/* line 665, app/assets/stylesheets/sp_redesign/question.css.scss */
.waitForAnswer {
  margin: 50px 20px;
  padding: 50px 30px;
  border: 1px solid gray;
  padding: 10px;
}

/* line 670, app/assets/stylesheets/sp_redesign/question.css.scss */
.waitForAnswer .heading {
  font-weight: bold;
}

/* line 673, app/assets/stylesheets/sp_redesign/question.css.scss */
.waitForAnswer .img {
  width: 100%;
}

/* line 676, app/assets/stylesheets/sp_redesign/question.css.scss */
.waitForAnswer p {
  margin: 20px 0;
}

/* line 678, app/assets/stylesheets/sp_redesign/question.css.scss */
.waitForAnswer p a {
  color: #f57474;
  text-decoration: none;
}

/* line 686, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionsAllList {
  background-color: white;
}

/* line 688, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionsAllList .mSearchForm {
  margin: 0 20px 20px 20px;
}

/* line 691, app/assets/stylesheets/sp_redesign/question.css.scss */
.oQuestionsAllList .search_result {
  font-size: 16px;
  color: #97BC3F;
  margin: 0 20px 20px;
}

/* line 698, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi {
  background-color: white;
  padding: 0 20px 30px;
}

/* line 701, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi h3 {
  font-weight: bold;
  padding: 20px 0;
}

/* line 705, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi h3:first-child {
  padding-top: 0;
}

/* line 708, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin-bottom: 30px;
}

/* line 712, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .hidden {
  display: none;
}

/* line 715, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_toha {
  margin-top: 15px;
}

/* line 717, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_toha a {
  color: #4e87a9;
}

/* line 721, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .link-to-thanks {
  color: #f57474;
  font-size: 14px;
  font-weight: bold;
}

/* line 728, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .circles li {
  text-align: center;
}

/* line 731, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .circles strong {
  font-size: 14px;
  margin-right: 10px;
}

/* line 735, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .circles .circle {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 5px 15px 30px 0;
  border-radius: 50%;
  background: #e2f0bf;
}

/* line 742, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .circles .circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
}

/* line 753, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .circles .circle span br {
  line-height: 1;
}

/* line 760, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .master_face {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

/* line 765, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container {
  margin-bottom: 30px;
  position: relative;
  /* Chrome */
  /* Firefox */
  /* IE */
}

/* line 768, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .loading {
  margin: 0 auto;
  width: 33px;
  height: 33px;
  display: block;
}

/* line 774, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .bold {
  font-weight: bold;
}

/* line 777, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #confirmOldCard {
  margin-top: 40px;
}

/* line 780, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #button_pay {
  margin: 0 auto;
}

/* line 783, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #confirm table, .oOkimochi .okimochi_container #confirmOldCard table {
  margin: 0 auto;
}

/* line 785, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #confirm table th, .oOkimochi .okimochi_container #confirmOldCard table th {
  padding-right: 20px;
}

/* line 789, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #alert_cardno, .oOkimochi .okimochi_container #alert_cardtype, .oOkimochi .okimochi_container #alert_name, .oOkimochi .okimochi_container #alert_expire, .oOkimochi .okimochi_container #alert_securitycode {
  margin-bottom: 5px;
  color: #D0021B;
  line-height: 1.5;
}

/* line 794, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .okimochi_notice {
  text-align: center;
  margin: 20px 0;
}

/* line 798, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #okimochi_display {
  border: 2px solid #dfc2d2;
  width: 200px;
  height: 87px;
  border-radius: 4px;
  margin: 0 auto;
}

/* line 805, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #okimochi_display .price_title {
  margin: 10px auto;
  text-align: center;
  line-height: 1;
}

/* line 810, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #okimochi_display .price_jp {
  line-height: 1;
  font-family: serif;
  color: #b57b9a;
  font-size: 24px;
  text-align: center;
  margin: 0;
}

/* line 818, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #okimochi_display .price_number {
  line-height: 1;
  color: #b57b9a;
  text-align: center;
  margin: 7px auto 0;
  font-family: serif;
}

/* line 825, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #okimochi_form_container {
  border: 1px solid #cccccc;
  border-radius: 5px;
  width: 95%;
  margin: 40px auto 10px auto;
  padding: 22px;
}

/* line 831, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #okimochi_form_container h3 {
  margin: 0;
}

/* line 835, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #name, .oOkimochi .okimochi_container #cardno {
  width: 300px;
}

/* line 838, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #securitycode {
  width: 70px;
}

/* line 841, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #month, .oOkimochi .okimochi_container #year {
  width: 80px;
}

/* line 845, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .month_label {
  padding: 0 12px 0 8px;
  font-weight: bold;
  padding-top: 4px;
}

/* line 851, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .year_label {
  padding-left: 8px;
  font-weight: bold;
  padding-top: 4px;
}

/* line 857, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container label {
  font-weight: bold;
}

/* line 860, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container select {
  margin-bottom: 16px;
}

/* line 863, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .card_fields {
  position: relative;
}

/* line 865, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .card_fields select {
  width: 85px;
}

/* line 868, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .card_fields .security {
  width: 100px;
}

/* line 872, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .okimochi_cards {
  position: absolute;
}

/* line 876, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .okimochi_howto {
  border: 1px solid #ebebeb;
  padding: 15px 5px;
  border-left: none;
  margin-bottom: 30px;
  border-right: none;
}

/* line 877, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .okimochi_howto .howto {
  display: none;
}

/* line 885, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .okimochi_howto ul {
  list-style-type: decimal;
  margin: 15px 0 20px 30px;
}

/* line 889, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .okimochi_howto h3 {
  padding-bottom: 0;
}

/* line 892, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .okimochi_howto span {
  margin-left: 10px;
  color: #4e87a9;
  font-size: 15px;
}

/* line 898, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .okimochi_thankyou {
  width: 325px;
  height: 49px;
  margin: 0 auto 20px;
  display: block;
}

/* line 904, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .select_okimochi {
  display: block;
  margin: 20px auto;
}

/* line 908, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container input[type=range] {
  -webkit-appearance: none;
  width: 300px;
}

/* line 913, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container input[type=range]::-webkit-slider-runnable-track {
  height: 8px;
}

/* line 917, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container input[type="range"]::-webkit-slider-thumb {
  border: none;
  -webkit-appearance: none;
  width: 40px;
  height: 40px;
  margin-top: -18px;
  background: url(/assets/okimochi/circle.png) no-repeat 0 0;
}

/* line 925, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container input[type="range"] {
  -webkit-appearance: none;
  -moz-apperance: none;
  border-radius: 8px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0.1, #B57B9A), color-stop(0.1, #CCCCCC));
}

/* line 938, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container input[type=range]::-moz-range-track {
  height: 8px;
  background: #cccccc;
}

/* line 942, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container input[type="range"]::-moz-range-thumb {
  border: none;
  width: 48px;
  height: 48px;
  margin-top: -18px;
  background: url(/assets/okimochi/circle.png) no-repeat 0 0;
}

/* line 951, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container input[type=range]::-ms-track {
  height: 8px;
  background: #cccccc;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}

/* line 966, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container input[type=range]::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}

/* line 971, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container input[type=range]::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px;
}

/* line 976, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container input[type=range]::-ms-thumb {
  border: none;
  height: 48px;
  width: 48px;
  margin-top: 2px;
  background: url(/assets/okimochi/circle.png) no-repeat 0 0;
}

/* line 984, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container input[type=range]:focus::-ms-fill-lower {
  height: 8px;
  background: #888;
}

/* line 989, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container input[type=range]:focus::-ms-fill-upper {
  height: 8px;
  background: #ccc;
}

/* line 994, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container input[type=range]::-ms-tooltip {
  display: none;
}

/* line 997, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .okimochi_price {
  margin: 35px auto 40px;
  display: block;
}

@media all and (-ms-high-contrast: none) {
  /* line 1003, app/assets/stylesheets/sp_redesign/question.css.scss */
  .oOkimochi .okimochi_container input[type=range] {
    height: 48px;
  }
}

/* line 1007, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .row:first-child {
  padding-top: 0;
}

/* line 1010, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .row {
  border-bottom: 1px solid #ebebeb;
  padding: 15px 0;
}

/* line 1013, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .row h3 {
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 1018, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container #remember_card {
  margin-right: 10px;
}

/* line 1021, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .buttonsContainer {
  margin: 20px 0;
}

/* line 1023, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .buttonsContainer > div {
  flex: 1;
}

/* line 1026, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container .buttonsContainer > div:first-child {
  margin-right: 10px;
}

/* line 1032, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container_sp #cardno, .oOkimochi .okimochi_container_sp #name {
  width: 90%;
}

/* line 1034, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container_sp #cardno input, .oOkimochi .okimochi_container_sp #name input {
  width: 100%;
}

/* line 1038, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container_sp #okimochi_description {
  width: 100%;
  padding: 20px;
}

/* line 1041, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container_sp #okimochi_description h2 {
  text-align: left;
}

/* line 1044, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container_sp #okimochi_description ul {
  margin: 0 auto;
}

/* line 1048, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container_sp .okimochi_notice {
  margin: 0 30px;
}

/* line 1051, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_container_sp .loading {
  margin: 0 auto;
  width: 33px;
  height: 33px;
  display: block;
}

/* line 1058, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_price:focus {
  outline: none;
}

/* line 1061, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_comment_form_container {
  margin: 40px auto 30px;
}

/* line 1063, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_comment_form_container h3 {
  font-weight: bold;
  margin: 0 0 15px;
}

/* line 1067, app/assets/stylesheets/sp_redesign/question.css.scss */
.oOkimochi .okimochi_comment_form_container .comment_done {
  font-size: 16px;
  display: none;
  margin: 50px 0;
}

/* line 2, app/assets/stylesheets/sp_redesign/top.css.scss */
.pTrueTop #topHeader {
  padding-top: 10px;
  background-color: white;
  z-index: 999;
  width: 100%;
  position: fixed;
}

/* line 9, app/assets/stylesheets/sp_redesign/top.css.scss */
.pTrueTop .oMenu {
  margin-top: 70px;
}

/* line 12, app/assets/stylesheets/sp_redesign/top.css.scss */
.pTrueTop .manaka_text_ad {
  font-size: 12px;
  text-align: center;
  width: 100%;
  background-color: white;
}

/* line 18, app/assets/stylesheets/sp_redesign/top.css.scss */
.pTrueTop .adContainer {
  text-align: center;
  background-color: white;
}

/* line 22, app/assets/stylesheets/sp_redesign/top.css.scss */
.pTrueTop .oPlainButton {
  padding: 20px 0 30px;
}

/* line 24, app/assets/stylesheets/sp_redesign/top.css.scss */
.pTrueTop .oPlainButton a {
  text-decoration: none;
  font-weight: bold;
}

/* line 27, app/assets/stylesheets/sp_redesign/top.css.scss */
.pTrueTop .oPlainButton a button {
  height: 54px;
}

/* line 32, app/assets/stylesheets/sp_redesign/top.css.scss */
.pTrueTop .oNavi {
  padding: 25px 0 15px;
  margin: 0 auto;
  position: relative;
}

/* line 3, app/assets/stylesheets/sp_redesign/form.css.scss */
textarea.aTextArea {
  background: white;
  width: 100%;
  height: 120px;
  padding: 5px;
  border: 1px solid #b4b4b4;
  border-radius: 0px;
  -webkit-appearance: none;
}

/* line 15, app/assets/stylesheets/sp_redesign/form.css.scss */
.aTextArea textarea {
  background: white;
  width: 100%;
  height: 120px;
  padding: 5px;
  border: 1px solid #b4b4b4;
  border-radius: 0px;
  -webkit-appearance: none;
}

/* line 27, app/assets/stylesheets/sp_redesign/form.css.scss */
.aTextField input {
  background: white;
  width: 100%;
  margin: 0 0 5px;
  padding: 5px 10px;
  border: 1px solid #b4b4b4;
  border-radius: 0px;
  -webkit-appearance: none;
}

/* line 38, app/assets/stylesheets/sp_redesign/form.css.scss */
input.aTextField {
  background: white;
  width: 100%;
  margin: 0 0 5px;
  padding: 5px 10px;
  border: 1px solid #b4b4b4;
  border-radius: 0px;
  -webkit-appearance: none;
}

/* line 49, app/assets/stylesheets/sp_redesign/form.css.scss */
.aCheckBox input {
  transform: scale(1.5);
  border: 1px solid #b4b4b4;
  margin: 0 10px 10px 5px;
  padding: 5px;
  width: 15px;
  height: 15px;
}

/* line 59, app/assets/stylesheets/sp_redesign/form.css.scss */
.aRadioButton {
  margin-bottom: 10px;
}

/* line 61, app/assets/stylesheets/sp_redesign/form.css.scss */
.aRadioButton input {
  padding: 5px;
  width: 15px;
  height: 15px;
}

/* line 66, app/assets/stylesheets/sp_redesign/form.css.scss */
.aRadioButton label {
  margin: 0 10px 0 0;
  padding-left: 6px;
}

/* line 72, app/assets/stylesheets/sp_redesign/form.css.scss */
.aSelectBox {
  position: relative;
}

@media screen and (min-width: 1024px) {
  /* line 72, app/assets/stylesheets/sp_redesign/form.css.scss */
  .aSelectBox {
    width: 250px;
  }
}

/* line 77, app/assets/stylesheets/sp_redesign/form.css.scss */
.aSelectBox select {
  width: 100%;
  border: 1px solid #b4b4b4;
  background: white;
  padding: 5px;
  border-radius: 0px;
  margin-bottom: 15px;
}

/* line 85, app/assets/stylesheets/sp_redesign/form.css.scss */
.aSelectBox:before {
  position: absolute;
  top: 40%;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #b4b4b4;
  pointer-events: none;
}

/* line 102, app/assets/stylesheets/sp_redesign/form.css.scss */
.m-form-panel {
  padding: 20px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
}

/* line 107, app/assets/stylesheets/sp_redesign/form.css.scss */
.m-form-panel .title {
  font-size: 20px;
}

/* line 112, app/assets/stylesheets/sp_redesign/form.css.scss */
.m-field-group-title {
  font-size: 20px;
  font-weight: bold;
}

/* line 118, app/assets/stylesheets/sp_redesign/form.css.scss */
.mFieldTitle {
  font-size: 17px;
  margin: 20px 0 10px;
}

/* line 121, app/assets/stylesheets/sp_redesign/form.css.scss */
.mFieldTitle:first-child {
  margin-top: 0;
}

/* line 124, app/assets/stylesheets/sp_redesign/form.css.scss */
.mFieldTitle > label {
  font-weight: bold;
}

/* line 127, app/assets/stylesheets/sp_redesign/form.css.scss */
.mFieldTitle .right_text {
  margin-top: 6px;
  font-size: 14px;
  color: #666;
  float: right;
}

/* line 133, app/assets/stylesheets/sp_redesign/form.css.scss */
.mFieldTitle .sub_text {
  margin-top: 6px;
}

/* line 138, app/assets/stylesheets/sp_redesign/form.css.scss */
.m-radio-button-container {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 1024px) {
  /* line 138, app/assets/stylesheets/sp_redesign/form.css.scss */
  .m-radio-button-container {
    flex-direction: row;
  }
}

/* line 2, app/assets/stylesheets/sp_redesign/heading.css.scss */
.oH1, .oH1WithLabel .main {
  background-color: white;
  color: #97BC3F;
  line-height: 1.5;
  padding: 20px;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px;
}

/* line 12, app/assets/stylesheets/sp_redesign/heading.css.scss */
.oH1WithLabel {
  display: flex;
  width: 100%;
  background-color: white;
}

/* line 19, app/assets/stylesheets/sp_redesign/heading.css.scss */
.oH1WithLabel .aLabelAttention {
  margin-top: 20px;
}

/* line 25, app/assets/stylesheets/sp_redesign/heading.css.scss */
.oH2Spaced, .oH2WithText {
  background-color: white;
  color: #97BC3F;
  line-height: 1.5;
  padding: 20px;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 1px;
  position: relative;
}

/* line 34, app/assets/stylesheets/sp_redesign/heading.css.scss */
.oH2Spaced span, .oH2WithText span {
  margin-left: 15px;
  font-size: 13px;
}

@media screen and (min-width: 769px), print {
  /* line 25, app/assets/stylesheets/sp_redesign/heading.css.scss */
  .oH2Spaced, .oH2WithText {
    font-size: 18px;
  }
}