@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
*/

テーブル設定なしのcss

/* お問い合わせ用 css */
textarea, select, input[type=text], input[type=email], input[type=tel] ,input[type="checkbox"]{
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}
.contact-area {
  max-width: 800px;
  margin:0 auto;
}
.Required {
  padding: 0.2rem 1rem;
  font-size: 13px;
  margin: 0 4%;
  border: 1px solid #b40000;
  color: #b40000;
}
.Any {
  padding: 0.2rem 1rem;
  font-size: 13px;
  margin: 0 4%;
  border: 1px solid #0d3767;
  color: #0d3767;
}
.contact-area input {
  border: none;
  background: no-repeat;
  border-bottom: 1px solid #333;
}
.contact-enter input {
  width: 100%;
  transition: .3s;
}
.contact-enter input:hover {
  transition: .3s;
  border-bottom: 1px solid #f1f1f1;
}
span.wpcf7-list-item {
  position: relative;
  margin: 0 50px 0 0 !important;
}
.wpcf7-list-item-label {
  color: #333;
  cursor: pointer;
  font-size: 16px;
}
input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
.wpcf7-list-item-label:before {/*チェックボックスの枠*/
  content: '';
  border: 1px solid #333;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: -3px;
  margin-right: 10px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
}
input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 3px;
  width: 20px;
  height: 20px;
  background: url("https://j-shimada.com/wp-content/uploads/2024/01/check-solid.svg") no-repeat center;
  background-size: contain;
}
.contact-select select {
  transition: .3s;
  border: 1px solid #333;
  padding: 0.5rem;
    width: 250px;
}
.contact-select select:hover {
  transition: .3s;
  border: 1px solid #ddd;
}
.contact-textarea textarea {
  transition: .3s;
  border: 1px solid #333;
  padding: 0.5rem;
  width: 100%;
}
.contact-textarea textarea:hover {
  transition: .3s;
  border: 1px solid #ddd;
}
.contact-common {padding: 0.5rem 0.3rem;
}
.contact-column {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.contact-item {
  width: 40%;
  margin: 1rem 0;
}
@media (max-width: 600px){
.contact-item {
  width: 100%;
}
.check span.wpcf7-list-item{
margin:0!important;
}
.wpcf7-list-item-label {
  font-size: 14px;
}
.wp-block-group__inner-container p {
width: 100%;
}
}
.contact-enter {
  width: 60%;
  height: 40px;
}
.wpcf7-form-control-wrap{
	    width: 100%;
}
.wpcf7-spinner {
  display: none;
}

.check input {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}

.contact-post-column {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 60%;
  align-items: center;
}

.p-postal-code {
  font-size: 18px;
  width: 100%;
  transition: all .35s ease-in-out .35s;
  border-bottom: 1px solid #828282;
}
.wpcf7 input[type="file"] {
    cursor: pointer;
    font-size: 14px;
	font-family: 'Noto sans JP', serif;
}
.caution{
	font-size: 14px;
	margin: 0.4rem 1rem;
	letter-spacing: 0;
}
.send {
  border-radius: 30px;
background: rgb(135,206,250);
background: #138021;
  width: 300px;
  margin: 3rem auto;
  padding: 0.6rem;
  text-align: center;
  transition: .5s;
}
.send:hover {
  transition: .5s;
 opacity: 0.7;
}
.contact-area .send input {
  border: none;
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px;
}
.contact-checkbox .wpcf7-checkbox{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.contact-checkbox .wpcf7-checkbox .wpcf7-list-item{
	min-width: 180px;
}
/* .wpcf7-not-valid-tip {
  display: none;
} */

