@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

@media screen and (min-width:769px) {
    .wp-block-media-text {
        --swl-mediatext--space: 5rem !important;
    }
}

.text-black a {
	color: #000 !important;
}

	/* Contact */
.contact-dl {
  display: block;
  margin: 0;
  padding: 0;
}

.contact-dl .form-row {
  display: flex;
  column-gap: 3%;
  border-bottom: 1px solid #ddd;
  padding: 1rem 0;
}

.contact-dl .form-row:last-of-type {
  border-bottom: none;
}

.contact-dl dt {
  width: 35%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.contact-dl dd {
  width: 62%;
}

.required {
  background-color: #034AC0;
  border-radius: 24px;
  padding: 1% 5%;
  color: #FFF;
  font-size: 12px;
  letter-spacing: 1.2px;
}

input[type="email"],
input[type="tel"],
input[type="text"],
textarea {
  width: 100%;
  padding: 0.8rem;
  font-size: 1rem;
  background-color: #E8E8E8;
  border-radius: 8px;
}

.name-wrap p {
  display: flex;
  gap: 4%;
}

.privacy-box {
  max-height: 150px;
  overflow-y: scroll;
  padding: 1rem;
  border: 1px solid #ccc;
  background: #fff;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  border-radius: 8px;
}

.form-footer {
  text-align: center;
  margin-top: 2rem;
}

.wpcf7-submit {
	background: linear-gradient(135deg, #034ABF, #06ABE0);
    color: #FFF;
    padding: 1% 8%;
    border-radius: 50px;
}

.wpcf7-spinner {
    display: block;
}

h2.title-icon {
	padding-left: 8px !important;
}

.is-style-section_ttl {
	margin-bottom: 1rem !important;
}
	
@media screen and (max-width: 769px) {
    .is-style-section_ttl {
    	font-size: 32px !important;
    }
    
    .contact-dl .form-row {
    	flex-direction: column;
        border-bottom: none;
    }
    
    .contact-dl .form-row {
      row-gap: 1.4rem;
    }
    
    .contact-dl dt {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }

    .contact-dl dd {
      width: 100%;
    }
    
    .required {
      padding: 0 9px;
      font-size: 12px;
      margin-left: 2rem;
    }
    
    .center-align {
        margin: 0 auto;
        text-align: center;
    }
    
    .wpcf7-submit {
        width: 80%;
        padding: 3%;
    }


}