/*
    Theme Name:     Twenty Twenty-Five Child
    Template:       twentytwentyfive
*/

/*input[type=text],input[type=email],input[type=tel],textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #dddddd;
	border-radius: 3px;
	background: #ffffff;
	font-size: 1em;
	}

textarea{
	width: 100% !important;
	height: 200px !important;
	font-family: sans-serif;
	}



.btn{
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 200px;
	height: 30px;
	border-radius: 10px;
	border: none;
	background: #333333;
	color: #ffffff;
	font-weight: bold;
	font-size: 1rem;
	text-decoration: none;
	}*/

        /* 基本的なページスタイル */
        body {
            font-family: 'Meiryo', 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif;
            line-height: 1.8;
            color: #333;
            background-color: #f9f9f9;
            margin: 0;
            padding: 0;
        }

        /* コンテナ */
        .container {
            max-width: 900px;
            margin: 30px auto;
            padding: 40px;
            background-color: #ffffff;
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        }

        /* 見出しスタイル */
        h1, h2, h3 {
            font-weight: bold;
            color: #1a237e; /* 濃い藍色 */
            border-left: 5px solid #3f51b5; /* 藍色 */
            padding-left: 10px;
            margin-top: 2.5em;
            margin-bottom: 1.5em;
        }

        h1 {
            font-size: 2.2rem;
            text-align: center;
            border-left: none;
            border-bottom: 2px solid #3f51b5;
            padding-bottom: 15px;
            color: #1a237e;
        }

        h2 {
            font-size: 1.8rem;
            background-color: #e8eaf6; /* 薄い藍色 */
            padding-top: 10px;
            padding-bottom: 10px;
            border-radius: 4px;
        }8-b9f9aa28d359

        h3 {
            font-size: 1.4rem;
            border-left: 4px solid #7986cb; /* やや薄い藍色 */
            color: #283593;
        }

        /* 導入部分のスタイル */
        .introduction, .submission-info {
            background-color: #f3f4f6;
            border: 1px solid #d1d5db;
            border-radius: 8px;
            padding: 25px;
            margin-bottom: 30px;
        }

        .introduction p, .submission-info p {
            margin-top: 0;
        }

        .introduction strong {
            color: #c51162; /* アクセントのピンク */
        }

        /* フォームの設問グループ */
        fieldset {
            border: 1px solid #c5cae9;
            border-radius: 8px;
            padding: 20px 30px;
            margin-bottom: 40px;
        }

        legend {
            font-size: 1.5rem;
            font-weight: bold;
            color: #303f9f;
            padding: 0 15px;
            margin-left: -15px; /* for alignment */
        }

        /* 設問のラベル */
        label {
            display: block;
            font-weight: bold;
            font-size: 1.1rem;
            margin-top: 25px;
            margin-bottom: 10px;
            color: #3f51b5;
        }

        /* 回答入力欄 */
        textarea {
            width: 100%;
            padding: 15px;
            font-size: 1rem;
            font-family: inherit;
            line-height: 1.7;
            border: 1px solid #ccc;
            border-radius: 6px;
            box-sizing: border-box;
            background-color: #fff;
            transition: border-color 0.3s, box-shadow 0.3s;
            resize: vertical; /* 縦方向のみリサイズ可能に */
        }

        textarea:focus {
            outline: none;
            border-color: #3f51b5;
            box-shadow: 0 0 8px rgba(63, 81, 181, 0.3);
        }

        /* 解答のヒント */
        .hint {
            margin-top: 15px;
            padding: 15px;
            background-color: #fffde7; /* 薄い黄色 */
            border: 1px dashed #fbc02d; /* 黄色 */
            border-radius: 6px;
            font-size: 0.95rem;
        }
        .hint::before {
            content: "   解答のヒント";
            font-weight: bold;
            display: block;
            margin-bottom: 8px;
            color: #f57f17; /* オレンジ色 */
        }

        /* 強調テキスト */
        .emphasis {
            font-weight: bold;
            color: #d32f2f; /* 赤色 */
        }
        
        ul {
            list-style-type: '・ ';
            padding-left: 20px;
        }
        
        /* 提出ボタンエリア */
        .submission-area {
            text-align: center;
            margin-top: 50px;
        }

.btn_wrap{
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 20px;
	}
        
        .btn {
            background-color: #3f51b5;
            color: white;
            padding: 15px 40px;
            border: none;
            border-radius: 50px;
            font-size: 1.2rem;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.3s, transform 0.2s;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }
        
        .btn:hover {
            background-color: #303f9f;
            transform: translateY(-2px);
        }

.button_div{
                                }

.button_div .buttons{
                                width: 6rem;
                                }
.button_div .normal{
                                font-weight: normal;
                                font-size: 1rem;
                                color: #333;
                                }