@import url("global.css");
@import url("owners.css");
.inspection #contents {
  padding-top: 80px; }
.inspection .sec_intro {
  margin-bottom: 100px; }
  .inspection .sec_intro .main_catch {
    margin-bottom: 50px;
    text-align: center;
    font-size: clamp(20px, 3.2vw, 28px);
    font-weight: bold; }
    .inspection .sec_intro .main_catch br {
      display: none; }
  .inspection .sec_intro .intro_inner {
    position: relative; }
    .inspection .sec_intro .intro_inner .img_area {
      width: 50%; }
    .inspection .sec_intro .intro_inner .text_area {
      flex: 1;
      padding-left: 50px; }
      .inspection .sec_intro .intro_inner .text_area p {
        margin-bottom: 1em; }
    .inspection .sec_intro .intro_inner .hagaki {
      width: 90px;
      position: absolute;
      right: 0;
      bottom: 0;
      transform: rotate(20deg);
      z-index: -1;
      filter: drop-shadow(0 0 10px rgba(35, 35, 35, 0.1)); }

#formarea .text {
  text-align: center;
  margin-bottom: 50px; }

#formarea .notes span, #formarea .notes a {
  font-size: inherit;
  text-decoration: underline; }

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

 Responsive-Breakpoint-1 (1300px)
 
------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 960px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  .inspection #contents {
    padding-top: 60px; }
  .inspection .sec_intro {
    margin-bottom: 70px; }
    .inspection .sec_intro .intro_inner {
      display: block;
      padding-bottom: 0; }
      .inspection .sec_intro .intro_inner .img_area {
        width: 100%;
        margin-bottom: 30px; }
      .inspection .sec_intro .intro_inner .text_area {
        padding-left: 0;
        padding-right: 100px; } }
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  .inspection #contents {
    padding-top: 50px; }
  .inspection .sec_intro {
    margin-bottom: 50px; }
    .inspection .sec_intro .main_catch {
      margin-bottom: 30px; }
      .inspection .sec_intro .main_catch br {
        display: block; }
    .inspection .sec_intro .intro_inner .img_area {
      margin-bottom: 20px; }
    .inspection .sec_intro .intro_inner .text_area {
      padding-left: 0;
      padding-right: 0; }
    .inspection .sec_intro .intro_inner .hagaki {
      width: 60px;
      z-index: 2;
      bottom: -90px; } }