@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
/* CSS Document */
/*変数*/
/*関数*/
body {
  box-sizing: border-box;
  font-family: 'Noto Sans', sans-serif;
  font-family: 'Noto Sans JP', sans-serif;
  color: #0F0F0F; }
  @media (max-width: 414px) {
    body {
      font-size: 12px; } }

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

h1, h2, h3, h4 {
  font-family: 'Noto Sans', sans-serif;
  font-family: 'Noto Sans JP', sans-serif; }

a {
  text-decoration: none; }

p {
  text-align: justify; }

#wrapper_in {
  max-width: 1280px;
  margin: 0 auto; }

@media (max-width: 1024px) {
  section {
    margin: 0 auto;
    width: 92%; } }
@media (max-width: 768px) {
  section {
    width: 90%; } }

.serif {
  font-family: 'Noto Serif JP', serif; }

.break_line {
  margin: 100px 0;
  border: 1px dashed #515151; }
  @media (max-width: 1024px) {
    .break_line {
      margin: 0 0 70px; } }

.break_line_short {
  margin: 25px 0;
  border: 1px dashed #515151; }

.break_line2 {
  margin: 50px 0;
  border: 1px dashed #b6b6b6; }

.lineup_btn {
  text-align: center;
  margin-top: 50px; }
  .lineup_btn a {
    width: 26%;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    background: #002B4B;
    color: #fff;
    padding: 12px 12px; }
    @media (max-width: 1024px) {
      .lineup_btn a {
        width: 32%; } }
    @media (max-width: 768px) {
      .lineup_btn a {
        width: 41%; } }
    @media (max-width: 414px) {
      .lineup_btn a {
        width: 77%; } }
    @media (max-width: 375px) {
      .lineup_btn a {
        width: 84%; } }
    .lineup_btn a:hover {
      background: #003B67; }

/*------------------------------------
問い合わせボタン
-------------------------------------*/
.contact_area {
  width: 100%;
  margin: 20px 0 100px; }
  .contact_area .cont_btn {
    width: 26%;
    margin: 0 auto; }
    @media (max-width: 1024px) {
      .contact_area .cont_btn {
        width: 32%; } }
    @media (max-width: 768px) {
      .contact_area .cont_btn {
        width: 41%; } }
    @media (max-width: 414px) {
      .contact_area .cont_btn {
        width: 77%; } }
    @media (max-width: 375px) {
      .contact_area .cont_btn {
        width: 84%; } }
    .contact_area .cont_btn a {
      display: block;
      background: #ff191d;
      color: #fff;
      font-size: 14px;
      font-weight: 500;
      text-align: center;
      padding: 11px; }
      .contact_area .cont_btn a span {
        text-decoration: underline; }
  .contact_area .cont_txt {
    width: 33%;
    margin: 10px auto 10px; }
    @media (max-width: 1024px) {
      .contact_area .cont_txt {
        width: 47%; } }
    @media (max-width: 768px) {
      .contact_area .cont_txt {
        width: 61%; } }
    @media (max-width: 414px) {
      .contact_area .cont_txt {
        width: 90%; } }
    @media (max-width: 375px) {
      .contact_area .cont_txt {
        width: 93%; } }
    .contact_area .cont_txt p.normal_size {
      font-size: 17px;
      font-weight: 500;
      text-align: center;
      color: #ff191d;
      margin: 0;
      letter-spacing: 1px; }
      @media (max-width: 414px) {
        .contact_area .cont_txt p.normal_size {
          font-size: 14px; } }
      .contact_area .cont_txt p.normal_size a {
        font-size: 20px;
        font-weight: bold;
        color: #ff191d; }
        @media (max-width: 414px) {
          .contact_area .cont_txt p.normal_size a {
            font-size: 17px; } }
    .contact_area .cont_txt p.small_size {
      font-size: 15px;
      text-align: center;
      color: #ff191d;
      letter-spacing: 1px; }
      @media (max-width: 414px) {
        .contact_area .cont_txt p.small_size {
          font-size: 12px; } }

@media (max-width: 1024px) {
  .resp_br:before {
    content: "\A";
    white-space: pre; } }

@media (max-width: 414px) {
  .resp_br_414:before {
    content: "\A";
    white-space: pre; } }

.resp_414_div {
  display: none; }
  @media (max-width: 414px) {
    .resp_414_div {
      display: block; } }

@media (max-width: 414px) {
  .resp_414_div_hidden {
    display: none; } }

/*--------------------------------
バナー部分
--------------------------------*/
#banner_area {
/*
  height: 500px;
  color: #FFF;
*/
  margin-bottom: 70px;
/*
  background-image: url("../img/ai_camera/main.jpg");
  background-size: cover;
  position: relative; 
*/
}
/*
  @media (max-width: 1024px) {
    #banner_area {
      background-image: url("../img/ai_camera/bg_AI_1024.jpg");
      height: 400px; } }
*/
  @media (max-width: 768px) {
    #banner_area {
/*
      background-image: url("../img/ai_camera/bg_AI_768.jpg");
      height: 295px; 
*/
	  }
}
/*
  @media (max-width: 414px) {
    #banner_area {
      margin-bottom: 50px;
      background-image: url("../img/ai_camera/bg_AI_414.jpg");
      height: 490px; } }
  @media (max-width: 375px) {
    #banner_area {
      background-image: url("../img/ai_camera/bg_AI_375.jpg");
      height: 450px; } }
*/
  #banner_area .banner_cont {
    position: absolute;
    top: 135px;
    left: 110px; }
    @media (max-width: 1024px) {
      #banner_area .banner_cont {
        top: 90px;
        left: 35px; } }
    @media (max-width: 768px) {
      #banner_area .banner_cont {
        top: 54px;
        left: 30px; } }
    @media (max-width: 414px) {
      #banner_area .banner_cont {
        top: 0px;
        left: 62px; } }
    @media (max-width: 375px) {
      #banner_area .banner_cont {
        left: 40px; } }
    #banner_area .banner_cont h1.ban_title {
      font-size: 70px;
      font-weight: 400;
      letter-spacing: 4px;
      margin: 20px;
      color: #fff;
      opacity: 0.9; 
      text-align: center; }

      @media (max-width: 768px) {
        #banner_area .banner_cont h1.ban_title {
          font-size: 35px;
          margin: 20px 11px; } }
      @media (max-width: 414px) {
        #banner_area .banner_cont h1.ban_title {
          font-size: 33px;
          margin: 20px; } }
    #banner_area .banner_cont .ban_desc p {
      font-size: 21px;
      border: solid #fff;
      border-width: 1px 0;
      display: inline-block;
      padding: 10px;
      opacity: 0.8;
      margin: 0 6px;
      text-align: center;
      letter-spacing: 6px;}

      @media (max-width: 768px) {
        #banner_area .banner_cont .ban_desc p {
          font-size: 13px; } }
      @media (max-width: 414px) {
        #banner_area .banner_cont .ban_desc p {
          padding: 6px; } }
      @media (max-width: 375px) {
        #banner_area .banner_cont .ban_desc p {
          margin: 0 6px; } }

