/*==========================================================================*/
/*                     H O V E R    &    P C    O N L Y                     */
/*==========================================================================*/
@media screen and (min-width: 751px) {
  .lightbox,
  .lightboxOverlay {
    min-width: var(--container);
  }
  .under main .image_l {
    float: left;
    margin: 0 70px 0 0;
  }
  .under main .image_r {
    float: right;
    margin: 0 0 0 70px;
  }
  /* BUTTON OVN DETAIL */
  .under main .btn_list {
    display: flex;
    justify-content: center;
    position: relative;
  }
  .under main .btn_list .is_prev {
    position: absolute;
    top: 0;
    left: 150px;
  }
  .under main .btn_list .is_next {
    position: absolute;
    top: 0;
    right: 150px;
  }
  /* HOVER */
  .under main #topic_path li a:hover {
    text-decoration: underline;
  }
  .under main .bnn a:hover {
    opacity: 0.7;
  }
  .under main .link:not(a[target=_blank]):hover {
    color: var(--scolor);
    opacity: 0.8;
  }

  .under main h3 + .cnt.not_space {
    padding-left: 0;
  }

  .under main .ulist a:hover {
    color: var(--scolor);
  }
  .under main .ulist a:hover {
    color: var(--scolor);
    opacity: 0.8;
  }
  #manual.under main .box_num .item {
    padding-left: 30px;
  }
  .under main table {
    width: calc(100% + 1px);
  }
}
/* END screen-min:751px */
/* END screen-min:751px && screen-max:1500px */
/*==========================================================================*/
/*                        M O B I L E    D E V I C E                        */
/*==========================================================================*/
@media screen and (max-width: 750px) {
  .under main #content {
    padding: 0;
  }
  .under main section {
    padding: 0 0 50px;
  }
  .under main .image_r,
  .under main .image_l {
    float: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 auto 30px !important;
  }
  /*==========================================================
                  C U S T O M
  ==========================================================*/
  /*  TOP INFO  */
  .under main #top_info {
    height: auto;
    padding: 30px 0;
  }
  .under main #top_info .inner {
    padding-bottom: 0;
  }
  .under main #top_info .title .en {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .under main #topic_path {
    margin-bottom: 15px;
  }
  .under main #topic_path li,
  .under main #topic_path li a {
    font-size: 14px;
  }
  /*============ HEAD TITLE ============ */
  .under main h2 {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .under main h3:not(.ttl_h3) {
    font-size: 24px;
  }
  .under main h4 {
    font-size: 22px;
  }
  .under main h5 {
    font-size: 20px;
  }
  .under main h6 {
    font-size: 18px;
  }
  /*============ TABLE ============ */
  .under main table {
    margin-bottom: 30px;
  }
  .under main table td,
  .under main table th {
    padding: 15px 10px;
  }
  .under main table.tb_block tr {
    display: flex;
    flex-direction: column;
  }
  .under main table.tb_block tr:not(:last-child) th {
    border-bottom: none;
  }
  .under main table.tb_block td + td {
    border-top: none;
  }
  .under main table.tb_block th,
  .under main table.tb_block td {
    width: 100%;
  }
  /* TABLE SCROLL */
  .under main .tb_scroll {
    overflow: scroll;
  }
  .under main .tb_scroll:not(:last-child) {
    margin-bottom: 30px;
  }
  .under main .tb_scroll table {
    width: 980px;
  }
  .under main .tb_note {
    margin-bottom: 10px;
    color: #999;
  }
  /*============ LIST ============ */
  /* LIST FAQ */
  .under main .list_faq dl {
    margin-bottom: 30px;
    padding: 15px;
  }
  .under main .list_faq dt span {
    top: 3px;
  }
  .under main .list_faq dt {
    font-size: 16px;
    min-height: 50px;
    padding-bottom: 3px;
  }
  /* List STEP */
  .under main .list_step dl {
    margin-bottom: 20px;
    padding-bottom: 40px;
  }
  /*============ FRAME ============ */
  .under main .frame01 {
    padding: 30px 15px;
  }
  .under main .frame02 {
    padding: 30px 15px;
  }
  .under main .frame_pick {
    padding: 30px 15px;
  }
  /*============ ORTHER ============ */
  .under main .box_map {
    height: 250px;
  }
  /*============ KIJIKAKU ============ */
  .under main .kiji_detail_ct img {
    max-width: 100%;
    max-height: 300px;
  }
  .under main #top_info .title h1 {
    font-size: 28px;
  }
  .under main .uFlex {
    display: flex;
    flex-direction: column;
  }
  .under main .uFlex * {
    order: 2;
  }
  .under main .uFlex h2, .under main .uFlex h3, .under main .uFlex h4, .under main .uFlex h5 {
    order: 1;
  }
  .under main .uFlex h5 {
    margin-top: 0;
  }
  .sp475 {
    display: block;
  }
  .under main .ulist {
    flex-direction: column;
    gap: 10px;
    max-width: 525px;
    margin: 0 auto;
  }
  .under main .ulist a {
    width: 100%;
  }
  #manual.under main .box_num .item .ttl::before {
    left: -25px;
  }
  #manual.under main .box_num .item .ttl::after {
    left: 0;
    width: 100%;
  }
  .btn a {
    background: url(../images/ic-right.png) no-repeat right 12px center/22px 12px #fff;
  }
  .under main .sec03 {
    margin: 70px 0 50px !important;
  }
  .under main .list_anchor .btn a {
    width: 300px;
    min-height: 65px;
    height: auto;
    transition: unset;
    margin: 0 auto;
    text-align: center;
  }
  .under main .list_anchor.inside_link .btn a {
    width: 350px;
  }
  .under main table.mailform th, .under main table th {
    font-size: 18px;
  }
  .under main .f_big.fz18 strong {
    display: flex;
    gap: 5px;
  }
  .under main .underline {
    font-size: 20px;
  }
  .f_big {
    font-size: 200% !important;
  }
  .under main .clr {
    font-size: 18px;
  }
  .under main .fz18 {
  font-size: 18px !important;
  }
  .under main .d_flex {
    display: flex;
    white-space: nowrap;
  }
  .under main .box_num .item .ttl + .cnt {
    margin-top: 15px;
  }
  #manual.under main .box_num .item {
    padding-left: 25px;
  }
  .under main .intro p {
    font-size: 16px;
  }
  #manual.under main .box_num .item .ttl {
    font-size: 20px;
  }
  .under main input, .under main button, .under main textarea, .under main select, .under main p, .under main blockquote, .under main th, .under main td, .under main pre, .under main address, .under main li, .under main dt, .under main dd {
    font-size: 16px;
  }
}
/* END min-width:1px && screen-max:750px */
/* IPHONE 6 */
/* END min-width:360px && screen-max:750px */
@media screen and (min-width: 375px) and (max-width: 750px) {
  .sp375 {
    display: none;
  }
}
/* END min-width:375px && screen-max:750px */
@media screen and (max-width: 414px) {
  .under main .list_anchor .btn {
    width: 100%;
  }
  .under main .list_anchor.inside_link .btn a {
    font-size: 3.86vw;
    width: 100%;
    background: url(../images/ic-right.png) no-repeat right 10px center/18px 11px #fff;
  }
  .under main .frame02 {
    padding: 30px 10px;
  }
}
/* IPHONE 14 */
@media screen and (max-width: 440px) {
  /*============ ORTHER ============ */
  /*============ KIJIKAKU ============ */
  .under .kiji_list dl {
    flex-wrap: wrap;
  }
  .under .kiji_list dd {
    width: 100%;
    margin-top: 10px;
  }
  .under .kiji_list dt img {
    top: inherit;
  }
}
/* END min-width:440px && screen-max:750px */
@media screen and (max-width: 475px) {
  .sp475 {
    display: none;
  }
}
/* END min-width:475px && screen-max:750px */
@media screen and (max-width: 525px) {
  .under main .ulist a br {
    display: none;
  }
}
/* END min-width:475px && screen-max:750px */
/*==========================================================================*/
/*                 F O R   S P E C I F I E D   B R O W S E R                */
/*==========================================================================*/
/* EDGE  */
/* FIREFOX */
@-moz-document url-prefix() {}
/* Safari 10.1+ (which is the latest version of Safari at this time) */
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
}
/*==========================================================================*/
/*                             E N D   A L L                                */
/*==========================================================================*/