@charset "utf-8";

/* ======================================================
 * products_custom.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Page Component
 * - Clearfix
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Page Component
 * - Clearfix
 * SP Media Queries
 * Print
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  /* ----- font ----- */
  .custom-flow-commpo .flow_title,
  .semiorder-box-commpo .box_title
  .custom-flow-commpo .flow_title,
  .custom-hero-commpo .hero_comment,
  .custom-hero-commpo .hero_text,
  .custom-hero-commpo .hero_lead,
  .custom-hero-commpo .hero_heading,
  .modal_contents.type-custom .modal_custom-title,
  .case-column-layout .column_item .column_title,
  .custom-box-commpo .box_text-item,
  .custom-heading-lv2 .heading_title,
  .custom-heading-lv2-v2 .heading_title {
    font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .custom-f-size01 { font-size: 1.8rem !important; }
  .custom-f-size02 { font-size: 2.2rem !important; }
  .custom-f-size03 { font-size: 1.6rem !important; }
  
  /* ----- a ----- */
  
  /* ----- opacity ----- */
  
  /* ----- transition ----- */
  
  /* ----- sprite ----- */
  
  /* ----- contents-wrap ----- */
  .contents-wrap {
    position: relative;
  }
  
  /* ----- contact-layout-v4 ----- */
  .contact-layout-v4 {
    position: fixed;
    max-width: 1200px;
    width: calc(100% - 80px);
    bottom: 0;
    z-index: 999;
  }
  .contact-layout-v4.is-ride {
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
  }
  
  /* ------------------------------------------------------
   * Page Component
  ------------------------------------------------------ */
  /* ----- custom-heading-lv2 ----- */
  .custom-heading-lv2 {
    margin-top: 60px;
  }
  .custom-heading-lv2 .heading_title {
    display: inline;
    color: #003a63;
    background: linear-gradient(180deg, transparent 0%, transparent 65%, rgba(124,179,206,.6) 65%, rgba(124,179,206,.6) 93%, transparent 93%, transparent 100%);
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.2;
  }
  .custom-heading-lv2 + *{
    margin-top: 30px;
  }
  .custom-heading-lv2 + p{
    margin-top: 15px;
  }
  /* v2 */
  .custom-heading-lv2-v2 {
    margin: 80px 0 60px;;
  }
  .custom-heading-lv2-v2 {
    margin: 80px 0 60px;;
  }
  .custom-heading-lv2-v2 .block {
    display: flex;
    align-items: center;
    padding: 12px 0 16px;
    background-color: #d3eefc;
    border-top: 2px solid #003a63;
  }
  .custom-heading-lv2-v2 .heading_image {
    padding: 0 27px 0 15px;
  }
  .custom-heading-lv2-v2 .heading_title {
    padding-right: 10px;
    font-size: 3.8rem;
    font-weight: 700;
    color: #003a63;
  }
  /* ----- custom-box-commpo ----- */
  .custom-box-commpo {
    margin: 40px 0 0;
    padding: 30px 112px 30px 95px;
    background-color: #ecf9ff;
  }
  .custom-box-commpo .box_text {
    display: flex;
    padding: 0 0 19px;
  }
  .custom-box-commpo .box_text-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 251px;
    margin-left: 120px;
    padding: 6px 5px 5px;
    background-color: #fff;
    border: 1px solid #003a63;
    font-size: 2rem;
    font-weight: 700;
    color: #003a63;
  }
  .custom-box-commpo .box_text-item:first-child {
    margin-left: 0;
  }
  .custom-box-commpo .box_text-item::before {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: -11px;
    left: 50%;
    margin-left: -19px;
    background: linear-gradient(135deg,transparent 50%,#fff 0%);
    border-right: 1px solid #003a63;
    border-bottom: 1px solid #003a63;
    transform: rotate(45deg);
    content: "";
  }
  .custom-box-commpo .box_text-item::after {
    position: absolute;
    width: 26px;
    height: 2px;
    bottom: -1px;
    left: 50%;
    margin-left: -22px;
    background-color: #fff;
    content: "";
  }
  .custom-box-commpo .box_image {
    display: flex;
  }
  .custom-box-commpo .box_image-item {
    text-align: center;
    width: 251px;
    margin-top: 7px;
    margin-left: 120px;
  }
  .custom-box-commpo .box_image-item:first-child {
    margin-left: 0;
  }
  .custom-box-commpo .box_image-item.type-03 {
    position: relative;
  }
  .custom-box-commpo .box_image-item.type-03 img {
    position: absolute;
    top: 21px;
    left: -18px;
    max-width: none;
  }
  /* ----- price-anchor-layout ----- */
  .price-anchor-layout {
    display: table;
    margin-top: 3em;
  }
  .price-anchor-layout > li{
    display: table-cell;
    padding: 0px 17px 0 18px;
    border-left: 1px solid #ccc;
  }
  .price-anchor-layout > li:first-child{
    padding-left: 0;
    border-left: none;
  }
  .price-anchor-layout > li > a {
    padding-left: 22px;
  }
  /* ----- name-column-layout ----- */
  .name-column-layout {
    display: flex;
    margin-top: 17px;
  }
  .name-column-layout .column_detail {
    width: calc(100% - 397px);
    margin-right: 10px;
  }
  .name-column-layout .column_button {
    width: 387px;
  }
  .name-column-layout .column_button .link-button >li {
    margin-top: 0;
  }
  .name-column-layout > * > * {
    margin-top: 0;
  }
  /* ----- case-column-layout ----- */
  .case-column-layout {
    display: flex;
    margin-top: 3.25em;
  }
  .case-column-layout .column_item {
    position: relative;
    width: calc((100% - 60px) / 3);
    height: 322px;
    margin-left: 30px;
  }
  .case-column-layout .column_item:first-child {
    margin-left: 0;
  }
  .case-column-layout .column_item.type-full {
    background-color: #e4e8f7;
  }
  .case-column-layout .column_item.type-semi {
    background-color: #fae3e1;
  }
  .case-column-layout .column_item .column_heading {
    padding: 20px 20px 17px;
  }
  .case-column-layout .column_item.type-full .column_heading {
    background-color: #808ec3;
  }
  .case-column-layout .column_item.type-semi .column_heading {
    background-color: #d4746a;
  }
  .case-column-layout .column_item .column_title {
    text-align: center;
    background-color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.45;
  }
  .case-column-layout .column_item .column_detail {
    margin-top: 10px;
    color: #fff;
  }
  .case-column-layout .column_item .column_detail .column_lead {
    display: block;
    font-weight: bold;
    padding-top: 10px;
  }
  [data-browser="safari"] .case-column-layout .column_item .column_detail .column_lead {
    letter-spacing: -1.3px;
  }
  .case-column-layout .column_item .column_image {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .case-column-layout .column_item .column_image.type-manual {
    width: 72.5%;
    left: 16.5%;
  }
  .case-column-layout .column_item .column_image.type-career {
    width: 86%;
    left: 10%;
  }
  .case-column-layout .column_item .column_image.type-info {
    width: 72%;
    left: 12.4%;
  }
  /* ----- case-table-layout ----- */
  .case-table-layout {
    overflow: auto;
    margin-top: 60px;
  }
  .case-table-layout .table_wrap {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
  }
  .case-table-layout .table_wrap .table_width01 {
    width: 11.74%;
  }
  .case-table-layout .table_wrap .table_width02 {
    width: 14.67%;
  }
  .case-table-layout .table_wrap .table_width03 {
    width: 14.75%;
  }
  .case-table-layout .table_wrap .table_head th {
    overflow: hidden;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #777;
    color: #fff;
  }
  .case-table-layout .table_wrap .table_head th:first-child {
    padding: 0;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #ddd;
    background: url("/products/custom/case/img/case_bg01.png") no-repeat center/cover , #777;
  }
  .case-table-layout .table_wrap .table_head th .cell-row {
    display: inline-block;
    position: relative;
    top: -47px;
    right: -44px;
  }
  .case-table-layout .table_wrap .table_head th .cell-column {
    display: inline-block;
    position: relative;
    bottom: -36px;
    left: -49px;
  }
  .case-table-layout .table_wrap .table_head th .table_image img {
    width: 100%;
    max-width: none;
    border-bottom: 1px solid #ddd;
  }
  .case-table-layout .table_wrap .table_head th .table_title {
    color: #fff;
    line-height: 80px;
  }
  .case-table-layout .table_wrap .table_head th .table_title .table_title-inner {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
  }
  .case-table-layout .table_wrap .table_body.cell-01 td {
    height: 266px;
  }
  .case-table-layout .table_wrap .table_body.cell-02 td {
    height: 241px;
  }
  .case-table-layout .table_wrap .table_body.cell-03 td {
    height: 289px;
  }
  .case-table-layout .table_wrap .table_body.cell-04 td {
    height: 288px;
  }
  .case-table-layout .table_wrap .table_body.cell-05 td {
    height: 265px;
  }
  .case-table-layout .table_wrap .table_body.cell-06 td {
    height: 289px;
  }
  .case-table-layout .table_wrap .table_body td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .case-table-layout .table_wrap .table_body td:first-child {
    border-left: 1px solid #ddd;
  }
  .case-table-layout .table_wrap .table_body td.table_body-title {
    padding: 15px 20px;
    text-align: left;
    vertical-align: top;
    background-color: #f1f1f1;
    font-weight: normal;
  }
  .case-table-layout .table_wrap .table_body td.cell-style-no {
    background-color: #f7f7f7;
  }
  .case-table-layout .table_wrap .table_body td .table_link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    outline: none !important;
  }
  .case-table-layout .table_wrap .table_body td .table_link:focus {
    outline: auto;
  }
  .case-table-layout .table_wrap .table_body td .table_link::before {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 0;
    bottom: 0;
    background-color: #418fde;
    content: "";
  }
  .case-table-layout .table_wrap .table_body td .table_link::after {
    position: absolute;
    width: 6px;
    height: 6px;
    right: 6px;
    bottom: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    content: "";
  }
  .case-table-layout .table_wrap .table_body td .table_link:hover .table_icon,
  .case-table-layout .table_wrap .table_body td .table_link:hover .table_image {
    opacity: .8;
  }
  .case-table-layout .table_wrap .table_body td .table_link .table_icon,
  .case-table-layout .table_wrap .table_body td .table_link .table_image,
  .case-table-layout .table_wrap .table_body td .table_link .table_text {
    margin: 0 20px;
  }
  .case-table-layout .table_wrap .table_body td .table_link .table_image img {
    margin-top: 10px;
  }
  .case-table-layout .table_wrap .table_body td .table_icon {
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .case-table-layout .table_wrap .table_body td .table_icon > * {
    display: inline-block;
    width: 100%;
    padding: 3px 5px 0px;
  }
  .case-table-layout .table_wrap .table_body td .table_icon .type-full {
    background-color: #808ec3;
  }
  .case-table-layout .table_wrap .table_body td .table_icon .type-semi {
    background-color: #d4746a;
  }
  .case-table-layout .table_wrap .table_body td .table_text {
    margin-top: 5px;
    margin-bottom: 14px;
    line-height: 1.5;
    color: #333;
  }
  .case-table-layout .table_wrap .table_body td .table_link:hover .table_text {
    color: #418fde;
    text-decoration: underline;
  }
  /* ----- modal_contents ----- */
  /* type-custom */
  .modal-inline #cboxLoadedContent {
    padding: 0;
    border: none;
    background: none;
  }
  .modal-inline #cboxClose {
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    background-color: #418fde;
    background-image: none;
  }
  .modal-inline #cboxClose::before,
  .modal-inline #cboxClose::after {
    width: 44%;
    height: 2px;
    left: 28%;
    background-color: #fff;
  }
  .modal_contents.type-custom {
    background-color: #fff;
    padding: 40px;
  }
  .modal_contents.type-custom .modal_custom-title {
    padding-bottom: 7px;
    border-bottom: 1px solid #ddd;
    font-size: 2.4rem;
    font-weight: 700;
  }
  .modal_contents.type-custom .modal_custom-icon {
    width: 136px;
  }
  .modal_contents.type-custom .modal_custom-icon > * {
    display: block;
    width: 100%;
    text-align: center;
    padding: 2px 5px 0;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
  }
  .modal_contents.type-custom .modal_custom-icon .type-full {
    background-color: #808ec3;
  }
  .modal_contents.type-custom .modal_custom-icon .type-semi {
    background-color: #d4746a;
  }
  .modal_contents.type-custom .column-media {
    margin-top: 1.7em;
  }
  .modal_contents.type-custom .table-layout {
    margin-top: 1.3em;
  }
  /* ----- case-box-layout ----- */
  .case-box-layout {
    padding: 40px;
    background-color: #f2f3f5;
  }
  .case-box-layout .box_column {
    display: flex;
    align-items: center;
    margin-top: 19px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
  }
  .case-box-layout .box_column:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  .case-box-layout .box_column .box_detail {
    width: calc(100% - 357px);
    margin-right: 17px;
  }
  .case-box-layout .box_column .box_inner {
    display: flex;
    align-items: center;
  }
  .case-box-layout .box_column .box_icon {
    display: block;
    text-align: center;
    width: 136px;
    padding: 2px 5px 1px;
    margin-right: 20px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
  }
  .case-box-layout .box_column .box_icon.type-full {
    background-color: #808ec3;
  }
  .case-box-layout .box_column .box_icon.type-semi {
    background-color: #d4746a;
  }
  .case-box-layout .box_column .box_text {
    display: block;
    width: calc(100% - 156px);
  }
  .case-box-layout .box_column .box_button {
    width: 340px;
  }
  .case-box-layout .box_column .box_button .link-button,
  .case-box-layout .box_column .box_button .link-button li {
    margin-top: 0;
  }
  /* ----- custom-hero-commpo ----- */
  .custom-hero-commpo {
    display: flex;
    margin-top: 36px;
  }
  .custom-hero-commpo.type-full {
    padding: 40px 55px 21px 42px;
    background-color: #808ec2;
  }
  .custom-hero-commpo.type-semi {
    padding: 40px 59px 33px 42px;
    background-color: #d4746b;
  }
  .custom-hero-commpo.type-full .hero_detail {
    width: 63.918%;
    margin-right: 52px;
  }
  .custom-hero-commpo.type-semi .hero_detail {
    width: 64.2%;
    margin-right: 46px;
  }
  .custom-hero-commpo.type-full .hero_image {
    width: calc(36.082% - 52px);
  }
  .custom-hero-commpo.type-semi .hero_image {
    width: calc(35.8% - 46px);
  }
  .custom-hero-commpo .hero_box {
    position: relative;
    text-align: center;
    padding: 22px 0 14px;
    background-color: #fff;
    border: 8px solid #fff;
    border-radius: 30px;
  }
  .custom-hero-commpo .hero_box::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 20px;
    border: 4px solid;
    content: "";
  }
  .custom-hero-commpo.type-full .hero_box::before {
    border-color: #808ec2;
  }
  .custom-hero-commpo.type-semi .hero_box::before {
    border-color: #d4746b;
  }
  .custom-hero-commpo .hero_heading {
    margin-right: -23px;
    letter-spacing: -2.6px;
    font-size: 4.2rem;
    font-weight: 900;
    color: #222;
    line-height: 1.25
  }
  .custom-hero-commpo .hero_lead {
    margin-top: 5px;
    margin-right: -12px;
    letter-spacing: 0.5px;
    font-size: 3.5rem;
    font-weight: 900;
    color: #222;
  }
  .custom-hero-commpo .hero_lead .f-color-red {
    color: #e5004f;
  }
  .custom-hero-commpo .hero_text {
    margin-top: 12px;
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.6;
  }
  .custom-hero-commpo .hero_comment {
    position: relative;
    text-align: center;
    font-size: 3.05rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: -2.2px;
  }
  .custom-hero-commpo.type-full .hero_comment {
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: 6px;
  }
  .custom-hero-commpo.type-semi .hero_comment {
    margin-top: -11px;
    margin-bottom: 11px;
  }
  .custom-hero-commpo .hero_comment::before {
    position: relative;
    display: inline-block;
    width: 3.5px;
    height: 43px;
    top: 10px;
    left: -18px;
    background-color: #fff;
    transform: rotate(-33deg);
    content: "";
  }
  .custom-hero-commpo .hero_comment::after {
    position: relative;
    display: inline-block;
    width: 3.5px;
    height: 43px;
    top: 9px;
    right: -21px;
    background-color: #fff;
    transform: rotate(33deg);
    content: "";
  }
  /* ----- custom-flow-commpo ----- */
  .custom-flow-commpo {
    display: flex;
    margin-top: 72px !important;
  }
  .custom-flow-commpo .flow_item {
    position: relative;
    width: 12.7%;
    margin-right: 4.76%;
    border: 1px solid #dbf0f7;
  }
  .custom-flow-commpo .flow_item::before {
    position: absolute;
    width: 0;
    height: 0;
    top: 79px;
    right: -36px;
    border-left: 17px solid #07395f;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    content: "";
  }
  .custom-flow-commpo .flow_item:last-child {
    margin-right: 0;
  }
  .custom-flow-commpo .flow_item:last-child::before {
    display: none;
  }
  .custom-flow-commpo .flow_heading {
    position: relative;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 7px;
    background-color: #dbf0f7;
  }
  .custom-flow-commpo .flow_icon {
    position: absolute;
    width: 60px;
    top: 0;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
  }
  .custom-flow-commpo .flow_title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #07395f;
  }
  .custom-flow-commpo .flow_text {
    padding: 15px 9px 10px;
    letter-spacing: 0.8px;
  }
  /* ----- semiorder-box-commpo ----- */
  .semiorder-box-commpo {
    display: flex;
    margin-top: 52px;
  }
  .semiorder-box-commpo + * {
    margin-top: 2.2em;
  }
  .semiorder-box-commpo .box_column {
    width: calc((100% - 40px) / 2);
    margin-left: 40px;
  }
  .semiorder-box-commpo .box_column:first-child {
    margin-left: 0;
  }
  .semiorder-box-commpo .box_heading {
    position: relative;
    text-align: center;
    padding: 11px 0 7px;
    background-color: #d4746b;
  }
  .semiorder-box-commpo .box_heading::before {
    position: absolute;
    width: 33px;
    height: 33px;
    top: 0;
    right: 0;
    background-color: #fff;
    content: "";
  }
  .semiorder-box-commpo .box_heading::after {
    position: absolute;
    width: 0;
    height: 0;
    top: 2px;
    right: 13px;
    border-top: 23px solid transparent;
    border-right: 24px solid #a3524b;
    border-bottom: 23px solid transparent;
    transform: rotate(-45deg);
    content: "";
  }
  [data-browser="ie11"] .semiorder-box-commpo .box_heading::after {
    position: absolute;
    width: 0;
    height: 0;
    top: 0.6px;
    right: 13.5px;
    border-top: 24px solid transparent;
    border-right: 24px solid #a3524b;
    border-bottom: 24px solid transparent;
    transform: rotate(-45deg);
    content: "";
  }
  .semiorder-box-commpo .box_title {
    font-size: 2.4rem;
    font-weight: 700;
    color: #fff;
  }
  .semiorder-box-commpo .box_detail {
    display: flex;
    margin-top: 20px;
    padding: 33px 30px 28px;
    background-color: #feeabe;
  }
  .semiorder-box-commpo .box_image {
    width: 145px;
    margin-top: 8px;
    margin-right: 36px;
  }
  .semiorder-box-commpo .box_list {
    width: calc(100% - 181px);
  }
  .semiorder-box-commpo .box_list .list-bullet {
    margin-top: 0 !important;
  }
  .semiorder-box-commpo .box_list .list-bullet > li {
    padding-left: 18px;
  }
  .semiorder-box-commpo .box_list .list-bullet > li + li {
    margin-top: .3em !important;
  }
  /* ----- heading_icon ----- */
  .heading-lv2 .heading_custom-icon {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 136px;
    top: -.25em;
    padding: 2px 5px 1px;
    margin-left: 20px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
  }
  .heading-lv2 .heading_custom-icon.type-full {
    background-color: #808ec3;
  }
  .heading-lv2 .heading_custom-icon.type-semi {
    background-color: #d4746a;
  }
  /* ----- order-clearholder-description-layout ----- */
  .order-clearholder-description-layout {
    display: flex;
    margin-bottom: 24px;
  }
  .order-clearholder-description-layout .description_item {
    display: flex;
    margin-left: 20px;
  }
  .order-clearholder-description-layout .description_item:first-child {
    margin-left: 0;
  }
  .order-clearholder-description-layout .description_item .description_title {
    background-color: #ddd;
    font-weight: bold;
  }
  .order-clearholder-description-layout .description_item.type-cover .description_title {
    padding: 5px 30px 2px;
  }
  .order-clearholder-description-layout .description_item.type-name .description_title {
    padding: 5px 20px 2px 23px;
  }
  .order-clearholder-description-layout .description_item .description_detail {
    border: 1px solid #ddd;
  }
  .order-clearholder-description-layout .description_item.type-cover .description_detail {
    padding: 4px 37px 1px 31px;
  }
  .order-clearholder-description-layout .description_item.type-name .description_detail {
    padding: 4px 37px 1px 38px;
  }
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * PC Media Queries
====================================================== */
/***
@media screen and (min-width: 1921px) {
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
}
***/
@media screen and (min-width: 768px) and (max-width: 1222px) {
  .custom-box-commpo {
    padding: 30px 40px 30px;
  }
  .custom-box-commpo .box_text-item {
    width: calc(90% / 3);
    margin-left: 5%;
  }
  .custom-box-commpo .box_image-item {
    width: calc(90% / 3);
    margin-left: 5%;
  }
  .custom-box-commpo .box_image-item.type-03 img {
    position: static;
    max-width: 100%;
    margin-top: 21px;
  }
  
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .custom-hero-commpo .hero_heading {
    font-size: 3.8rem;
  }
  .custom-flow-commpo .flow_title {
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .case-column-layout .column_item .column_title {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1032px) {
  .case-table-layout .table_wrap .table_head th .cell-row {
    right: -41px;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .case-column-layout .column_item {
    height: 250px;
  }
  .case-column-layout .column_item .column_heading {
    padding: 10px 8px 10px;
  }
  .case-table-layout .table_wrap .table_head th .cell-row {
    right: -36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 910px) {
  .custom-hero-commpo .hero_heading {
    font-size: 3.2rem;
  }
  .custom-hero-commpo .hero_lead {
    font-size: 3.0rem;
  }
  .custom-flow-commpo .flow_title {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 880px) {
  .case-table-layout .table_wrap .table_head th .cell-row {
    right: -29px;
  }
  .case-table-layout .table_wrap .table_head th .cell-column {
    left: -42px;
  }}
@media screen and (min-width: 768px) and (max-width: 860px) {}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  /* ----- font ----- */
  .semiorder-box-commpo .box_title,
  .custom-flow-commpo .flow_title,
  .custom-hero-commpo .hero_comment,
  .custom-hero-commpo .hero_text,
  .custom-hero-commpo .hero_lead,
  .custom-hero-commpo .hero_heading,
  .modal_contents.type-custom .modal_custom-title,
  .case-column-layout .column_item .column_title,
  .custom-box-commpo .box_text-item,
  .custom-heading-lv2-v2 .heading_title,
  .custom-heading-lv2 .heading_title {
    font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .custom-f-size01 { font-size: 1.8rem !important; }
  .custom-f-size02 { font-size: 2.2rem !important; }
  .custom-f-size03 { font-size: 1.6rem !important; }
  
  /* ----- a ----- */
  
  /* ----- opacity ----- */
  
  /* ----- transition ----- */
  
  /* ----- sprite ----- */
  
  /* ------------------------------------------------------
   * Page Component
  ------------------------------------------------------ */
  /* ----- custom-heading-lv2 ----- */
  .custom-heading-lv2 {
    margin-top: 24px;
  }
  .custom-heading-lv2 .heading_title {
    display: inline;
    color: #003a63;
    background: linear-gradient(180deg, transparent 0%, transparent 65%, rgba(124,179,206,.6) 65%, rgba(124,179,206,.6) 90%, transparent 90%, transparent 100%);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
  }
  .custom-heading-lv2 + *{
    margin-top: 20px;
  }
  .custom-heading-lv2 + p{
    margin-top: 15px;
  }
  /* v2 */
  .custom-heading-lv2-v2 {
    margin: 34px 0 24px;;
  }
  .custom-heading-lv2-v2 .block {
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 10px 0 8px;
    background-color: #d3eefc;
    border-top: 1px solid #003a63;
  }
  .custom-heading-lv2-v2 .heading_image {
    margin: 6px 13px 0 10px;
  }
  .custom-heading-lv2-v2 .heading_image.type-name {
    width: 10%;
  }
  .custom-heading-lv2-v2 .heading_image.type-consider {
    width: 13%;
  }
  .custom-heading-lv2-v2 .heading_image.type-order {
    width: 10%;
  }
  .custom-heading-lv2-v2 .heading_title {
    padding-right: 10px;
    font-size: 2.3rem;
    font-weight: 700;
    color: #003a63;
    line-height: 1.25;
  }
  /* ----- custom-box-commpo ----- */
  .custom-box-commpo {
    margin: 40px 0 0;
    padding: 15px;
    background-color: #ecf9ff;
  }
  .custom-box-commpo .box_text {
    position: relative;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 74%;
    margin: 0 auto;
    padding: 6px 5px 8px;
    background-color: #fff;
    border: 1px solid #003a63;
  }
  .custom-box-commpo .box_text::before {
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    background: linear-gradient(135deg,transparent 50%,#fff 0%);
    border-right: 1px solid #003a63;
    border-bottom: 1px solid #003a63;
    transform: rotate(45deg);
    content: "";
  }
  .custom-box-commpo .box_text-item {
    padding-top: 5px;
    font-size: 1.3rem;
    font-weight: 700;
    color: #003a63;
  }
  .custom-box-commpo .box_text-item:first-child {
    padding-top: 0;
  }
  .custom-box-commpo .box_image {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .custom-box-commpo .box_image-item {
    text-align: center;
    margin-top: 22px;
  }
  .custom-box-commpo .box_image-item.type-01 {
    width: 83px;
    margin-left: 6px;
  }
  .custom-box-commpo .box_image-item.type-02 {
    width: 62px;
    margin-left: 17px;
  }
  .custom-box-commpo .box_image-item.type-03 {
    width: 132px;
    margin-left: 8px;
  }
  /* ----- price-anchor-layout ----- */
  .price-anchor-layout {
    display: flex;
    flex-flow: row wrap;
  }
  .price-anchor-layout > li{
    width: calc(100% / 3);
    margin-top: 16px !important;
    padding: 2px 10px;
    border-right: 1px solid #ccc;
  }
  .price-anchor-layout > li:nth-child(-n+3){
    margin-top: 0;
  }
  .price-anchor-layout > li:nth-child(3n+1){
    padding-left: 0;
  }
  .price-anchor-layout > li > a {
    padding-left: 20px;
  }
  /* ----- case-column-layout ----- */
  .case-column-layout {
    margin-top: 2.5em;
    margin-bottom: 2.7em;
  }
  .case-column-layout .column_item {
    position: relative;
    margin-top: 16px;
  }
  .case-column-layout .column_item:first-child {
    margin-top: 0;
  }
  .case-column-layout .column_item.type-full {
    background-color: #e4e8f7;
    min-height: 282px;
  }
  .case-column-layout .column_item.type-semi {
    background-color: #fae3e1;
    min-height: 292px;
  }
  .case-column-layout .column_item .column_heading {
    padding: 15px 17px 25px;
  }
  .case-column-layout .column_item.type-full .column_heading {
    background-color: #808ec3;
  }
  .case-column-layout .column_item.type-semi .column_heading {
    background-color: #d4746a;
  }
  .case-column-layout .column_item .column_title {
    text-align: center;
    background-color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.45;
  }
  .case-column-layout .column_item .column_detail {
    margin-top: 12px;
    color: #fff;
  }
  .case-column-layout .column_item .column_detail .column_lead {
    display: block;
    font-weight: bold;
    padding-top: 10px;
  }
  .case-column-layout .column_item .column_image {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .case-column-layout .column_item .column_image.type-manual {
    width: 248px;
    left: 50%;
    margin-left: -124px;
  }
  .case-column-layout .column_item .column_image.type-career {
    width: 292px;
    left: 50%;
    margin-left: -146px;
  }
  .case-column-layout .column_item .column_image.type-info {
    width: 249px;
    left: 50%;
    margin-left: -124.5px;
  }
  /* ----- case-table-layout ----- */
  .case-table-layout {
    position: relative;
    margin-top: 0.8em;
    padding-bottom: 15px;
  }
  .case-table-layout::after {
    position: absolute;
    width: 6px;
    height: calc(100% - 196px);
    top: 180px;
    left: 104px;
    background-color: rgba(0,0,0,0);
    box-shadow: 6px 0px 6px 0px rgba(0,0,0,.15);
    content: "";
  }
  .case-table-layout .table-layout_inner {
    position: relative;
    overflow: auto;
    width: 100%;
    height: 580px;
  }
  .case-table-layout .table-layout_inner::-webkit-scrollbar {
    width: 0;
    height: 8px;
  }
  .case-table-layout .table-layout_inner::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #f1f1f1;
  }
  .case-table-layout .table-layout_inner::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #418fde;
  }
  .case-table-layout .table_wrap {
    width: 1041px;
    border-collapse: separate;
  }
  .case-table-layout .table_wrap .table_width01 {
    width: 111px;
  }
  .case-table-layout .table_wrap .table_width02 {
    width: 155px;
  }
  .case-table-layout .table_wrap .table_width03 {
    width: 155px;
  }
  .case-table-layout .table_wrap .table_head th {
    overflow: hidden;
    position: relative;
    width: 155px !important;
    padding-top: 116px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #777;
    font-size: 1.3rem;
    color: #fff;
  }
  .case-table-layout .table_wrap .table_head th:first-child {
    text-align: center;
    position: relative;
    width: 111px !important;
    border-left: 1px solid #ddd;
    box-shadow: none;
  }
  .case-table-layout .table_wrap .table_head th:first-child::before {
    position: absolute;
    width: 1px;
    height: 200%;
    top: -50%;
    left: 50%;
    transform: rotate(-31.5deg);
    background-color: #ddd;
    content: "";
  }
  .case-table-layout .table_wrap .table_head th .cell-row {
    position: absolute;
    top: 38px;
    right: 12px;
  }
  .case-table-layout .table_wrap .table_head th .cell-column {
    position: absolute;
    bottom: 41px;
    left: 16px;
  }
  .case-table-layout .table_wrap .table_head th .table_image {
    position: absolute;
    height: 116px;
    top: 0;
    left: 50%;
    margin-left: -78px;
  }
  .case-table-layout .table_wrap .table_head th .table_image img {
    height: 100%;
    max-width: none;
  }
  .case-table-layout .table_wrap .table_head th .table_title {
    color: #fff;
    line-height: 63px;
  }
  .case-table-layout .table_wrap .table_head th .table_title .table_title-inner {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
  }
  .case-table-layout .table_wrap .table_body td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .case-table-layout .table_wrap .table_body td:first-child {
    border-left: 1px solid #ddd;
  }
  .case-table-layout .table_wrap .table_body.cell-01 td {
    height: 227px;
  }
  .case-table-layout .table_wrap .table_body.cell-02 td {
    height: 206px;
  }
  .case-table-layout .table_wrap .table_body.cell-03 td {
    height: 248px;
  }
  .case-table-layout .table_wrap .table_body.cell-04 td {
    height: 248px;
  }
  .case-table-layout .table_wrap .table_body.cell-05 td {
    height: 227px;
  }
  .case-table-layout .table_wrap .table_body.cell-06 td {
    height: 248px;
  }
  .case-table-layout .table_wrap .table_body td.table_body-title {
    padding: 15px 20px;
    text-align: left;
    vertical-align: top;
    background-color: #f1f1f1;
    font-weight: normal;
  }
  .case-table-layout .table_wrap .table_body td.cell-style-no {
    background-color: #f7f7f7;
  }
  .case-table-layout .table_wrap .table_body td .table_link {
    vertical-align: top;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
  }
  .case-table-layout .table_wrap .table_body td .table_link::before {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 0;
    bottom: 0;
    background-color: #418fde;
    content: "";
  }
  .case-table-layout .table_wrap .table_body td .table_link::after {
    position: absolute;
    width: 6px;
    height: 6px;
    right: 6px;
    bottom: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    content: "";
  }
  .case-table-layout .table_wrap .table_body td .table_image {
    margin: 0 10px;
    padding-top: 10px;
  }
  .case-table-layout .table_wrap .table_body td .table_image img {
    width: 115px;
  }
  .case-table-layout .table_wrap .table_body td .table_icon {
    margin: 0 10px;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .case-table-layout .table_wrap .table_body td .table_icon > * {
    display: inline-block;
    width: 100%;
    padding: 3px 5px 0px;
  }
  .case-table-layout .table_wrap .table_body td .table_icon .type-full {
    background-color: #808ec3;
  }
  .case-table-layout .table_wrap .table_body td .table_icon .type-semi {
    background-color: #d4746a;
  }
  .case-table-layout .table_wrap .table_body td .table_text {
    margin: 5px 10px 0;
    line-height: 1.5;
    color: #333;
  }
  /* ----- modal_contents ----- */
  /* type-custom */
  .modal-inline #cboxContent {
    margin: 15px;
  }
  .modal-inline #cboxLoadedContent {
    padding: 0;
    border: none;
    background: none;
  }
  .modal-inline #cboxClose {
    width: 45px;
    height: 45px;
    top: 0;
    right: 0;
    background-color: #418fde;
    background-image: none;
  }
  .modal-inline #cboxClose::before,
  .modal-inline #cboxClose::after {
    width: 44%;
    height: 2px;
    left: 28%;
    background-color: #fff;
  }
  .modal_contents.type-custom {
    background-color: #fff;
    padding: 55px 18px 23px;
  }
  .modal_contents.type-custom .modal_custom-title {
    padding-bottom: 7px;
    border-bottom: 1px solid #ddd;
    font-size: 1.8rem;
    font-weight: 700;
  }
  .modal_contents.type-custom .modal_custom-icon {
    width: 122px;
  }
  .modal_contents.type-custom .modal_custom-icon > * {
    display: block;
    width: 100%;
    text-align: center;
    padding: 4px 5px 2px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
  }
  .modal_contents.type-custom .modal_custom-icon .type-full {
    background-color: #808ec3;
  }
  .modal_contents.type-custom .modal_custom-icon .type-semi {
    background-color: #d4746a;
  }
  .modal_contents.type-custom .column-media {
    margin-top: 1em;
  }
  .modal_contents.type-custom .column_image img {
    width: 41%;
  }
  .modal_contents.type-custom .column_detail {
    margin-top: 1.1em;
  }
  .modal_contents.type-custom .table-layout {
    margin-top: 1.1em;
  }
  /* ----- case-box-layout ----- */
  .case-box-layout {
    padding: 25px 18px;
    background-color: #f2f3f5;
  }
  .case-box-layout .box_column {
    margin-top: 15px;
    padding-top: 16px;
    border-top: 1px solid #ccc;
  }
  .case-box-layout .box_column:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  .case-box-layout .box_column .box_icon {
    display: block;
    width: 92px;
    text-align: center;
    padding: 3px 5px 1px;
    margin-right: 20px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
  }
  .case-box-layout .box_column .box_icon.type-full {
    background-color: #808ec3;
  }
  .case-box-layout .box_column .box_icon.type-semi {
    background-color: #d4746a;
  }
  .case-box-layout .box_column .box_text {
    display: block;
    margin-top: 8px;
  }
  .case-box-layout .box_column .box_button .link-button {
    margin-top: 9px;
  }
  /* ----- custom-hero-commpo ----- */
  .custom-hero-commpo {
    margin-top: 36px;
    margin-right: -15px;
    margin-left: -15px;
  }
  .custom-hero-commpo.type-full {
    padding: 20px 15px 9px;
    background-color: #808ec2;
  }
  .custom-hero-commpo.type-semi {
    padding: 20px 15px 5px;
    background-color: #d4746b;
  }
  .custom-hero-commpo .hero_detail {
  }
  .custom-hero-commpo .hero_box {
    position: relative;
    text-align: center;
    padding: 14px 0 11px;
    background-color: #fff;
    border: 3px solid #fff;
    border-radius: 13px;
  }
  .custom-hero-commpo .hero_box::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 11px;
    border: 2px solid;
    content: "";
  }
  .custom-hero-commpo.type-full .hero_box::before {
    border-color: #808ec2;
  }
  .custom-hero-commpo.type-semi .hero_box::before {
    border-color: #d4746b;
  }
  .custom-hero-commpo .hero_heading {
    margin-right: -5px;
    letter-spacing: -0.5px;
    font-size: 1.8rem;
    font-weight: 900;
    color: #222;
    line-height: 1.35;
  }
  .custom-hero-commpo .hero_lead {
    margin-top: 1px;
    letter-spacing: 0.5px;
    font-size: 1.5rem;
    font-weight: 900;
    color: #222;
  }
  .custom-hero-commpo .hero_lead .f-color-red {
    color: #e5004f;
  }
  .custom-hero-commpo .hero_text {
    margin-top: 16px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.6px;
    line-height: 1.5;
  }
  .custom-hero-commpo .hero_image {
    position: relative;
  }
  .custom-hero-commpo .hero_comment {
    position: absolute;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: -1px;
  }
  .custom-hero-commpo.type-full .hero_comment {
    top: 10%;
    left: 19.5%;
    transform: rotate(-10deg);
  }
  .custom-hero-commpo.type-semi .hero_comment {
    top: 28%;
    left: 50%;
    transform: rotate(29deg);
  }
  .custom-hero-commpo .hero_comment::before {
    position: relative;
    display: inline-block;
    width: 2px;
    height: 26px;
    top: 5px;
    left: -11px;
    background-color: #fff;
    transform: rotate(-33deg);
    content: "";
  }
  .custom-hero-commpo .hero_comment::after {
    position: relative;
    display: inline-block;
    width: 2px;
    height: 26px;
    top: 5px;
    right: -12px;
    background-color: #fff;
    transform: rotate(33deg);
    content: "";
  }
  .custom-hero-commpo .hero_image figure {
    text-align: center;
  }
  .custom-hero-commpo.type-full .hero_image figure {
    padding-top: 48px;
  }
  .custom-hero-commpo.type-semi .hero_image figure {
    padding-top: 12px;
  }
  .custom-hero-commpo.type-full .hero_image figure img {
    width: 56%;
    margin-right: 10px;
  }
  .custom-hero-commpo.type-semi .hero_image figure img {
    width: 60%;
    margin-right: 39px;
  }
  .custom-hero-commpo-v2 {
    margin-top: 30px;
  }
  /* ----- custom-flow-commpo ----- */
  .custom-flow-commpo {
    display: flex;
    margin-top: 45px !important;
  }
  .custom-flow-commpo .flow_item {
    position: relative;
    width: calc((100% - 30px) / 6);
    margin-right: 6px;
    background-color: #dbf0f7;
  }
  .custom-flow-commpo .flow_item::before {
    position: absolute;
    width: 0;
    height: 0;
    top: 60px;
    right: -9px;
    border-left: 10px solid #07395f;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    content: "";
    z-index: 1;
  }
  .custom-flow-commpo .flow_item:last-child {
    margin-right: 0;
  }
  .custom-flow-commpo .flow_item:last-child::before {
    display: none;
  }
  .custom-flow-commpo .flow_heading {
    text-align: center;
    padding-top: 31px;
    padding-bottom: 9px;
  }
  .custom-flow-commpo .flow_icon {
    position: absolute;
    width: 100%;
    top: 2px;
    left: 58%;
    margin-top: -35%;
    margin-left: -58%;
  }
  .custom-flow-commpo .flow_icon img {
    width: 70%;
  }
  .custom-flow-commpo .flow_title {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    color: #07395f;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  .custom-flow-commpo .flow_text {
    display: none;
  }
  /* ----- semiorder-box-commpo ----- */
  .semiorder-box-commpo {
    margin-top: 23px;
  }
  .semiorder-box-commpo + * {
    margin-top: 2em;
  }
  .semiorder-box-commpo .box_column {
    margin-top: 20px;
  }
  .semiorder-box-commpo .box_column:first-child {
    margin-top: 20px;
  }
  .semiorder-box-commpo .box_heading {
    position: relative;
    text-align: center;
    padding: 5px 0 6px;
    background-color: #d4746b;
  }
  .semiorder-box-commpo .box_heading::before {
    position: absolute;
    width: 16.5px;
    height: 16.5px;
    top: 0;
    right: 0;
    background-color: #fff;
    content: "";
  }
  .semiorder-box-commpo .box_heading::after {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    margin-top: 1px;
    margin-right: 6px;
    border-top: 12px solid transparent;
    border-right: 12px solid #a3524b;
    border-bottom: 12px solid transparent;
    transform: rotate(-45deg);
    content: "";
  }
  .semiorder-box-commpo .box_title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
  }
  .semiorder-box-commpo .box_detail {
    display: flex;
    margin-top: 9px;
    padding: 17px 8px 17px 16px;
    background-color: #feeabe;
  }
  .semiorder-box-commpo .box_image {
    width: 22%;
    margin-top: 4px;
    margin-right: 18px;
  }
  .semiorder-box-commpo .box_list {
    width: calc(78% - 36px);
  }
  .semiorder-box-commpo .box_list .list-bullet {
    margin-top: 0 !important;
  }
  .semiorder-box-commpo .box_list .list-bullet > li {
    padding-left: 15px;
  }
  .semiorder-box-commpo .box_list .list-bullet > li + li {
    margin-top: .3em !important;
  }
  /* ----- heading_icon ----- */
  .heading-lv2 .heading_custom-icon {
    display: inline-block;
    width: 92px;
    text-align: center;
    padding: 3px 5px 1px;
    margin-left: 10px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
  }
  .heading-lv2 .heading_custom-icon.type-full {
    background-color: #808ec3;
  }
  .heading-lv2 .heading_custom-icon.type-semi {
    background-color: #d4746a;
  }
  /* ----- order-clearholder-description-layout ----- */
  .order-clearholder-description-layout {
    display: flex;
    margin-bottom: 1.2em;
  }
  .order-clearholder-description-layout .description_item {
    display: flex;
    margin-left: 10px;
  }
  .order-clearholder-description-layout .description_item:first-child {
    margin-left: 0;
  }
  .order-clearholder-description-layout .description_item .description_title {
    background-color: #ddd;
    font-weight: bold;
  }
  .order-clearholder-description-layout .description_item.type-cover .description_title {
    padding: 5px 16px 4px;
  }
  .order-clearholder-description-layout .description_item.type-name .description_title {
    padding: 5px 15px 2px;
  }
  .order-clearholder-description-layout .description_item .description_detail {
    border: 1px solid #ddd;
  }
  .order-clearholder-description-layout .description_item.type-cover .description_detail {
    padding: 4px 25px 0;
  }
  .order-clearholder-description-layout .description_item.type-name .description_detail {
    padding: 4px 16px 0;
  }
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * SP Media Queries
====================================================== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 372px) {
  /* ----- order-clearholder-description-layout ----- */
  .order-clearholder-description-layout .description_item.type-cover .description_title {
    padding: 5px 15px 4px;
  }
  .order-clearholder-description-layout .description_item.type-name .description_title {
    padding: 4px 10px 0;
  }
  .order-clearholder-description-layout .description_item.type-cover .description_detail {
    padding: 5px 15px 2px;
  }
  .order-clearholder-description-layout .description_item.type-name .description_detail {
    padding: 4px 5px 0;
  }
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}


/* ======================================================
 * Print
====================================================== */
@media print {
}