@charset "utf-8";
/* CSS Document */
/*事例用css
=============================================================================================*/
/*変数 var_____*/ :root {
      --col_btn: #c0272d;
      --col_btn_back: #AAAAAA;
      --col_main: #c0272d;
      --col_main_l: #DBF7D2;
      --fil_ff: brightness(0) invert(1);
      --col_gray: #4d4d4d;
      --bg_gray_l: #cccccc;
}
.ofi {
      width: 100%;
      object-fit: cover;
}
.ofi.cont {
      object-fit: contain;
}
.stories_container {
      padding-top: 10em;
}
@media screen and (max-width: 768px) {
      .stories_container {
            padding-top: 5em;
      }
}
/* title_____________________________________________________
============================================================================================================ */
.sto_title_7 {
      font-size: 7rem;
}
.sto_title_6 {
      font-size: 6rem;
}
.sto_title_llll {
      font-size: 5.6rem;
}
.sto_title_lll_m {
      font-size: 4.3rem;
}
.sto_title_lll {
      font-size: 4.0rem;
}
.sto_title_ll_36 {
      font-size: 3.6rem;
}
.sto_title_ll_34 {
      font-size: 3.4rem;
}
.sto_title_ll_30 {
      font-size: 3.0rem;
}
.sto_title_ll {
      font-size: 3.2rem;
}
.sto_title_l {
      font-size: 2.8rem;
}
.sto_title_ml {
      font-size: 2.6rem;
}
.sto_title_m {
      font-size: 2.4rem;
}
.sto_title_sm {
      font-size: 2.2rem;
}
.sto_title_s {
      font-size: 2.0rem;
}
.sto_title_ss {
      font-size: 1.8rem;
}
@media screen and (max-width: 960px) {
      .sto_title_7 {
            font-size: 5.6rem;
      }
      .sto_title_6 {
            font-size: 4.8rem;
      }
      .sto_title_llll {
            font-size: 3.6rem;
      }
      .sto_title_ll_34 {
            font-size: 3.4rem;
      }
      .sto_title_lll_m {
            font-size: 3.3rem;
      }
      .sto_title_lll {
            font-size: 3.2rem;
      }
      .sto_title_ll_36 {
            font-size: 3.0rem;
      }
      .sto_title_ll_30 {
            font-size: 2.4rem;
      }
      .sto_title_ll {
            font-size: 2.4rem;
      }
      .sto_title_l {
            font-size: 2.2rem;
      }
      .sto_title_ml {
            font-size: 2.1rem;
      }
      .sto_title_m {
            font-size: 1.9rem;
      }
      .sto_title_sm {
            font-size: 1.8rem;
      }
      .sto_title_s {
            font-size: 1.7rem;
      }
      .sto_title_ss {
            font-size: 1.65rem;
      }
}
@media screen and (max-width: 480px) {
      .sto_title_7 {
            font-size: 5.6rem;
      }
      .sto_title_6 {
            font-size: 4.8rem;
      }
      .sto_title_llll {
            font-size: 3.6rem;
      }
      .sto_title_ll_34 {
            font-size: 3.4rem;
      }
      .sto_title_lll_m {
            font-size: 3.3rem;
      }
      .sto_title_lll {
            font-size: 3.2rem;
      }
      .sto_title_ll_36 {
            font-size: 3.0rem;
      }
      .sto_title_ll_30 {
            font-size: 2.7rem;
      }
      .sto_title_ll {
            font-size: 2.6rem;
      }
      .sto_title_l {
            font-size: 2.5rem;
      }
      .sto_title_ml {
            font-size: 2.4rem;
      }
      .sto_title_m {
            font-size: 2.3rem;
      }
      .sto_title_sm {
            font-size: 2.2rem;
      }
      .sto_title_s {
            font-size: 2.1rem;
      }
      .sto_title_ss {
            font-size: 2.0rem;
      }
}
/*topicpath
-----------------------------------------------------------------------------------------*/
.topic_path, .topic_path a {
      color: #808080;
}
.topic_path ul {
      max-width: 1200px;
}
.story_cont, .story_cont a {
      color: #4d4d4d;
}
/*sto_w
-----------------------------------------------------------------------------------------*/
.sto_w {
      width: 1200px;
      margin: auto;
}
@media screen and (max-width: 1250px) {
      .sto_w {
            width: 90%;
      }
}
.sto_w87 {
      width: 870px;
      margin: auto;
}
@media screen and (max-width: 880px) {
      .sto_w87 {
            width: 100%;
      }
      .sp_section {
            width: 90%;
      }
}
.s_section_m:first-child {
      padding-top: 5em;
}
.s_section_m:last-child {
      padding-bottom: 5em;
}
.s_section_m + .s_section_m {
      margin-top: 5em;
}
@media screen and (max-width: 480px) {
      .s_section_m:first-child {
            padding-top: 3em;
      }
      .s_section_m:last-child {
            padding-bottom: 3em;
      }
      .s_section_m + .s_section_m {
            margin-top: 3em;
      }
}
/*story_cont_flex
-----------------------------------------------------------------------------------------*/
.story_cont_flex {
      display: flex;
      justify-content: space-between;
      gap: 0 3em;
}
.story_cont_flex .story_cont {
      width: 70%;
}
.story_cont_flex .story_slide {
      width: 30%;
}
@media screen and (max-width: 768px) {
      .story_cont_flex {
            display: block;
      }
      .story_cont_flex .story_cont {
            width: auto;
      }
      .story_cont_flex .story_slide {
            width: auto;
            padding-top: 3em;
      }
}
/*story_list
-----------------------------------------------------------------------------------------*/
.story_list {
      font-size: 1.6rem;
      display: flex;
      flex-wrap: wrap;
      gap: 5em 3%;
}
.story_list > li {
      width: calc((100% / 3) - (3% / 1.5));
}
.story_list_inner .img img {
      width: 100%;
      aspect-ratio: 270/155;
}
.story_list_inner .text_box {
      margin-top: 1em;
}
.story_list > li > a .story_list_inner_title {
      text-decoration: underline;
}
@media screen and (min-width: 769px), print {
      .story_list > li > a:hover .story_list_inner_title {
            text-decoration: none;
      }
}
@media screen and (max-width: 1250px) {
      .story_list {
            font-size: 1.3vw;
      }
}
@media screen and (max-width: 768px) {
      .story_list {
            font-size: 1.6vw;
      }
}
@media screen and (max-width: 480px) {
      .story_list {
            font-size: 1.4rem;
            gap: 2em 4%;
      }
      .story_list > li {
            width: 46%;
      }
}
/*story_side_cate_list
-----------------------------------------------------------------------------------------*/
.story_side_cate_list > li {
      font-size: 1.1em;
      border-bottom: 1px solid var(--bg_gray_l);
}
.story_side_cate_list > li a {
      display: block;
      padding: 1em 0;
}
@media screen and (max-width: 1250px) {
      .story_side_cate_list {
            font-size: 1.3vw;
      }
}
@media screen and (max-width: 768px) {
      .story_side_cate_list {
            font-size: 1.6vw;
      }
}
@media screen and (max-width: 480px) {
      .story_side_cate_list {
            font-size: 1.4rem;
      }
}
/*midsahsi
-----------------------------------------------------------------------------------------*/
.sto_miashi_01 {
      position: relative;
      padding: 0 0 0.5em 0;
}
.sto_miashi_01:before, .sto_miashi_01:after {
      content: "";
      position: absolute;
      left: 0;
      background: var(--bg_gray_l);
      height: 1px;
      width: 100%;
      bottom: 0;
}
.sto_miashi_01:after {
      width: 3.5em;
      background: var(--col_main);
}
/*線が上　cms用*/
.sto_miashi_02 {
      font-size: 1.4em;
      position: relative;
      padding: 1em 0 1em 0;
}
.sto_miashi_02:before, .sto_miashi_02:after {
      content: "";
      position: absolute;
      left: 0;
      background: var(--bg_gray_l);
      height: 1px;
      width: 100%;
      top: 0;
}
.sto_miashi_02:after {
      width: 6em;
      background: var(--col_main);
}
.s_lead {
      line-height: 1.8;
      font-size: 1.1em;
      letter-spacing: 0.8px;
}
/*pager
--------------------------------------------------------*/
/*.next.page-numbers{
    width: auto;
    margin: 0px auto;
}

.next.page-numbers::before{
    position: static;
    top: auto;
    right: auto;
    width: auto;
    height: auto;
    background-image: none;
    background-size: 0%;
    content: "";
}

.sto_pagination h2.screen-reader-text {
    display: none;
}*/
.sto_pagination {
      position: relative;
      overflow: hidden;
      margin-top: 8em;
      text-align: center;
      clear: both;
}
.sto_pagination a, .sto_pagination .page-numbers {
      line-height: 1.3;
      display: inline-block;
      text-decoration: none;
      background-color: #f2f2f2;
      margin: 0px 5px;
      border-radius: 5em;
      aspect-ratio: 1;
      min-width: 2.5em;
      padding: 0.5em;
}
.sto_pagination .page-numbers.dots {
      color: inherit !important;
      background-color: transparent !important;
      aspect-ratio: none !important;
      min-width: none !important;
}
.sto_pagination .sto_pagination .nav-links > * + * {
      margin-left: 10px;
}
.sto_pagination span.current, .sto_pagination a:hover {
      background: #4d4d4d;
      color: #fff;
}
.sto_pagination .next, .sto_pagination .prev {
      background: none !important;
}
.sto_pagination .next {
      color: #333 !important;
}
.sto_pagination .prev img {
      transform: rotate(-180deg)
}
.sto_pagination .prev.page-numbers:after {
      content: "";
      display: inline-block;
      top: 50%;
      margin-top: -2px;
      right: 1em;
      width: 5px;
      height: 5px;
      border-bottom: 2px solid #181818;
      border-left: 2px solid #181818;
      transform: rotate(45deg);
}
.sto_pagination .next.page-numbers:hover:after {
      border-top: 2px solid #181818;
      border-right: 2px solid #181818;
}
.sto_pagination .next.page-numbers:hover {
      border: none;
}
.sto_pagination .next.page-numbers:after {
      border-top: 2px solid #181818;
      border-right: 2px solid #181818;
}
@media screen and (max-width: 680px) {
      .sto_pagination {
            position: relative;
            overflow: hidden;
            margin-top: 40px;
            margin-bottom: 30px;
            text-align: center;
            clear: both;
      }
}
/*詳細ページ
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.stories_detail_area {
      color: #4d4d4d;
      padding-top: 3em;
}
@media screen and (max-width: 2000px) {
      .stories_detail_area {
            font-size: 1.6rem;
      }
}
@media screen and (max-width: 768px) {
      .stories_detail_area {
            font-size: 2vw;
            padding-top: 1em;
      }
}
@media screen and (max-width: 480px) {
      .stories_detail_area {
            /*     font-size: clamp(0.5rem, 0.056rem + 2.22vw, 1rem);*/
            font-size: clamp(1.4rem, 1rem + 2vw, 1.6rem);
            padding-top: 0em;
      }
}
/*story_d_title_box
-----------------------------------------------------------------------------------------*/
.story_d_title_box {
      position: relative;
      display: flex;
      justify-content: flex-end;
      overflow: hidden;
      font-size: 1em;
      margin: auto;
      width: auto;
      margin-bottom: 6em;
}
.story_d_title_box_w {
      width: 910px;
      margin: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
}
.story_d_title_box .text_box {
      width: 50%;
      padding-right: 5em;
}
.story_d_title_box .img {
      width: 50vw;
}
.story_d_title_box .img img {
      width: 100%;
}
.story_d_title {
      font-size: 2.2em;
      font-weight: 900;
      letter-spacing: 0.1vw;
      text-align: justify;
      margin-bottom: 1em;
}
@media screen and (min-width: 2001px), print {
      .story_d_title_box {
            width: 1500px;
      }
      .story_d_title_box .img {
            width: 672px;
      }
}
@media screen and (max-width: 950px) {
      .story_d_title_box {
            font-size: 0.8em;
      }
      .story_d_title_box_w {
            width: 90%;
      }
}
@media screen and (max-width: 480px) {
      .story_d_title_box {
            margin-bottom: 0em;
            display: block;
            font-size: 0.8em;
      }
      .story_d_title_box_w {
            position: static;
            top: auto;
            left: auto;
            transform: translate(-0%, -0%);
      }
      .story_d_title_box .text_box {
            width: auto;
            padding: 1em 0 2em 0;
      }
      .story_d_title_box .img {
            width: auto;
      }
}
/*sns_box*/
.sns_box {
      text-align: center;
      max-width: 114px;
      margin: auto 0 auto auto;
}
.sns_title {
      font-size: 0.7em;
      margin-bottom: 1em;
}
.sns_list {
      display: flex;
      justify-content: center;
      gap: 0 1.5em;
}
.sns_list > li {
      width: calc(100% / 3);
}
.sns_box img {
      aspect-ratio: 1;
      width: 100%;
      height: auto;
}
@media screen and (max-width: 2000px) {
      .sns_box {
            max-width: 10em;
      }
      .sns_title {
            font-size: 0.9em;
      }
}
@media screen and (max-width: 480px) {
      .sns_box {
            max-width: 7em;
      }
      .sns_title {
            font-size: 0.6em;
      }
      .sns_list {
            gap: 0 1em;
      }
}
/*変数 var
-------------------------------------------------------------------------------------------------------------------*/ :root {
      --cate_col: #c0272d;
}
/*色別
------------------------------------------------------------------*/
.sto_b {
      --cate_col: #222222;
}
.sto_g {
      --cate_col: #808080;
}
/*stories_d_section_title_box
-------------------------------------------------------------------------------------------------------------------*/
.stories_d_section_title_box {
      width: 872px;
      margin: auto;
      display: flex;
      align-items: center;
      font-size: 1em;
}
.stories_d_section_title_main {
      padding: 3em 0;
      width: 32%;
      position: relative;
      color: #fff;
      background: var(--cate_col);
      line-height: 1.0;
}
.stories_d_section_title_main:before {
      content: "";
      position: absolute;
      z-index: -1;
      background: var(--cate_col);
      width: calc(513px + 200%);
      left: calc(-513px + -200%);
      top: 0;
      height: 100%;
}
.stories_d_section_title {
      font-size: 0.8em;
      line-height: 1.5;
}
.stories_d_section_title_l {
      font-size: 3.0em;
}
.stories_d_section_title_sub {
      position: relative;
      display: inline-block;
      padding-right: 2em;
      letter-spacing: 1px;
      margin-bottom: 1em;
}
.stories_d_section_title_sub:before {
      content: "";
      background: #fff;
      width: 1em;
      height: 1px;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate(-0%, -50%);
}
.stories_d_section_title_box .text_box {
      width: 68%;
      font-size: 1.4em;
      padding: 0 0 0 4em;
}
.text_age {
      margin-top: 2em;
      font-size: 0.8em;
}
@media screen and (max-width: 960px) {
      .stories_d_section_title_box {
            width: 90%;
            font-size: 0.7em;
      }
}
@media screen and (max-width: 480px) {
      .stories_d_section_title_box {
            display: block;
            width: 90%;
      }
      .stories_d_section_title_main {
            padding: 1em 0 2em 0;
            width: auto;
      }
      .stories_d_section_title_main:before {
            width: 150%;
            left: -8%;
      }
      .stories_d_section_title_box .text_box {
            width: auto;
            margin: auto;
            padding: 1.5em 0 2em 0;
      }
}
/*-------------------------------------------------------------------------------------------------------------------*/
.bg_diago {
      background: url("../images/stories/patern_01.svg") repeat;
      background-size: 0.6em;
}
.sto_w87_inner {
      width: 90%;
      margin: auto;
}
/*s_uder_area
---------------------------------------------------------------------*/
.s_uder_area {
      font-size: 1em;
      margin-top: 6em;
      padding: 2em 0 4em 0;
}
@media screen and (max-width: 480px) {
      .s_uder_area {
            margin-top: 0;
            padding: 2em 0 2em 0;
      }
}
/*thum_box
------------------------------------------------------------*/
.s_uder_area .thum_box {
      margin-bottom: 2em;
}
.thum_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.thum_box .img {
      width: 12%;
      position: relative;
      text-align: center;
      line-height: 1.0;
      margin-right: 2em;
}
.thum_box .img img {
      width: 100%;
      border-radius: 500em;
}
.thum_box .img:before {
      content: "";
      top: 0;
      left: 0;
      background: url("../images/stories/thum_maru_02.svg")no-repeat;
      background-size: contain;
      width: 100%;
      height: 100%;
      position: absolute;
}
.thum_box .img span {
      font-size: 0.7em;
}
.thum_box .text_box {
      width: 88%;
}
.ff_box {
      padding: 2em 2.5em;
      background: #fff;
}
.thum_box_title {
      margin-bottom: 0.5em;
      font-size: 1.4em;
      font-weight: bold;
}
.thum_box_title span {
      display: block;
      font-size: 0.7em;
}
.thum_box_cont .thum_box + .text_box_text {
      margin-top: 1em;
}
@media screen and (max-width: 480px) {
      .thum_box {
            display: block;
            margin-bottom: 1em;
      }
      .thum_box .img {
            width: 25%;
            margin: auto auto 1em auto;
      }
      .thum_box .text_box {
            width: auto;
      }
      .ff_box {
            padding: 1em 1em;
      }
      .thum_box_title {
            font-size: 1.4em;
      }
}
/*s_user_list
---------------------------------------------------------------------*/
.s_user_list {
      display: flex;
      flex-wrap: wrap;
      gap: 2em 5%;
}
.s_user_list > li {
      width: 40%;
      border-left: solid 1px var(--col_main);
      padding-left: 0.8em;
}
.s_user_list_title {
      font-weight: bold;
      font-size: 1.1em;
}
@media screen and (max-width: 480px) {
      .s_user_list {
            display: block;
      }
      .s_user_list > li {
            width: auto;
            font-size: 0.9em;
      }
      .s_user_list > li + li {
            margin-top: 1em;
      }
}
/*s_ques_area
---------------------------------------------------------------------*/
.s_ques_area {
      padding: 6em 0;
}
.s_ques_area .thum_box {
      padding: 2em 0;
      margin: 3em auto auto auto;
      width: 90%;
}
@media screen and (max-width: 480px) {
      .s_ques_area {
            padding: 4em 0;
      }
}
/*s_answer_area
---------------------------------------------------------------------*/
.s_answer_area .bg_diago {
      padding: 3em 0;
      margin-top: 2em;
}
@media screen and (max-width: 480px) {
      .s_answer_area .bg_diago {
            padding: 2em 0;
      }
}
/*s_answer_list
---------------------------------------------------------------*/
ol.s_answer_list {
      font-size: 1em;
      counter-reset: count 0;
}
.s_answer_list > li {
      position: relative;
      list-style-type: none;
      list-style-position: inside;
      counter-increment: cnt;
}
.s_answer_list > li + li {
      margin-top: 7rem;
}
.s_answer_list > li:before {
      content: "Topic 0"counter(cnt);
      position: absolute;
      left: 0;
      color: var(--col_main);
      font-weight: bold;
      letter-spacing: 1px;
}
.s_answer_list > li:after {
      left: 6em;
      top: 0.8em;
      position: absolute;
      width: 1em;
      height: 1px;
      content: "";
      background: var(--col_main);
}
.s_answer_title {
      font-weight: bold;
      font-size: 1.2em;
      line-height: 1.5;
      margin-bottom: 1em;
}
/*s_answer_list_inner*/
.s_answer_list_inner {
      display: flex;
      justify-content: space-between;
      gap: 0 5%;
}
.s_answer_list_title {
      padding-top: 1.2em;
      color: var(--col_main);
      font-size: 1.4em;
      font-weight: bold;
      width: 30%;
}
.s_answer_list_title_sub {
      font-weight: bold;
      font-size: 1.1em;
      margin-bottom: 1em;
}
.s_answer_list_lead {
      font-size: 0.9em;
}
.s_answer_list_inner .text_box {
      font-size: 1.3em;
      width: 70%;
}
.s_answer_list_text {
      font-size: 1em;
}
/*bg_diago配下*/
.bg_diago .s_answer_list_title {
      font-size: 1.2em;
}
.bg_diago .s_answer_list > li + li {
      margin-top: 4rem;
}
.bg_diago .s_answer_list_inner .text_box {
      padding-top: 1.2em;
}
.bg_diago .s_answer_list_text {
      font-size: 0.9em;
}
@media screen and (max-width: 480px) {
      .s_answer_list_inner {
            display: block;
      }
      .s_answer_list_title {
            width: auto;
      }
      .s_answer_list_title_sub {
            padding-top: 1em;
      }
      .s_answer_list_inner .text_box {
            width: auto;
            font-size: 1.2em;
      }
      /*bg_diago配下*/
      .bg_diago .s_answer_list_inner .text_box {
            padding-top: 0.5em;
      }
}
/*sto_cms
---------------------------------------------------------------------------------------------------------------------------*/
.sto_cms {
      word-break: break-all;
}
/* img
------------------------------------------------------------- */
.sto_cms p + p {
      margin-top: 1em;
}
.sto_cms ol {
      list-style-type: decimal;
}
.sto_cms ol > li {
      margin-left: 1.2em;
      margin-bottom: 0.2em;
}
.sto_cms img {
      width: 100%;
      margin: 1.5em 0;
      /*     width: auto;*/
      position: relative;
}
.sto_cms img.size-medium {
      width: 80%;
      object-fit: cover;
      font-family: 'object-fit: cover;'
}
.sto_cms .aligncenter {
      margin: auto;
      display: block;
}
.sto_cms .alignleft + .alignleft {
      margin-left: 1em;
}
.sto_cms .parent .alignleft + .alignleft {
      margin-left: auto;
}
.sto_cms .alignleft + .aligright {
      margin-left: 5px;
}
@media screen and (max-width: 480px) {
      .sto_cms img + img {
            padding-top: 0px;
      }
      .sto_cms .alignleft + .alignleft {
            margin-left: 0;
      }
}
/* sto_cms
------------------------------------------------------------- */
.sto_cms a {
      color: var(--col_main);
      text-decoration: underline;
      display: block;
}
.sto_cms a:hover {
      text-decoration: none;
}
/*sto_cv_area
---------------------------------------------------------------------------------------------------------------------------*/
.sto_cv_area_bg {
      color: #fff;
      font-size: 1em;
      background: var(--cate_col);
      padding: 3em 0;
}
.sto_cv_w {
      max-width: 640px;
      margin: auto;
}
.sto_cv_title {
      text-align: center;
      font-weight: bold;
      font-size: 1.1em;
      margin-bottom: 2em;
}
.sto_cv_title span {
      font-size: 1.5em;
}
.sto_cv_lead {
      font-size: 1.1em;
      margin-bottom: 3em;
      text-align: center;
}
@media screen and (max-width: 640px) {
      .sto_cv_area_bg {
            font-size: 0.8em;
      }
      .sto_cv_w {
            max-width: 90%;
      }
}
@media screen and (max-width: 480px) {
      .sto_cv_lead {
            text-align: left;
      }
      .sto_cv_btn a {
            font-size: 1em;
      }
}
/* デフォボタンへの矢印追加と本ページのみのデザイン指定
------------------------------------------------------------- */
.sto_btn {
      border: solid 1px #222222;
      background: #222222;
      padding: 1.1em 3em;
      min-width: 34em;
      font-size: 0.8em;
}
.btn_arrow {
      position: relative;
}
@media screen and (max-width: 480px) {
      .sto_btn {
            min-width: 100%;
            max-width: 100%;
            padding: 1.1em 1em;
      }
}
.btn_arrow:before {
      content: "";
      background: url("../images/stories/s_arrow.svg") no-repeat;
      background-size: contain;
      aspect-ratio: 7/10;
      width: 0.5em;
      position: absolute;
      top: 50%;
      right: 1em;
      transform: translate(-0%, -50%);
      filter: brightness(0) invert(1) !important;
}
.btn_arrow:hover {
      color: #000;
      background: #fff;
      border: 1px solid #000;
}
.sto_btn:hover {
      color: #222222;
      background: #fff;
}
.btn_arrow:hover:before {
      filter: none !important;
}
/*カラー変更用btnデザイン*/
.sto_b .sto_cv_area .sto_btn {
      color: #fff;
      background: #222222;
      border: solid 1px #fff;
}
.sto_b .sto_cv_area .sto_btn:hover {
      color: #222222;
      background: #fff;
}
/*profit_area
---------------------------------------------------------------------------------------------------------------------------*/
.profit_area {
      padding: 3em 0;
}
.profit_area .bg_diago {
      padding: 3em 0;
      margin: 2em auto;
}
.profit_btn {
      padding-top: 3em;
}
.profit_area .thum_box {
      margin-bottom: 2em;
}
@media screen and (max-width: 480px) {
      .sto_other_area.sp_section {
            width: 100%;
      }
}
/*s_foot_sns_list
--------------------------------------------------------------------------------------------------------------------------*/
.s_foot_sns_list {
      padding: 0 0 3em 0;
}
/*sto_other_area その他
--------------------------------------------------------------------------------------------------------------------------*/
.sto_other_area {
      padding: 6em 0;
      font-size: 1em;
}
.sto_other_section + .sto_other_section {
      margin-top: 3em;
}
.sto_other_title {
      font-size: 1.4em;
      margin-bottom: 1.5em;
      font-weight: bold;
}
@media screen and (max-width: 480px) {
      .sto_other_title {
            width: 90%;
            margin: auto auto 1em auto;
      }
}
/*スライド
--------------------------------------------------------------------------------------------------------------------------*/
.sto-other-sliider li {
      margin: 0 1em;
}
.sto-other-sliider .slick-prev, .sto-other-sliider .slick-next {
      top: 30%!important;
      bottom: auto;
}
.sto-other-sliider .slick-prev:after, .sto-other-sliider .slick-next:after {
      border-top: 2px solid #222222;
      border-right: 2px solid #222222;
}
.sto_other_btn {
      padding: 3em 0;
}
@media screen and (max-width: 480px) {
      .sto_other_btn {
            width: 90%;
            margin: auto;
      }
	.sto-other-sliider .slick-prev, .sto-other-sliider .slick-next {
      top: 40%!important;
}
	
	.sto-other-sliider .slick-prev {
	left: 18px!important;
	}
	.sto-other-sliider  .slick-next {
		right: 28px!important;
	}
}