@media screen and (min-width:769px) {
  body {
    font-size: 1.4rem;
    line-height: 2.4;
    /*max-width: 1200px;
    margin: 0 auto;*/
    overflow-x: hidden;
  }
  .base_guarantee .inner {
    width: 75%;
    text-align: left;
    padding: 1em 5em;
    margin: auto;
  }
  .base_guarantee h2 {
    background: #000;
    color: #fff;
    line-height: 3;
    text-align: center;
  }
  .base_guarantee h3 {
    margin: 1em auto .5em auto;
    padding-left: .5em;
    line-height: 1.5;
    font-size: clamp(5px,1.83vw,22px);
    background: transparent;
    border-left: solid 5px #38549a;
  }
  .base_guarantee p {
    font-size: 1.15rem;
    line-height: 1.5;
  }
  .base_guarantee table {
    margin: 1.2em;
    width: 100%;
  }
  .base_guarantee .table07, .base_guarantee .hoken_table{
    width: 70%;
    line-height: 1.5;
    font-size: clamp(5px,1.35vw,16.2px);
  }
  .base_guarantee table th {
    width: 50%;
    padding-left: .3em;
  }
  .base_guarantee ul {
    line-height: 1.5;
  }
  .base_guarantee ul li {
    list-style-type: disc;
    margin: .2em .5em .2em 1.5em;
  }
  .base_guarantee h4 {
    font-size: clamp(5px,1.75vw,21px);
    line-height: 2.2;
  }
  .base_guarantee .margin {
    margin: .4em;
  }
  .base_guarantee .hoken_table th {
    width: 65%;
  }
  .base_guarantee img {
    width: 65%;
  }

  /* 画像スライダー上テキスト */
  .viewPc {
    position: relative;
  }
  .image_text {
    top: 210px;
    max-width: 1200px;
  }
  .image_text p {
    font-size: clamp(5px,2vw,24px) !important;
  }
  .faq_form {
    max-width: 1000px !important;
  }
  .form-list {
    width: 920px !important;
  }

  /*  レイアウト修正 画像スライド以下 MAX-WIDTH 1200px */
   /* 共通 */
  .header-slider-simulater {
    position: relative;
  }
  .flexslider {
    border: none !important;
    margin: 40px auto 40px !important;
  }
  .flex-control-nav {
    bottom: -50px !important;
  }
  .max1200box, .header-en-inner, .header-en-menu, #footer {
    max-width: 1200px !important;
    /* width: 100%; */
    margin: 0 auto;
  }
  p, li, .info_date {
    font-size: clamp(5px,1.5vw,18px) !important;
  }
  #rv_under p ,#map_side #list_area_head, .page_bottom_wysiwyg, .box-pc-2col, #side #reserve,
  .cal-result, .entry-form .section-inner, .ui-datepicker .ui-datepicker-title, .plan_box span,
   .info_title, #main_date, .faq_form, footer .footer-text {
    font-size: clamp(5px,1.6vw,19.2px) !important;
    line-height:1.5;
  }
  /* Home */
  .limited_p, .limited_p2 {
    font-size: clamp(5px,1.53vw,18.36px) !important;
  }
  .content-title {
    font-size: clamp(5px,3.75vw,45px) !important;
  }
  .limited_mess {
    font-size: clamp(5px,1.87vw,22.44px) !important;
  }
  .limited_a {
    font-size: clamp(5px,1.67vw,20px) !important;
  }
  #whole_map {
    width: 64% !important;
  }
  #map_side {
    width: 35% !important;
    margin: 2px 2px 2px 0;
  }
  #map_side #list_area_head {
    width: 97% !important;
  }
  .mapside_lv1_p, .mapside_lv2_p {
    font-size: clamp(5px,1.35vw,16.2px) !important;
  }
  #side #reserve {
    width: 96% !important;
  }
  .cal-result {
    width: 57% !important;
  }
  .reservation_step .step-title {
    font-size: clamp(5px,1.83vw,22px) !important;
  }
  /* RV Rental  Booking Request */
  .form-list {
    width: 100% !important;
  }
  .entry-form .form-list dt {
    width: 40% !important;
  }
  #form-list-coution p {
    font-size: clamp(5px,1.06vw,12.72px) !important;
  }
  #select_block_area .head {
    font-size: clamp(5px,3.2vw,38.4px) !important;
  }
  .ui-datepicker td a {
    width: clamp(5px,1.7vw,20.4px) !important;
    font-size: clamp(.1px,.5vw,6px) !important;
  }
  /* Vehicle */
  .car_type_text {
    margin: 0 !important;
  }
  .page_bottom_wysiwyg h2 span span {
    font-size: clamp(5px,1.83vw,22px) !important;
  }
  #basic_title {
    font-size: clamp(5px,2.5vw,10px) !important;
  }
  .base_tb_01, .base_tb_02 {
    font-size: clamp(5px,1.17vw,14px) !important;
  }
  /* Tour Guide */
  .route_list {
    width: 75% !important;
  }
  .route_box p {
    font-size: clamp(5px,2vw,24px) !important;
  }
  .h1_ch {
    font-size: clamp(5px,2.83vw,34px) !important;
  }
  .plan_x-day h3 {
    font-size: clamp(5px,3vw,36px) !important;
  }
  .plan-div .text_area a {
    font-size: clamp(5px,1.33vw,16px) !important;
  }
  /* Infomation */
  #information_content_area, #faq_content_area, #simulate_content_area {
    margin: 7em auto !important;
  }
  #main_title {
    font-size: clamp(5px,1.95vw,22.4)
  }
  /* FAQ */
  #faq_search {
    font-size: clamp(5px,2.55vw,30.6px) !important;
  }
  .pick_up_title, .faq_list_area .faq_list_question {
    font-size: clamp(5px,2.1vw,25.2px) !important;
  }
  .faq_button {
    font-size: clamp(5px,1.9vw,21.8px) !important;
  }

  /* ヘッダー部分 レイアウト修正 */
  .header-en {
    margin: 0 auto !important;
    padding: 0 !important;
  }
  .header-en-menu {
    float: none !important;
  }
  #header_en_menu_list {
    display: flex;
  }
  .header-en .header-en-menu li {
    float: none !important;
    flex-grow: 1;
  }
  .header-en .header-en-menu li a {
    padding: .5em 0em !important;
    font-size: clamp(5px,1.665vw,19.98px) !important;
  }
  /* フッター部分 レイアウト修正 */
  .footer-logo-area {
    margin: 0 2%;
  }
  #footer_navi_list li {
    font-size: clamp(5px,1.86vw,22.32px) !important;
  }
  #copy {
    font-size: clamp(2px,1vw,12px) !important;
  }

  /* 会社概要 */
  .clearfix {
    display: block;
  }
  .child-inner {
    max-width: 1200px;
    margin: auto;
    width: calc(100% - 3.5vw);
    position: relative;
    z-index: 5;
    line-height:1.3;
  }
  dl.border {
    padding: 1em .5em;
    display: flex;
    flex-direction: row;
    /*flex-wrap: wrap;*/
    justify-content: flex-start;
    border-bottom: 1px solid #e7e4dd;
    margin: auto;
    font-family: 'Noto Sans JP',sans-serif;
    text-align: left;
    font-size: 12px;
  }
  dl.border:first-child {
    border-top: 1px solid #e7e4dd;
  }
  dl.border:nth-of-type(odd) {
    background: #fcfbf8;
  }
  dl.border dt {
    width: 25%;
    border-right: 1px solid #e7e4dd;
    font-weight: 500;
    margin: 0;
    padding: .5em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }
  dl.border dd {
    width: 75%;
    margin: 0;
    padding: .5em .5em .5em 1em;
    letter-spacing: .05em;
  }
  dl.border dd p {
    font-size: clamp(5px,1.6vw,19.2px);
  }
  .child-inner .images {
    width: 100%;
    display: flex;
  }
  .child-inner .images img {
    width: 47%;
    margin: 1em auto;
  }
  #social_area {
    z-index: 5;
  }

  /*  special_offers  */
  .special_offers {
    max-width: 1200px;
    margin: 0 auto;
  }
  .header-logo h1 {
    border-bottom: none !important;
  }
  .special_offers-div {
    margin-top: clamp(5px,13.33vw,160px) !important;
    width: 80% !important;
  }
  .special_offers-top_en {
    height: clamp(5px,43.8vw,525.6px) !important;
  }
  .special_offers h1 {
    line-height: 1 !important;
    font-size: clamp(5px,4vw,48px) !important;
  }
  .special_offers h2 {
    font-size: clamp(5px,2.8vw,33.6px) !important;
  }
  .p_class,.div_check .p_check {
    font-size: clamp(5px,2vw,24px) !important;
  }
  .div_class_child-c .p_class:before {
    width: clamp(5px,3.4vw,41px) !important;
    height: clamp(5px,2.4vw,29px) !important;
  }
  .callout01 {
    right: clamp(5px,3.3vw,40px) !important;
    font-size: clamp(5px,1.25vw,15px) !important;
  }
  .p_cash {
    font-size: clamp(5px,2.25vw,27px) !important;
  }
  .p_cash span,.div_reserv span {
    font-size: clamp(5px,1.67vw,20px) !important;
  }
  .btn_more,.btn_request {
    font-size: clamp(5px,2.17vw,26px) !important;
  }
  .img_no {
    width: clamp(5px,5.83vw,70px) !important;
  }
  .mess_red {
    font-size: clamp(5px,2.3vw,27.6px) !important;
  }
  .callout02 {
    font-size: clamp(3px,1.17vw,14px) !important;
  }
  .ul_item img {
    width: clamp(5px,12.92vw,155px) !important;
    height: clamp(5px,12.92vw,155px) !important;
  }
  .mess_map {
    font-size: clamp(5px,1.6vw,19.2px) !important;
  }
  .div_check ul p {
    font-size: clamp(5px,1.58vw,19px) !important;
  }
  #reservation_input_area p {
    text-align: center;
  }

  /*How To Rent An RV*/
  .reservation-item {
    display: flex;
    justify-content: center;
    background-color :#e8d574;
    border-radius: 10px;
    margin: 10px auto;
    height:60px;
  }
  /* テキストリボン装飾部 */
  .ribbon-title-wrapper h3 {
    font-size: clamp(5px,2.5vw,30px);
  }

  /* バナー表示修正 */
  .special_benefit_banner {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
@media screen and (max-width:768px) {
  body {
    font-size: 3.46667vw;
    line-height: 2.2;
  }
  .base_guarantee .inner {
    width: 85%;
    text-align: left;
    padding: .2em;
    margin: .5em auto;
  }
  .base_guarantee h2 {
    background: #000;
    color: #fff;
    line-height: 3;
    text-align: center;
  }
  .base_guarantee h3 {
    margin: 1em auto .5em auto;
    padding-left: 10px;
    line-height: 1.5;
    font-size: 5vw;
    background: transparent;
    border-left: solid 5px #38549a;
  }
  .base_guarantee p {
    font-size: 4vw;
    line-height: 1.3;
  }
  .base_guarantee table {
    margin: 3vw auto;
    width: 100%;
  }
  .base_guarantee .table07, .base_guarantee .hoken_table{
    font-size: 3.3vw;
    width: 95%;
    line-height: 1.5;
  }
  .base_guarantee table th,.base_guarantee table td {
    width: 50%;
    padding: 0 0 5px 3px;
  }
  .base_guarantee ul li {
    list-style-type: disc;
    margin: 4px 5px 3px 17px;
    font-size: 3.5vw;
    line-height: 1.3;
  }
  .base_guarantee h4 {
    padding-left: .5em;
    font-size: 4.7vw;
    line-height: 1.7;
  }
  .base_guarantee .margin {
    margin: .7em;
  }
  .base_guarantee .hoken_table th {
    width: 65%;
  }
  .base_guarantee img {
    width: 100%;
  }

  .flexslider {
    border: none !important;
    margin: 19% auto 40px !important;
  }
  .image_text {
    top: 115px;
  }
  .image_text p {
    font-size: 3.4vw;
  }
  .viewSp {
    position: relative;
  }

  .header-en .header-en-menu li a {
    padding: .3em !important;
  }

  #footer_navi_area li {
    font-size: 3.5vw !important;
  }

  /* 会社概要 */
  .clearfix {
    display: block;
  }
  .child-inner {
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 5;
  }
  dl.border {
    padding: 0;
    border-bottom: 1px solid #e7e4dd;
    margin: auto;
    font-family: 'Noto Sans JP',sans-serif;
    text-align: left;
    font-size: 4vw;
    width: 90%;
  }
  dl.border:first-child {
    border-top: 1px solid #e7e4dd;
    margin-top: 2em;
  }
  dl.border dt {
    border-right: 0;
    border-bottom: 1px solid #005ca1;
    background: #fcfbf8;
    font-weight: 500;
  }
  dl.border dd {
    margin: 0;
    letter-spacing: .05em
  }
  dl.border dt, dl.border dd {
    padding: .9em;
  }
  dl.border dd p {
    font-size: 4vw;
  }
  .child-inner .images {
    width: 90%;
    margin: 0 auto;
  }
  .child-inner .images img {
    margin: .5em 0;
  }
  /* テキストリボン装飾部 */
  .ribbon-title-wrapper h3 {
    font-size: 4vw;
  }
  .reservation_step .step-title {
    font-size: 5vw;
  }
  .reservation_step .box .text_area_with_image p {
    font-size: 3.5vw;
    line-height:1.5;
  }

}

.image_text {
  z-index: 3;
  top:0;
  left: 0;
  right: 0;
  padding: 20px 10px;
  margin: 20px 10px;
  background:rgba(212, 212, 212, 0.8);
  color: #439eff;
  width: 40%;
  position:absolute;
}
.image_text p {
  /*text-shadow: 1.5px 1.5px 1px #ffffff;*/
  color: #0068d6;
  margin-left: 1%;
}
dl.border dd a {
  color: #1f70ac;
}