@charset "UTF-8";
/* CSS Document */
/*ブレイクポイント*/
.disp_pc, .pc {
  display: block !important;
  margin: auto; }
  @media screen and (max-width: 800px) {
    .disp_pc, .pc {
      display: none !important; } }

.disp_sp, .sp {
  display: none !important;
  margin: auto; }
  @media screen and (max-width: 800px) {
    .disp_sp, .sp {
      display: block !important; } }

#shindan {
  background: #fff;
  padding: 40px 0; }
  #shindan .shindan_inner {
    width: 100%;
    margin: auto; }
  #shindan p {
    text-align: left;
    font-size: 18pt;
    max-width: 1000px;
    margin: 0 auto 40px auto;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Osaka", "Droid Sans", "メイリオ", "Meiryo", "Helvetica", "Arial", "sans-serif"; }
    @media screen and (max-width: 800px) {
      #shindan p {
        font-size: 4vw;
        width: 92%; } }
  #shindan .type_select {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
    margin: 40px auto; }
    @media screen and (max-width: 800px) {
      #shindan .type_select {
        width: 94%;
        margin-top: 20px; } }
    #shindan .type_select li {
      width: 48%;
      text-align: center;
      margin: 1%;
      box-sizing: border-box;
      list-style: none; }
      #shindan .type_select li:hover {
        cursor: pointer; }
      @media screen and (max-width: 800px) {
        #shindan .type_select li {
          width: 98%; } }
    #shindan .type_select img {
      width: 100%;
      height: auto; }
  #shindan .cta {
    background: url("../img/pc/cv/bg_button.png");
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    #shindan .cta div {
      width: 100%;
      max-width: 1000px;
      padding: 1.8% 0 1% 0; }
      @media screen and (max-width: 800px) {
        #shindan .cta div {
          width: 90%;
          margin: auto;
          padding-top: 0; } }
    #shindan .cta div.orange {
      background: #f37f28;
      width: 100%;
      text-align: center;
      max-width: 100%;
      position: relative; }
      @media screen and (max-width: 800px) {
        #shindan .cta div.orange {
          padding-top: 3% !important;
          margin-bottom: 6%; } }
      #shindan .cta div.orange:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #f37f28; }
      #shindan .cta div.orange img {
        margin-bottom: 10px !important; }
        @media screen and (max-width: 800px) {
          #shindan .cta div.orange img {
            width: 90% !important; } }
    #shindan .cta a {
      display: block;
      margin-top: 20px; }
      @media screen and (max-width: 800px) {
        #shindan .cta a {
          margin-top: 0; } }
      #shindan .cta a img {
        width: 100%;
        max-width: 933px; }
        @media screen and (max-width: 800px) {
          #shindan .cta a img {
            margin-bottom: 10px !important; } }
  #shindan .select_top {
    text-align: center;
    margin: 20px auto;
    padding: 20px 0; }
    @media screen and (max-width: 800px) {
      #shindan .select_top {
        width: 90%;
        padding: 0; } }
  #shindan #resultA, #shindan #resultB, #shindan #resultC, #shindan #resultD {
    display: none; }
  #shindan #resultB div:first-of-type, #shindan #resultC div:first-of-type, #shindan #resultD div:first-of-type {
    margin-bottom: 20px; }
    #shindan #resultB div:first-of-type img, #shindan #resultC div:first-of-type img, #shindan #resultD div:first-of-type img {
      margin-bottom: 0; }
  #shindan #resultA {
    color: #000;
    text-align: center; }
    #shindan #resultA img {
      margin-bottom: 40px; }
      @media screen and (max-width: 800px) {
        #shindan #resultA img {
          width: 100%;
          margin-bottom: 20px; } }
    #shindan #resultA img.midashi {
      margin-bottom: 20px; }
    #shindan #resultA .slider {
      border-width: 0 3px 3px 3px;
      border-style: solid;
      border-color: #d57a00;
      border-radius: 0 0 10px 10px;
      width: 100%;
      max-width: 1000px;
      margin: auto auto 40px auto;
      padding: 10px; }
      #shindan #resultA .slider div {
        display: none; }
      #shindan #resultA .slider div.r_a, #shindan #resultA .slider div.youtube {
        display: block; }
      #shindan #resultA .slider .youtube {
        margin-bottom: 20px; }
        @media screen and (max-width: 800px) {
          #shindan #resultA .slider .youtube {
            width: 100%;
            aspect-ratio: 16 / 9;
            margin-bottom: 0; } }
      @media screen and (max-width: 800px) {
        #shindan #resultA .slider .youtube iframe {
          width: 100%;
          height: 100%; } }
    #shindan #resultA .matome {
      padding-top: 40px;
      background: white;
      background: linear-gradient(0deg, white 0%, #feefce 100%); }
  #shindan #resultB {
    text-align: center; }
    #shindan #resultB .b_in {
      padding-top: 10px;
      margin: 20px auto; }
      @media screen and (max-width: 800px) {
        #shindan #resultB .b_in {
          width: 92%;
          margin: auto auto 20px auto; } }
    #shindan #resultB .b_in2 {
      margin: 0 auto;
      background: #FEF7DD;
      padding: 20px 0; }
  #shindan #resultC {
    text-align: center; }
    @media screen and (max-width: 800px) {
      #shindan #resultC .c_in {
        width: 92%;
        margin: auto; } }
    #shindan #resultC .conbni {
      margin-top: 20px;
      background: url("../img/pc/C/bg_dot.png");
      background-repeat: repeat;
      padding-bottom: 20px; }
  #shindan #resultD {
    text-align: center; }
    @media screen and (max-width: 800px) {
      #shindan #resultD .d_in {
        width: 92%;
        margin: auto; } }
    #shindan #resultD .d_in img {
      margin-bottom: 20px; }
    #shindan #resultD .meal {
      background: url("../img/pc/D/bg.png");
      background-repeat: repeat;
      padding: 40px 0 230px 0; }
      @media screen and (max-width: 800px) {
        #shindan #resultD .meal {
          padding: 4% 3% 30% 3%; } }
      #shindan #resultD .meal img {
        margin-top: 20px; }
    #shindan #resultD .meal_under {
      background: url("../img/pc/D/bg2.png");
      background-repeat: repeat;
      padding-top: 100px;
      padding-bottom: 20px;
      margin-bottom: 0; }
      @media screen and (max-width: 800px) {
        #shindan #resultD .meal_under {
          padding-top: 52%;
          padding-bottom: 0px; } }
      #shindan #resultD .meal_under div {
        margin: 0; }
      #shindan #resultD .meal_under .uu {
        margin-top: -290px; }
        @media screen and (max-width: 800px) {
          #shindan #resultD .meal_under .uu {
            margin-top: -75%; } }

#tab {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 100%;
  max-width: 1000px;
  margin: auto; }
  #tab li {
    box-sizing: border-box;
    width: 25%;
    border-right: 1px solid #fff; }
    #tab li:last-child {
      border-width: 0; }
    #tab li:hover {
      cursor: pointer; }
  #tab img {
    width: 100%;
    height: auto;
    margin-bottom: 0 !important; }