/*--------------------------------
トップアピール
--------------------------------*/
.top_appeal_box {
  text-align: center;
  margin-bottom: 70px; }
  @media (max-width: 768px) {
    .top_appeal_box {
      margin: 0 40px 70px; } }
  @media (max-width: 414px) {
    .top_appeal_box {
      margin: 0 0px 50px; } }
  .top_appeal_box h2 {
    font-size: 26px;
    font-weight: 500;
    margin: 0 0 70px 0; }
    @media (max-width: 768px) {
      .top_appeal_box h2 {
        font-size: 21px;
        margin: 0 0 40px 0; } }
    @media (max-width: 414px) {
      .top_appeal_box h2 {
        font-size: 19px;
        margin: 0 0 30px 0; } }
    @media (max-width: 375px) {
      .top_appeal_box h2 {
        font-size: 18px; } }
  .top_appeal_box p {
    font-size: 16px;
    text-align: center; }
    @media (max-width: 768px) {
      .top_appeal_box p {
        font-size: 13px; } }
    @media (max-width: 414px) {
      .top_appeal_box p {
        font-size: 12px; } }

/*--------------------------------
トップ縦長コンテンツ
--------------------------------*/
.top_long {
  display: flex;
  justify-content: space-between;
  text-align: justify;
  margin-bottom: 100px; }
  @media (max-width: 768px) {
    .top_long {
      display: none; } }
  @media (max-width: 414px) {
    .top_long {
      display: block;
      margin-bottom: 50px; } }
  .top_long .long_box {
    border: 2px solid #919191;
    padding: 30px;
    width: 32%;
    position: relative; }
    @media (max-width: 414px) {
      .top_long .long_box {
        width: 100%;
        border: none; } }
    .top_long .long_box:before {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      top: -2px;
      left: -2px;
      border-top: 15px solid #fff;
      border-left: 15px solid #fff;
      border-right: 15px solid transparent;
      border-bottom: 15px solid transparent; }
      @media (max-width: 414px) {
        .top_long .long_box:before {
          display: none; } }
    .top_long .long_box:after {
      position: absolute;
      content: '';
      width: 42px;
      top: 12.4px;
      left: -7px;
      border-top: 2px solid #919191;
      border-left: 2px solid transparent;
      border-right: 2px solid transparent;
      border-bottom: 2px solid transparent;
      transform: rotate(-45deg); }
      @media (max-width: 414px) {
        .top_long .long_box:after {
          display: none; } }
    .top_long .long_box.long_2 .place_container .place_sample p.place, .top_long .long_box.long_3 .place_container .place_sample p.place {
      margin-bottom: 20px; }
    .top_long .long_box.long_2 .place_container .place_sample, .top_long .long_box.long_3 .place_container .place_sample {
      margin-bottom: 75px; }
      @media (max-width: 414px) {
        .top_long .long_box.long_2 .place_container .place_sample, .top_long .long_box.long_3 .place_container .place_sample {
          margin-bottom: 0; } }
  .top_long .lo_title {
    font-size: 30px;
    text-align: center; }
    @media (max-width: 1024px) {
      .top_long .lo_title {
        font-size: 23px; } }
  .top_long .lo_desc {
    height: 105px;
    font-size: 14px;
    margin: 15px 0; }
    @media (max-width: 1024px) {
      .top_long .lo_desc {
        height: 160px;
        font-size: 13px; } }
  .top_long .lo_top_img {
    margin-bottom: 40px; }
  .top_long .place_container .place_sample {
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #c7c7c7; }
    .top_long .place_container .place_sample:nth-last-child(1) {
      border: none; }
    .top_long .place_container .place_sample p.place {
      font-size: 20px;
      font-weight: 500;
      text-align: center;
      margin-bottom: 5px; }
      @media (max-width: 1024px) {
        .top_long .place_container .place_sample p.place {
          font-size: 18px; } }
    .top_long .place_container .place_sample p.place_sent {
      font-size: 14px;
      text-align: center; }
      @media (max-width: 1024px) {
        .top_long .place_container .place_sample p.place_sent {
          font-size: 13px; } }
  .top_long .lo_illust_img {
    display: flex;
    justify-content: space-between;
    margin-top: 0px; }
    .top_long .lo_illust_img .imag {
      width: 49%; }
  .top_long .lo_system {
    margin: 30px 0; }
    .top_long .lo_system p {
      text-align: center;
      font-size: 15px; }

/*レスポンシブトップ縦長コンテナ*/
.resp_pad_top_long {
  display: none; }
  @media (max-width: 768px) {
    .resp_pad_top_long {
      display: block;
      margin-bottom: 100px; } }
  @media (max-width: 414px) {
    .resp_pad_top_long {
      display: none; } }

.unyou_container {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  flex-wrap: wrap; }
  @media (max-width: 414px) {
    .unyou_container {
      flex-direction: column; } }
  .unyou_container .secup_left {
    width: 47%;
    margin: 30px 0 0px; }
    @media (max-width: 414px) {
      .unyou_container .secup_left {
        width: 100%; } }
    .unyou_container .secup_left p.sec_up {
      font-size: 20px;
      font-weight: 500;
      color: #434343; }
    .unyou_container .secup_left p.sec_sent {
      margin-top: 10px; }
    .unyou_container .secup_left .secup_imgBox {
      display: flex;
      justify-content: space-between;
      margin: 30px 0 0px; }
      .unyou_container .secup_left .secup_imgBox img {
        width: 48%; }
    .unyou_container .secup_left .place_sample {
      padding: 10px 0;
      border-bottom: 1px dashed #c7c7c7; }
      .unyou_container .secup_left .place_sample:nth-last-child(1) {
        border: none; }
      .unyou_container .secup_left .place_sample p.place {
        font-size: 17px;
        font-weight: 500;
        color: #434343; }
      .unyou_container .secup_left .place_sample p.place_sent {
        margin-top: 10px; }
  .unyou_container .secup_right {
    width: 49%; }
    @media (max-width: 414px) {
      .unyou_container .secup_right {
        width: 100%; } }
    .unyou_container .secup_right p.img_title {
      font-size: 13px;
      font-weight: 500;
      margin-bottom: 10px; }

/*--------------------------------
動画
--------------------------------*/
.video_area {
  margin-bottom: 70px;
  text-align: center; }
  @media (max-width: 414px) {
    .video_area {
      margin-bottom: 50px; } }
  .video_area iframe {
    width: 570px;
    height: 360px; }
    @media (max-width: 414px) {
      .video_area iframe {
        width: 360px;
        height: 220px; } }
    @media (max-width: 414px) {
      .video_area iframe {
        width: 320px;
        height: 200px; } }

/*--------------------------------
ポイントエリア
--------------------------------*/
.point_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .point_area {
      flex-direction: column; } }
  .point_area .p_box {
    width: 48%; }
    @media (max-width: 768px) {
      .point_area .p_box {
        width: 100%; } }
    .point_area .p_box p.p_title {
      background: #505050;
      border-radius: 35px;
      text-align: center;
      padding: 5px;
      color: #fff;
      font-size: 18px;
      margin-bottom: 20px; }
      .point_area .p_box p.p_title.long_tit {
        padding: 5px 20px; }
      @media (max-width: 1024px) {
        .point_area .p_box p.p_title {
          font-size: 14px; } }
      @media (max-width: 768px) {
        .point_area .p_box p.p_title {
          font-size: 16px; } }
      @media (max-width: 414px) {
        .point_area .p_box p.p_title {
          font-size: 14px; } }
    .point_area .p_box .midashi_box {
      margin-bottom: 20px;
      padding: 0 20px; }
      .point_area .p_box .midashi_box p.p_midashi {
        font-size: 14px; }
      .point_area .p_box .midashi_box p.p_hosoku {
        font-size: 11px; }
    .point_area .p_box .p_cont {
      margin: 0 80px 90px; }
      @media (max-width: 1024px) {
        .point_area .p_box .p_cont {
          margin: 0 30px 90px; } }
      @media (max-width: 414px) {
        .point_area .p_box .p_cont {
          margin: 0 15px 70px; } }
      .point_area .p_box .p_cont .fea2_flex {
        display: flex;
        justify-content: space-between; }
        .point_area .p_box .p_cont .fea2_flex .fea2_left {
          width: 55%; }
          .point_area .p_box .p_cont .fea2_flex .fea2_left .fea2_tit {
            margin-bottom: 20px; }
          .point_area .p_box .p_cont .fea2_flex .fea2_left .fea2_desc {
            margin-bottom: 30px; }
        .point_area .p_box .p_cont .fea2_flex .fea2_right {
          width: 40%; }
      .point_area .p_box .p_cont .fea4_flex {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .point_area .p_box .p_cont .fea4_flex div {
          width: 49%;
          margin-bottom: 10px; }
          .point_area .p_box .p_cont .fea4_flex div p {
            text-align: center;
            margin: 0;
            font-size: 12px; }
    .point_area .p_box p.mini_tit {
      font-size: 18px;
      font-weight: 500;
      color: #C94888; }
      @media (max-width: 414px) {
        .point_area .p_box p.mini_tit {
          font-size: 16px; } }
    .point_area .p_box p.mini_desc {
      font-size: 14px; }
  .point_area .width100_p_box {
    width: 100%;
    margin-bottom: 70px; }

.three_circle {
  display: flex;
  justify-content: space-between; }
  .three_circle .circle {
    width: 30%;
    height: 75px;
    background: #F3E6ED;
    border: 2px solid #D292B1;
    border-radius: 50px; }
    @media (max-width: 1024px) {
      .three_circle .circle {
        width: 32%;
        height: 68px; } }
    @media (max-width: 768px) {
      .three_circle .circle {
        width: 31%;
        height: 106px;
        border-radius: 70px; } }
    @media (max-width: 375px) {
      .three_circle .circle {
        height: 94px; } }
    .three_circle .circle p {
      text-align: center;
      font-weight: 600;
      color: #C94888;
      font-size: 10px; }
      @media (max-width: 768px) {
        .three_circle .circle p {
          font-size: 14px; } }
    .three_circle .circle.cir1 p {
      padding: 21px 0; }
      @media (max-width: 1024px) {
        .three_circle .circle.cir1 p {
          padding: 18px 0; } }
      @media (max-width: 768px) {
        .three_circle .circle.cir1 p {
          padding: 30px 0; } }
      @media (max-width: 375px) {
        .three_circle .circle.cir1 p {
          padding: 25x 0; } }
    .three_circle .circle.cir2 p {
      padding: 23px 0; }
      @media (max-width: 1024px) {
        .three_circle .circle.cir2 p {
          padding: 21px 0; } }
      @media (max-width: 768px) {
        .three_circle .circle.cir2 p {
          padding: 33px 0; } }
      @media (max-width: 375px) {
        .three_circle .circle.cir2 p {
          padding: 28px 0; } }
    .three_circle .circle.cir3 p {
      padding: 28px 0; }
      @media (max-width: 1024px) {
        .three_circle .circle.cir3 p {
          padding: 25px 0; } }
      @media (max-width: 768px) {
        .three_circle .circle.cir3 p {
          padding: 41px 0; } }
      @media (max-width: 375px) {
        .three_circle .circle.cir3 p {
          padding: 36px 0; } }

/*--------------------------------
ラインアップエリア
--------------------------------*/
.lineup_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 414px) {
    .lineup_area {
      flex-direction: column; } }
  .lineup_area .l_up_box {
    width: 48%;
    margin-bottom: 30px; }
    @media (max-width: 1024px) {
      .lineup_area .l_up_box {
        margin-bottom: 60px; } }
    @media (max-width: 414px) {
      .lineup_area .l_up_box {
        width: 100%; } }
    .lineup_area .l_up_box.pink .askew_block:before {
      border-bottom: solid 30px #B84E83; }
    .lineup_area .l_up_box.pink .askew_border {
      border: 1px solid #B84E83; }
    .lineup_area .l_up_box.pink p.l_up_title {
      color: #B84E83; }
    .lineup_area .l_up_box.pink .pro_icon p {
      margin: 0;
      background: #B84E83; }
    .lineup_area .l_up_box.pink .l_up_right dl dt {
      padding: 10px 0; }
    .lineup_area .l_up_box.pink .askew_block {
      padding: 3px 30px; }
      @media (max-width: 375px) {
        .lineup_area .l_up_box.pink .askew_block {
          padding: 5px 20px; } }
    .lineup_area .l_up_box.blue .askew_block:before {
      border-bottom: solid 30px #3E5993; }
    .lineup_area .l_up_box.blue .askew_border {
      border: 1px solid #3E5993; }
    .lineup_area .l_up_box.blue p.l_up_title {
      color: #3E5993; }
    .lineup_area .l_up_box.blue .pro_icon p {
      margin: 0;
      background: #3E5993; }
    .lineup_area .l_up_box.blue .l_up_right dl dt {
      padding: 13px 0; }
    .lineup_area .l_up_box.blue .askew_block {
      padding: 3px 18px; }
      @media (max-width: 375px) {
        .lineup_area .l_up_box.blue .askew_block {
          padding: 5px 15px; } }
    .lineup_area .l_up_box.gold .askew_block:before {
      border-bottom: solid 30px #8A6E45; }
    .lineup_area .l_up_box.gold .askew_border {
      border: 1px solid #8A6E45; }
    .lineup_area .l_up_box.gold p.l_up_title {
      color: #8A6E45; }
    .lineup_area .l_up_box.gold .pro_icon p {
      margin: 0;
      background: #8A6E45; }
    .lineup_area .l_up_box.gold .l_up_right dl dt {
      padding: 7px 0; }
      @media (max-width: 414px) {
        .lineup_area .l_up_box.gold .l_up_right dl dt {
          padding: 10px 0; } }
    .lineup_area .l_up_box.gold .askew_block {
      padding: 3px 10px; }
      @media (max-width: 375px) {
        .lineup_area .l_up_box.gold .askew_block {
          padding: 5px 10px; } }
    .lineup_area .l_up_box.gold .l_up_flex .l_up_left .l_up_img {
      margin: 40px 0; }
      @media (max-width: 768px) {
        .lineup_area .l_up_box.gold .l_up_flex .l_up_left .l_up_img.another_l_up_img {
          margin: 25px 0;
          padding: 0; } }
    .lineup_area .l_up_box .l_up_flex {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media (max-width: 1024px) {
        .lineup_area .l_up_box .l_up_flex {
          flex-direction: column; } }
      .lineup_area .l_up_box .l_up_flex .l_up_left {
        width: 49%;
        display: flex;
        flex-direction: column; }
        @media (max-width: 1024px) {
          .lineup_area .l_up_box .l_up_flex .l_up_left {
            width: 100%; } }
        .lineup_area .l_up_box .l_up_flex .l_up_left p.l_up_title {
          font-size: 17px;
          font-weight: 500;
          margin-bottom: 5px; }
        .lineup_area .l_up_box .l_up_flex .l_up_left p.mini_sent {
          font-size: 14px; }
        .lineup_area .l_up_box .l_up_flex .l_up_left .l_up_img {
          margin: 20px 0; }
          @media (max-width: 1024px) {
            .lineup_area .l_up_box .l_up_flex .l_up_left .l_up_img {
              margin: 40px 0;
              padding: 0 50px; } }
          .lineup_area .l_up_box .l_up_flex .l_up_left .l_up_img a {
            display: block; }
        .lineup_area .l_up_box .l_up_flex .l_up_left .product_info {
          margin-top: auto; }
          @media (max-width: 1024px) {
            .lineup_area .l_up_box .l_up_flex .l_up_left .product_info {
              margin-bottom: 10px; } }
          .lineup_area .l_up_box .l_up_flex .l_up_left .product_info .pro_top .pro_title {
            text-align: center;
            font-size: 16px;
            font-weight: 500;
            border: solid #000;
            border-width: 1px 0;
            padding: 5px; }
          .lineup_area .l_up_box .l_up_flex .l_up_left .product_info .pro_top .pro_ja_name p {
            font-size: 13px;
            text-align: center;
            padding: 5px;
            margin: 0; }
          .lineup_area .l_up_box .l_up_flex .l_up_left .product_info .pro_top .pro_icon {
            display: flex;
            justify-content: space-between;
            color: #FFF;
            margin-bottom: 0; }
            @media (max-width: 1024px) {
              .lineup_area .l_up_box .l_up_flex .l_up_left .product_info .pro_top .pro_icon {
                margin-top: 10px; } }
            .lineup_area .l_up_box .l_up_flex .l_up_left .product_info .pro_top .pro_icon p {
              width: 24%;
              font-size: 13px;
              padding: 2px;
              text-align: center;
              display: inline-block;
              color: #FFF; }
              @media (max-width: 1024px) {
                .lineup_area .l_up_box .l_up_flex .l_up_left .product_info .pro_top .pro_icon p {
                  font-size: 12px;
                  padding: 6px; } }
          .lineup_area .l_up_box .l_up_flex .l_up_left .product_info .temporary_text {
            color: #002b4b;
            font-size: 13px; }
      .lineup_area .l_up_box .l_up_flex .l_up_right {
        width: 49%; }
        @media (max-width: 1024px) {
          .lineup_area .l_up_box .l_up_flex .l_up_right {
            width: 100%; } }
        .lineup_area .l_up_box .l_up_flex .l_up_right dl {
          display: flex;
          font-size: 11px;
          margin-bottom: 0;
          border-bottom: 1px solid #f2f2f2; }
          .lineup_area .l_up_box .l_up_flex .l_up_right dl dt {
            width: 40%;
            display: flex;
            align-items: center;
            min-height: 43px;
            justify-content: center;
            background: #A7BDDC;
            font-weight: 400; }
            @media (max-width: 414px) {
              .lineup_area .l_up_box .l_up_flex .l_up_right dl dt {
                width: 33%; } }
            @media (max-width: 375px) {
              .lineup_area .l_up_box .l_up_flex .l_up_right dl dt {
                width: 36%; } }
          .lineup_area .l_up_box .l_up_flex .l_up_right dl dd {
            width: 60%;
            text-align: center;
            background: #E0EBF6;
            padding: 10px;
            display: flex;
            align-items: center;
            min-height: 43px;
            justify-content: center; }
            @media (max-width: 414px) {
              .lineup_area .l_up_box .l_up_flex .l_up_right dl dd {
                width: 67%; } }
            @media (max-width: 375px) {
              .lineup_area .l_up_box .l_up_flex .l_up_right dl dd {
                width: 64%; } }
          .lineup_area .l_up_box .l_up_flex .l_up_right dl:nth-child(2n) dd {
            background: #E8EFF8; }
      .lineup_area .l_up_box .l_up_flex a.detail_link {
        font-size: 13px;
        color: #002b4b;
        margin-top: 10px; }
        .lineup_area .l_up_box .l_up_flex a.detail_link span {
          text-decoration: underline;
          font-weight: bold; }

.askew_block {
  width: 37%;
  height: 30px;
  position: relative;
  color: #fff;
  font-size: 18px;
  letter-spacing: 2px; }
  @media (max-width: 1024px) {
    .askew_block {
      width: 48%; } }
  @media (max-width: 768px) {
    .askew_block {
      width: 68%; } }
  @media (max-width: 414px) {
    .askew_block {
      width: 60%; } }
  @media (max-width: 375px) {
    .askew_block {
      font-size: 16px; } }
  .askew_block:before {
    width: calc(100% - 20px);
    height: 0;
    z-index: -1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    border-bottom: solid 30px #ff9627;
    border-right: solid 30px transparent;
    bottom: 100%; }

.askew_border {
  border: 1px solid #ff9627;
  margin-bottom: 15px; }

.hide_flex {
  visibility: hidden; }

/*--------------------------------

--------------------------------*/
/*--------------------------------

--------------------------------*/