/*
Theme Name:Nu-me
Author:Evosfort
Version:1.0
*/

/* ==========================================================================
   1. Google Fonts の読み込み（スペースと重複を修正）
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lavishly+Yours&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Explora&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100;200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap');

/* ==========================================================================
   2. 共通・スマホ用（基本スタイル）
   ========================================================================== */
img {
    border-style: none;
    width: 100%;
}

html {
    margin-top: 0 !important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, summary {
    display: block;
    margin-top: -2.5rem;
}

h1 {
    display: none;
}

p {
    color: #000000;
    font-family: 'Zen Kaku Gothic New';
    margin-top: 0;
	line-height: 2rem;
}

h2 {
    color: #3f3f3f;
    text-align: center;
    margin-block-start: 0;
    margin-top: 3rem;
    font-family: 'Zen Kaku Gothic New';
    font-size: 1.5rem;
}

aside {
    display: none;
}

.tfv {
    margin-top: 1rem;
}



p.teattl__sub {
    text-align: center;
    font-family: "learning-curve";
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    margin-top: -2rem;
    color: #6f655a;
}

/* 悩み */
.nayamiwrap {
    display: inline-block;
    padding: 0 1rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

h2.nayamibox__ttltxt {
    color: #c26e8a;
    text-align: center;
    margin-block-start: 0;
    margin-top: 3rem;
    font-family: 'Zen Kaku Gothic New';
    font-size: 1.5rem;
    text-shadow: -1px 1px 3px rgb(255 255 255);
}

span.dai {
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
}

.nayamibox__txt__img {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

p.nayami__txt {
    text-align: center;
}

.nayamibox__ttl {
    text-align: center;
    font-size: 1rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    background-image: url(https://nu-me.net/traial_lesson/wp-content/uploads/2024/01/ttl%E7%B4%A0%E6%9D%904.png);
    background-size: contain;
    background-position: center;
    position: relative;
    background-color: rgba(255,255,255,0.5);
    background-blend-mode: lighten;
}

/* ボタン光 */
.c-button._shiny {
    display: block;
    position: relative;
    padding: 1.5rem 1.5rem;
    background-color: #c26e8a;
    box-shadow: 0 3px 0 0 #845062;
    border-radius: 4px;
    font-weight: bold;
    font-size: 16px;
    max-width: 500px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    transition: 100ms;
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto;
}

.c-button._shiny::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #ffb4cd;
    transition: 100ms;
    animation: shinyshiny 2.5s ease-in-out infinite;
}

.c-button._shiny:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: none;
    -webkit-transform: translateY(3px);
}

@-webkit-keyframes shinyshiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

span.yureru-j {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 1rem 4rem;
}

/* ボタン上下 */
.circle1 {
    animation: pyonpyon 2s infinite ease;
}

@keyframes pyonpyon {
  0% { transform: translate(0, 0); }
  5% { transform: translate(0, 0); }
  10% { transform: translate(0, 0); }
  20% { transform: translate(0, -10px); }
  25% { transform: translate(0, 0); }
  30% { transform: translate(0, -10px); }
  50% { transform: translate(0, 0); }
  100% { transform: translate(0, 0); }
}

/* お茶会 */
.teattlBox {
    background-image: url(https://nu-me.net/traial_lesson/wp-content/uploads/2024/01/ttl%E7%B4%A0%E6%9D%903.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.box15 {
    padding: 1.5rem 0.6rem;
    margin: 1rem 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 6px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
    width: 23%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.box15 p {
    margin: 0; 
    padding: 0;
}

p.tea__txt {
    font-size: 0.8rem;
    margin-top: 0.5rem;
    text-align: center;
}

h2.teattl {
    text-align: center;
}

.mejume {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 3rem;
}

.teawrap {
    padding: 0 1rem;
    background-image: url(https://nu-me.net/traial_lesson/wp-content/uploads/2023/03/24073730_m.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    padding: 0 1rem;
    margin-top: -1rem;
}

img.teimg {
    width: 50%;
    display: block;
    margin: auto;
}

/* 流れ */
.stepttlbox {
    background-image: url(https://nu-me.net/traial_lesson/wp-content/uploads/2024/01/ttl%E7%B4%A0%E6%9D%903.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.flow_design07 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.stepwrap {
    display: inline-block;
    padding: 0 1rem;
    margin-bottom: 3rem;
}

.flow07 {
  padding-left: 0;
}

.flow07 > li {
  list-style-type: none;
  display: flex;
}

.flow07 > li:not(:last-child) {
  margin: 0 0 50px;
}

.flow07 > li .icon07 {
  width: 90px;
  box-sizing: border-box;
  padding: 20px 10px 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #D3B6B9;
  border-radius: 5px 5px 0 0;
  position: relative;
  line-height: 125%;
  margin: 0;
  font-size: 1.3rem;
}

.flow07 > li .icon07::after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 20px solid #D3B6B9;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.flow07 > li dl {
  padding: 0 0 0 30px;
  width: calc(100% - 115px);
}

.flow07 > li dl dt {
  padding: 0 0 5px;
  margin: 0 0 15px;
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: 4px solid #CCCCCC;
  position: relative;
}

.flow07 > li dl dt::after {
  content: '';
  width: 20%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  left: 0;
  background-color: #D3B6B9;
}

.flow07 > li dl dd {
  margin: 0;
  font-size: 1.1rem;
}

p.zoomtxt {
    margin-top: 3rem;
}

a.zoomlink {
    font-size: 1rem;
    color: #071d82;
}

/* おすすめ */
.osusuttlbox {
    background-image: url(https://nu-me.net/traial_lesson/wp-content/uploads/2024/01/ttl%E7%B4%A0%E6%9D%903.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

img.osudetilebox__img {
    width: 5%;
}

.osubox {
    margin-bottom: 3rem;
}

p.osudetilebox__txt {
    font-size: 1.1rem;
    margin-top: 1rem;
}

.osudetilebox__img {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0.5rem;
}

.osuwrap {
    background-image: url(https://nu-me.net/traial_lesson/wp-content/uploads/2023/03/24073730_m.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    padding: 0 1rem;
    margin-top: -1rem;
}

/* お客様の声 */
.voicettlbox {
    background-image: url(https://nu-me.net/traial_lesson/wp-content/uploads/2024/01/ttl%E7%B4%A0%E6%9D%903.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.voicedetilegr {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    background-image: url(https://nu-me.net/traial_lesson/wp-content/uploads/2024/01/greenback.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 1rem;
    align-items: center;
    justify-content: center;
    background-position: -13rem;
    margin-top: 3rem;
}

.voicedetile__up {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}

.voicedetile__up__rb {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}

.voiceimgbox {
    width: 30%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

img.voiceimgbox__img__jo {
    width: 100%;
}

p.voiceimgbox__name {
    margin-top: -0.5rem;
    font-size: 0.9rem;
    text-align: center;
}

.voiceimgbox__upttl {
    width: 70%;
    margin-left: 2rem;
}

p.voiceimgbox__upttl__txt {
    font-family: "vdl-penletter";
    font-weight: bold;
    font-style: normal;
    font-size: 1.4rem;
}

.voicedetile__down {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

img.voiceimgbox__img__qo {
    width: 8%;
}

p.qo {
    margin-top: -1.5rem;
    margin-bottom: 3rem;
}

.voicedetilegl {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    background-image: url(https://nu-me.net/traial_lesson/wp-content/uploads/2024/01/goldback.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 1rem;
    align-items: center;
    justify-content: center;
    background-position: -17rem;
    margin-top: 3rem;
}

.voicedetileor {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    background-image: url(https://nu-me.net/traial_lesson/wp-content/uploads/2024/01/blueback.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 1rem;
    align-items: center;
    justify-content: center;
    background-position: -18rem;
    margin-top: 3rem;
}

/* 問い合わせ */
.formttlbox {
    background-image: url(https://nu-me.net/traial_lesson/wp-content/uploads/2024/01/ttl%E7%B4%A0%E6%9D%903.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.formwrap {
    background-image: url(https://nu-me.net/traial_lesson/wp-content/uploads/2023/03/24073730_m.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    padding: 0 1rem;
    margin-top: -1rem;
}

span.bold {
    font-weight: 500;
    display: block;
    margin-bottom: -1rem;
}

p.formbox__txt {
    line-height: 1.5rem;
    margin-bottom: 3rem;
}

div#form {
    margin-top: 5rem;
}

fieldset.hidden-fields-container {
    display: none;
}

p.formbox__txt__sen {
    border-bottom: 1px dashed #a7a7a7;
}

p.formname {
    font-size: 0.8rem;
    margin-top: -0.5rem;
}

/* ContactForm7 テーブル共通 */
table.CF7_table {
    width: 80%;
    margin: 0 auto;
    border: 3px solid #e5e5e5;
}

table.CF7_table tr {
    border-top: 1px solid #e5e5e5;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table {
    display: table;
}

.CF7_table input, .CF7_table textarea {
    border: 1px solid #d8d8d8;
    background-color: #f0f0f0;
    padding: 0.6rem 0.5rem;
	width: 90%;
}

.CF7_table ::placeholder {
    color: #797979;
}

.CF7_req {
    font-size: .9em;
    padding: 5px;
    background: #f79034;
    color: #fff;
    border-radius: 3px;
    margin-right: 1em;
}

.CF7_unreq {
    font-size: .9em;
    padding: 5px;
    background: #bdbdbd;
    color: #fff;
    border-radius: 3px;
    margin-right: 1em;
}

.wpcf7 input.wpcf7-submit {
    background-color: #f79034;
    border: 0;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 auto;
	padding: 1rem;
	display: block;
    width: fit-content; /* ※スマホ等で横幅を指定したい場合は width: 80%; や 300px; などでもOKです */
}

.CF7_btn {
    text-align: center;
    margin-top: 20px;
}

.wpcf7-spinner {
    width: 0;
    margin: 0;
}

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
    width: 90%;
    border: none;
    padding: 0.5rem 0.5rem;
    border-radius: 5px;
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

span.wpcf7-form-control-wrap {
    display: block;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    width: 95%;
    border: none;
    padding: 0.5rem 0.5rem;
    border-radius: 5px;
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

th > p {
	padding: 0.2rem 0;
    padding-left: 1rem;
}

table.CF7_table {
    text-align: left;
}

td.txt {
    padding: 0 1rem;
    font-size: 0.8rem;
}

td.txtc {
    padding: 0 1rem;
    font-size: 0.8rem;
}
/* ──────────────────────────────────────────────────────────
   ★ 重要：Contact Form 7 label & checkbox 共通スタイル
   （ここならスマホでもPCでも確実に適用されます）
   ────────────────────────────────────────────────────────── */
span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-around;
}

/* ラベル要素そのものへの flex 適用 */
.wpcf7-list-item label {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
}

/* チェックボックス横のテキスト用スタイル */
span.wpcf7-list-item-label {
    display: inline-block;
    width: 100%;
    font-size: 0.9rem;
    padding-left: 0.4rem;
}

input[type="checkbox"] {
    width: 16%;
    padding-right: -15rem;
}

/* メッセージ */
.messttlbox {
    background-image: url(https://nu-me.net/traial_lesson/wp-content/uploads/2024/01/ttl%E7%B4%A0%E6%9D%903.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.messwrap {
    display: inline-block;
    padding: 0 1rem;
}

span.pink {
    color: #ca9e9e;
    font-weight: bold;
    font-size: 1.2rem;
}

p.messimgbox__txtyour {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 2rem;
    font-weight: 400;
}

p.messimgbox__txt {
    line-height: 1.5rem;
    margin-bottom: 3rem;
}

/* 問い合わせフォーム別ページ */
p.contBox__txt {
    font-size: 0.85rem;
}

/* 問い合わせフォームありがとう */
h3.contactthanks__ttl {
    text-align: center;
    margin-top: 5rem;
    font-size: 1.5rem;
}

.contactthankswrap {
    padding: 0 1em;
}

p.contactthanksbox__txt {
    line-height: 2rem;
}

p.tanosi {
    margin-top: 3rem;
}

/* footer */
footer.footer {
    margin-top: 2rem;
    margin-bottom: 0px;
}

img.ftimg__img {
    margin-bottom: -3px;
}

p.returntxt {
    text-align: center;
    padding: 2rem;
    background-color: #eee;
    width: 9rem;
    margin: 5rem auto;
}

a.returna {
    text-decoration-line: none;
}


/* ContactForm7 テーブル共通 */
table.CF7_table th,
table.CF7_table td {
    box-sizing: border-box;
}


	.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em !important;
}


.cf7-cf-turnstile {
    text-align: center;
    /* width: 100%; */
}



@media screen and (max-width: 782px){
	
	html{
		margin-top: 0 !important;
	}
}

/* ==========================================================================
   3. スマホ専用スタイル（max-width: 768px 以下）
   ========================================================================== */
@media screen and (max-width: 768px){
    table.CF7_table {
        width: 100%;
    }
    .CF7_table tr, .CF7_table td, .CF7_table th {
        display: block;
        width: 100%;
        line-height: 2.5em;
    }
    .CF7_table th {
        background-color: #ebedf5;
    }
	img.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-1 {
    width: 30%;
    }
	

}


/* ==========================================================================
   4. PC専用スタイル（min-width: 768px 以上）
   ========================================================================== */
@media screen and (min-width: 768px){
    /* FV画像 */
    .tfv {
        max-width: 980px;
        margin: auto;
    }

    /* 悩み */
    .nayamiwrap {
        max-width: 980px;
        margin: 0rem auto;
        width: 100%;
        display: block;
    }

    p.nayami__txt {
        margin-bottom: 5rem;
    }

    /* 共通フォントサイズ拡大 */
    h2 {
        font-size: 2rem;
    }

    p {
        font-size: 1.5rem;
        text-align: center;
    }

    /* 悩み画像 */
    img.nayamiimg {
        margin: 3rem 0;
    }

    /* 申し込みボタン */
    .c-button._shiny {
        padding: 3rem 1.5rem;
        background-color: #13ba12;
        box-shadow: 0 3px 0 0 #3e7625;
        font-size: 1.5rem;
        max-width: 980px;
    }

    /* お茶会内容 */
    .teawrap {
        max-width: 980px;
        margin: 5rem auto;
        display: block;
        padding: 5rem 0;
    }

    .teattlBox {
        margin-bottom: 5rem;
    }

    .mejume {
        padding: 0 5rem;
    }

    p.tea__txt {
        font-size: 1.5rem;
        margin-top: 1.5rem;
    }

    /* お茶会の流れ */
    .stepwrap {
        max-width: 980px;
        margin: 5rem auto;
        display: block;
        padding: 5rem 0;
        width: 100%;
    }

    .flow_design07 {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100%;
    }

    .flow07 {
        padding-left: 0;
        width: 100%;
        text-align: center;
        line-height: 3rem;
        margin-bottom: 5rem;
    }

    .flow07 > li dl dt {
        font-size: 1.5rem;
    }

    .flow07 > li dl {
        padding: 0 0 0 3rem;
        width: calc(100% - 115px);
    }

    .flow07 > li .icon07::after {
        border-left: 44px solid transparent;
        border-right: 44px solid transparent;
        border-top: 20px solid #D3B6B9;
    }

    a.zoomlink {
        font-size: 1.5rem;
        margin: 5rem 0;
        text-align: center;
        display: block;
    }

    /* おすすめ */
    .osuwrap {
        max-width: 980px;
        margin: 5rem auto;
        display: block;
        padding: 5rem 0;
    }

    .osusuttlbox {
        margin-bottom: 5rem;
    }

    .osudetilebox {
        padding: 0 5rem;
    }

    .osudetilebox__img {
        line-height: 5rem;
    }

    p.osudetilebox__txt {
        font-size: 1.5rem;
        margin-left: 2rem;
    }

    /* 参加いただいた方の声 */
    .voicettlbox {
        margin-bottom: 5rem;
    }

    .voicewrap {
        max-width: 980px;
        margin: 0rem auto;
        display: block;
        width: 100%;
    }

    .voicedetile__up {
        padding: 0 3rem;
    }

    .voicedetile__up__rb {
        padding: 0 3rem;
    }

    .voicedetilegr {
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 5rem;
    }

    .voicedetilegl {
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 5rem;
    }

    .voicedetileor {
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 5rem;
        background-position: -28rem;
    }

    p.voiceimgbox__upttl__txt {
        font-family: "vdl-penletter";
        font-weight: 500;
        font-style: normal;
        font-size: 2.3rem;
    }

    p.voiceimgbox__name {
        margin-top: 0rem;
        font-size: 1.5rem;
        text-align: center;
    }

    .voicedetile__down {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        padding: 0 3rem;
    }

    p.qo {
        margin-top: -3.5rem;
        margin-bottom: 3rem;
        text-align: justify;
        margin-left: 1rem;
        line-height: 3rem;
    }

    /* お茶会のご案内 */
    .formwrap {
        max-width: 980px;
        margin: 0rem auto;
        display: block;
        padding: 5rem 0;
    }

    span.bold {
        font-size: 1.5rem;
    }

    .CF7_table th {
        width: 30%;
        background-color: #ebedf5;
    }

    /* メッセージ */
    .messwrap {
        max-width: 980px;
        margin: 5rem auto;
        display: block;
        padding: 5rem 0;
    }

    img.messimgbox__img {
        margin: 3rem 0;
    }

    p.messimgbox__txtyour {
        font-size: 1.7rem;
        font-weight: 500;
    }

    p.messimgbox__txt {
        line-height: 1.5rem;
        margin-bottom: 3rem;
        text-align: left;
    }

    /* フッター */
    footer.footer {
        max-width: 980px;
        margin: auto;
    }

    p.returntxt {
        text-align: center;
        padding: 2rem;
        background-color: #eee;
        width: 16rem;
        margin: 8rem auto;
    }

    /* 別ページの問い合わせフォーム */
    .contBox {
        max-width: 980px;
        margin: auto;
    }

    p.formname {
        font-size: 1.1rem;
        margin-top: -0.5rem;
    }

    p.contBox__txt {
        text-align: center;
        margin-bottom: 5rem;
        font-size: 1.3rem;
    }

    p.anketo {
        margin: 3rem 0;
    }

    /* 問い合わせフォームThanks */
    h3.contactthanks__ttl {
        text-align: center;
        margin-top: 5rem;
        font-size: 2rem;
    }

    p.contactthanksbox__txt {
        line-height: 5rem;
    }
}