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

/* Contact Form7 */
 
.contact7 {
	max-width: 900px;
	box-sizing: border-box;
	margin:  0 auto;
}
.contact7 dd {
	margin: 0 0 30px 0;
	background-color:
}
.contact7 dt {
	font-weight: normal;
}
 
/* 必須マーク */
.contact7 .must {
	background: #FF1A00;
}
 
/* 任意マーク */
.contact7 .optional {
	background: #999;
}
 
.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
    text-align: center;
    margin-top: 20px; /* 上に少し余白を追加 */
}

.btn_contact7 input {
    /* スマホでは横幅を広く、PCでは適切な幅にする設定 */
    width: 80%; 
    max-width: 300px; /* PCなどで広がりすぎないように制限 */
    
    background-color: #000;
    color: #FFF;
    font-size: 1.1em;
    font-weight: bold;
    padding: 15px 0; /* ボタンの上下に厚みを持たせて押しやすくする */
    border: none;
    cursor: pointer;
    
    /* 文字の調整 */
    letter-spacing: 0.05em; /* 0.2emだと広すぎるので調整 */
    white-space: nowrap;    /* 文字を途中で改行させない */
}

/* スマホ用の微調整 */
@media screen and (max-width: 480px) {
    .btn_contact7 input {
        width: 100%;       /* スマホでは横幅いっぱい近くにする */
        font-size: 1em;    /* 文字サイズを少しだけ小さくする */
        letter-spacing: 0; /* 文字間を詰めると収まりが良くなります */
    }
}
.contact7 textarea {
    width: 100% !important;
    max-width: 100% !important; /* 親要素を突き抜けないようにガード */
    box-sizing: border-box !important; /* paddingを含めた幅計算にする */
}

/* 1行入力（text等）も念のため100%に揃える場合 */
.contact7 input[type="text"],
.contact7 input[type="email"],
.contact7 input[type="tel"] {
    width: 100% !important;
    max-width: 100% !important;
}
.small-txt{
	font-size:0.8rem;
}