@charset "UTF-8";
/*
Template: arkhe
Theme Name: Arkhe Child
Theme URI: https://arkhe-theme.com/ja/
Description: Arkhe用子テーマ
Version: 1.0.0
Text Domain: arkhe
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/

/* テーマ */
.c-postContent.p-front__content form {
    margin-top: 200px !important;
}
header#header {
    height: 0;
}
.l-header__center {
    display: none;
}

[data-scrolled=true]
.l-header__customBtn, .l-header__drawerBtn, .l-header__searchBtn {
    height: 50px;
    width: 50px;
    background: #ea6b15;
    border-radius: 6px;
	color: #fff;
	transition: 0.3s;
}
.l-header__drawerBtn:hover {
    transform: scale(1.05);
}
[data-scrolled=true] .l-header__customBtn,[data-scrolled=true] .l-header__drawerBtn,[data-scrolled=true] .l-header__searchBtn {
	background: rgba(234,107,21,0.4);
}
[data-scrolled=true] .l-header__customBtn:hover,[data-scrolled=true] .l-header__drawerBtn:hover,[data-scrolled=true] .l-header__searchBtn:hover {
	background: rgba(234,107,21,1);
}
.c-iconBtn__icon {
    height: 34px;
    width: 34px;
}
.l-header__body {
    top: 1rem;
}
div#drawer_menu {
    background: rgba(255, 255, 255, 0.95);
}
ul.c-drawerNav {
    border: none;
}
ul.c-drawerNav li {
    border-bottom: 1px dashed #d4c2ba !important;
}
a.c-drawerNav__a {
    color: #896455;
    text-align: center;
    font-size: 1.2rem;
    border: none;
    transition: 0.3s;
}
a.c-drawerNav__a:hover {
    background: none;
    font-size: 1.4rem;
}
button.p-drawer__close.c-modalClose.u-flex--aic {
    color: #896455;
}
.pcsl {
	text-align: center;
}
.orange {
	color: #ea6b15;
}
@media(768px > width) {
.pcsl {
	text-align: left;
	
}
}

/* フォント */
#wrapper {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
}
#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4 {
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
}

/* ファーストビュー */
div#top {
    background: #fffaf8;
}
#cc {
    gap: 0 !important;
    width: 70%;
    margin: 0 auto;
}
figure#cc-sub {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
figure#cc-sub img {
    position: relative;
    top: -33px;
}
#about-method {
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(140, 40, 14, 0.2);
}
#about-method p {
    font-size: 1.7rem;
    width: 90.9%;
    margin: 1.1rem auto 0;
    letter-spacing: 0.4rem;
}
figure#r-20 img {
    border-radius: 20px;
}

/* タイトル */
.gra-r {
    background: linear-gradient(to bottom,  #ffeade 0%,#fffaf8 30%,#fffaf8 100%);
    border-radius: 0 20% 0 0;
}
.gra-r .ark-block-section__color {
    background: none !important;
}
#cc-cta {
    border-radius: 20px;
	box-shadow: 0 0 10px rgba(140, 40, 14, 0.2);
}

/* お悩み */
div#worries ul {
    list-style: none;
    color: #fff;
    padding: 0;
    margin: 0;
}
div#worries ul li {
    width: fit-content;
    border-bottom: 2px solid;
    padding: 0px 0.8rem 0.5rem;
    font-size: 1.2rem;
    font-weight: bold;
	margin: 2rem auto 0;
}
/* 説得 */
p#pr-sub {
    text-align: center;
    font-size: 2rem;
    color: #fff;
    font-family: "Noto Serif JP", serif;
	line-height: 1.5;
}
figure#pr-image {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
figure#pr-image img {
    position: relative;
    top: -50px;
}
figure#pr-image + h2 {
    margin-top: 25vw !important;
	font-size: 2.3rem;
}
ul#skill {
    list-style: none;
    margin: 2rem 0 0;
    padding: 0;
}
ul#skill li {
    text-align: center;
    font-size: 1.9rem;
    font-weight: 500;
}
ul#skill li::after {
    content: "";
    display: block;
    width: 20px;
    height: 5px;
    border-bottom: 5px dotted #ffc197;
    margin: 1rem auto;
}
ul#skill li:last-child::after {
	display: none;
}
.skill-detail.left .wp-block-media-text__content {
    padding: 1rem 8vw 1rem 0;
}
.skill-detail.right .wp-block-media-text__content {
    padding: 1rem 0 1rem 8vw;
}
.skill-detail p {
    margin-top: 1rem !important;
}
.skill-detail ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.skill-detail ul li {
    background: #ea6b15;
    width: fit-content;
    color: #fff;
    padding: 0 1rem;
}
/* プログラムの内容 */
div#progam {
    background: linear-gradient(to bottom, #ffeade 0%, #fffaf8 10%, #fffaf8 100%);
}
div#progam .ark-block-section__media.arkb-absLayer img {
    max-width: 90vw !important;
    width: 100% !important;
    height: auto !important;
    margin: 5rem auto 0;
}
figure#program-table table {
    border: none;
    width: auto;
    margin: 0 auto;
}
figure#program-table table th {
    border: none;
    color: #ea6b15;
    width: 7rem;
    text-align: center;
	background: #fff;
}
figure#program-table table tr:nth-child(odd) th {
    background: #fcf6e8;
}
figure#program-table table td {
    border: none;
	padding-right: 2rem !important;
}
figure#program-table table tr:nth-child(odd) td {
    background: #fcf6e8;
}
div#prof div {
    display: flex;
    flex-direction: column-reverse;
}
div#prof div h2 {
    font-weight: normal;
    font-family: "Noto Sans JP", sans-serif;
}
div#prof div h2 span {
    font-size: 1rem;
    margin-left: 1rem;
}
div#prof div p {
    font-size: 1.2rem;
}
div#prof ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0.3rem 0 1rem;
}
div#prof ul li {
    background: #fff;
    font-size: 1.1rem;
    padding: 0.2rem 1rem;
    margin-right: 0.7rem;
}
div#prof-image {
    position: relative;
	width: 90%;
	margin: 0 auto;
}
div#prof-image::after {
    content: "";
    width: 150px;
    height: 60px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(https://naoto-seitai.com/lp/wp-content/uploads/2025/08/pro-message.png);
    position: absolute;
    left: -6%;
    top: -10%;
}
div#prof-image figure {
    align-self: baseline;
}
/* 流れ */
div#flow {
    background: linear-gradient(to bottom, #ffeade 0%, #fffaf8 10%, #fffaf8 100%);
}
div#flow .ark-block-section__media.arkb-absLayer img {
    max-width: 70vw !important;
    width: 100% !important;
    height: auto !important;
    margin: 5rem auto 0;
}
.description {
    display: flex;
    flex-direction: column;
}
.description h3 {
    order: 2;
    font-weight: normal;
    margin: 0.7rem 0 0.6rem;
}
.description p {
    order: 3;
    font-size: 1.1rem;
}
.description p.part-brown {
    order: 1;
    color: #fff;
    background: #896455;
    width: fit-content;
    padding: 0 1rem;
}
.description p.part-orange {
    order: 1;
    color: #fff;
    background: #ea6b15;
    width: fit-content;
    padding: 0 1rem;
}

/* 実績 */
h2.results {
    font-weight: normal;
	font-size: 2.5rem
}
.wp-block-group.results {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(140, 40, 14, 0.5);
    padding: 4rem 5rem;
    font-size: 1.2rem;
}

/* 無料体験会 */
p.f-38 {
    font-size: 2.2rem;
    font-weight: 400;
}
dl#free dt {
    background: #896455;
    color: #fff;
    width: fit-content;
    padding: 0 1rem;
    margin-bottom: 0.4rem;
}
dl#free dd {
    margin-bottom: 1rem;
}
dl#free dd b {
    font-size: 1.1rem;
    display: block;
    line-height: 1.4;
}
dl#free dd:last-child {
    margin-bottom: 0;
}
dl#free dd a {
	color: #896455;
}

/* 受講生の声 */
.voiceblock {
    background: #fff;
    padding: 2.4rem;
    width: 84%;
    margin: 0 auto;
}
.voiceblock.first {
    position: relative;
}
.voiceblock.first::before {
    content: "";
    width: 100px;
    height: 100px;
    display: block;
    background: url(https://naoto-seitai.com/lp/wp-content/uploads/2025/08/v3.png) no-repeat center center / cover;
    position: absolute;
    left: -4.2vw;
    top: -4.2vw;
}
.voiceblock.second {
    position: relative;
}
.voiceblock.second::before {
    content: "";
    width: 100px;
    height: 100px;
    display: block;
    background: url(https://naoto-seitai.com/lp/wp-content/uploads/2025/08/v4.png) no-repeat center center / cover;
    position: absolute;
    left: -4.2vw;
    top: -4.2vw;
}
h2.voice {
    font-size: 3rem;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: normal;
    margin-top: 4rem;
}
.voiceblock .wp-block-media-text__content {
    margin-top: 0;
}
h3.wp-block-heading.voice {
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: normal;
    font-size: 1.8rem;
}
p.voicename {
    font-weight: 500;
    font-size: 1.5rem;
    margin-top: 0.3rem !important;
}
h4.wp-block-heading.voice {
    color: #ea6b15;
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 1.7rem;
}
p.voice {
    font-size: 1.2rem;
    line-height: 1.9;
}

/* サポート体制 */
div#support {
    background: linear-gradient(to bottom, #ffeade 0%, #fffaf8 10%, #fffaf8 100%);
}
div#support .ark-block-section__media.arkb-absLayer img {
    max-width: 90vw !important;
    width: 100% !important;
    height: auto !important;
    margin: 5rem auto 0;
}
.oikawa {
    background: #fff;
    padding: 2.4rem !important;
}
.oikawa .wp-block-media-text__content {
    margin-top: 0;
}
.oikawa #profile {
    font-size: 1.2rem;
    display: flex;
    flex-direction: column;
	width: 95%;
}
.oikawa #profile h2 {
    font-size: 3.5rem;
    font-weight: normal;
    font-family: "Noto Sans JP", sans-serif;
    order: 2;
}
.oikawa #profile h2 span {
    font-size: 1.7rem;
    margin-left: 1.3rem;
}
.oikawa #profile h2 + p {
    font-size: 1.7rem;
    font-weight: 500;
    order: 1;
}
.oikawa #profile h2 + p + p {
    font-size: 2.8rem;
    line-height: 1.4;
    font-weight: 300;
    order: 3;
	margin: 0.7rem 0 1.4rem;
}
.oikawa #profile h2 + p + p + p {
    order: 4;
}
.oikawa #profile h2 + p + p + p + p{
    order: 5;
	margin: 1.2rem 0 3rem;
}
/* よくある質問・回答 */
h2#qa {
    border-left: 5px solid #ea6b15;
    padding-left: 1rem;
}
.q-a {
	width: 95%;
}
.q-a h3 {
    font-size: 1.2rem;
    font-family: "Noto Sans JP", sans-serif !important;
    border-bottom: 1px solid #896455;
    margin-bottom: 0.8rem;
    padding-bottom: 0.6rem;
}
.q-a h3::before {
    content: "Q";
	margin-right: 0.5rem;
}
.q-a div {
    display: flex;
    gap: 0.5rem;
}
.q-a div::before {
    content: "A";
    display: block;
    background: #ea6b15;
    color: #fff;
    width: 1.1rem;
    height: 1.2rem;
    line-height: 1;
    padding: 0rem 0.2rem;
    margin: 0.3rem 0 0;
}
/* エンディング */
#end .wp-block-media-text__content {
	width: 74%;
    margin: 0 auto;
}

/* タブレット */
@media (orientation: portrait) and (1023px <= width < 1025px) {
#top .ark-block-section__media.arkb-absLayer img {
    height: 60vh !important;
}
}
@media (767px <= width < 769px) {
#top .ark-block-section__media.arkb-absLayer img {
    margin-top: -13vh !important;
}
}

/* スマートフォン */
@media( 481px > width) {
figure#cc-sub {
    width: 95%;
}
figure#cc-sub img {
    top: -50px;
}
figure.m-t0 {
    margin-top: 0 !important;
}
div#about-method {
    padding: 2rem !important;
}
div#about-method p {
    font-size: 1rem;
    width: 100%;
    margin: 0.7rem 0 0 0.4rem;
    letter-spacing: 0.2rem;
}
.gra-r {
    border-radius: 0;
    margin-top: 4rem !important;
}
.gra-r .ark-block-section__bodyInner.ark-keep-mt {
    padding-top: 4rem;
    padding-bottom: 3rem;
}
div#cc-cta {
    margin-top: 2rem !important;
}
	#worries .ark-block-section__bodyInner.ark-keep-mt {
    padding: 2.4rem 0rem;
}
div#worries h2 {
    font-size: 1.3rem;
}
div#worries ul li {
    width: 100%;
	font-weight: normal;
    border-bottom: 1px dashed;
	font-size: 0.8rem;
    text-align: center;
}
p#pr-sub {
    width: 90%;
    margin: 1rem auto 0;
    text-align: left;
    letter-spacing: 0.2rem;
    font-size: 1.2rem;
    font-weight: 600;
}
#pr-sub br {
    display: none;
}
figure#pr-image + h2 {
    margin-top: 18vw !important;
    font-size: 1.4rem;
    text-align: center;
}
ul#skill {
    margin: 1rem 0 0;
}
ul#skill li {
    font-size: 1.3rem;
}
ul#skill li::after {
    margin: 0.6rem auto;
}
ul#skill li span {
    display: block;
}
ul#skill li:last-child {
    line-height: 1.5;
}
.skill-detail.left .wp-block-media-text__content {
    padding: 1.4rem;
}
h3.wp-block-heading.orange {
    font-size: 1.2rem;
}
.skill-detail ul {
    gap: 6px;
    margin-top: 1.4rem !important;
    flex-direction: column;
}
.skill-detail ul li {
    width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3.3rem;
}
.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile.is-image-fill-element.skill-detail.right.u-mt-40 {
    margin-top: 1rem !important;
}
.skill-detail.right .wp-block-media-text__content {
    padding: 1.4rem;
}
div#progam {
    margin-top: 1.3rem !important;
}
div#progam {
    background: linear-gradient(to bottom, #ffeade 0%, #fffaf8 2%, #fffaf8 100%);
}
div#progam .ark-block-section__media.arkb-absLayer img {
    max-width: 95vw !important;
    margin: 3rem auto 0;
}
#progam .ark-block-section__bodyInner.ark-keep-mt {
    padding-top: 5.6rem !important;
}
#progam .ark-block-section__bodyInner.ark-keep-mt p.pcsl.u-mt-30 {
    margin-top: 1.5rem !important;
}
figure#program-table table {
    width: 100%;
}
figure#program-table tr {
    display: flex;
    flex-direction: column;
}
figure#program-table table th {
    width: 100%;
	padding-bottom: 0 !important;
}
figure#program-table table td {
    text-align: center;
    padding: 0 1rem 1rem !important;
}
div#prof-image::after {
    left: -9%;
    top: -4%;
}
div#prof div p {
    font-size: 1rem;
}
#progam .ark-block-section__bodyInner.ark-keep-mt {
    padding-bottom: 2rem;
}
div#flow {
    background: linear-gradient(to bottom, #ffeade 0%, #fffaf8 2%, #fffaf8 100%);
}
div#flow .ark-block-section__media.arkb-absLayer img {
    max-width: 95vw !important;
    margin: 3rem auto 0;
}
#flow .ark-block-section__bodyInner.ark-keep-mt {
    padding-top: 6.6rem !important;
	padding-bottom: 2.4rem !important;
}
figure#nagare {
    width: 86%;
    margin: 0 auto;
}
#flow figure.wp-block-image.size-large.is-resized.u-mt-60 {
    margin-top: 2rem !important;
}
#flow .wp-block-columns.u-mt-40.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
    margin-top: 2rem !important;
}
.description {
    margin-top: 1rem !important;
}
.description h3 {
    font-size: 1.2rem;
    font-weight: 800;
}
.description p.part-orange,.description p.part-brown {
    font-size: 0.9rem;
}
.description p {
    font-size: 1rem;
}
h2#performance {
    padding: 1.3rem;
    font-size: 1.7rem;
}
div#performance-more .ark-block-section__bodyInner.ark-keep-mt {
    padding-top: 2rem;
}
.wp-block-group.results {
    padding: 2.5rem 2rem;
}
.wp-block-group.results p {
    margin-top: 1.3rem;
    font-size: 1rem;
}
header__customBtn, .l-header__drawerBtn, .l-header__searchBtn {
    height: 40px;
    width: 40px;
}
.c-iconBtn__icon {
    height: 27px;
    width: 27px;
}
.l-header__drawerBtn:hover {
    transform: scale(1);
}
p.f-38 {
    font-size: 1.2rem;
    text-align: center;
}
dl#free dt {
    font-size: 0.9rem;
}
dl#free dd b {
    font-size: 1rem;
}
h2.voice {
    margin-top: 2rem;
    font-size: 1.4rem;
}
.voiceblock {
    padding: 1.6rem;
    width: 100%;
}
.voiceblock .wp-block-media-text__content {
    padding: 1.4rem 0 !important;
}
h3.wp-block-heading.voice {
    font-size: 1.6rem;
}
p.voicename {
    font-size: 1.1rem;
    margin-top: 0.9rem !important;
}
h4.wp-block-heading.voice {
    font-size: 1.2rem;
}
p.voice {
    font-size: 1rem;
    line-height: 1.8;
}
.voiceblock.first::before {
    width: 60px;
    height: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -10.2vw;
}
.voiceblock.second::before {
    width: 60px;
    height: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -10.2vw;
}
div#support  {
    background: linear-gradient(to bottom, #ffeade 0%, #fffaf8 2%, #fffaf8 100%);
}
div#support .ark-block-section__media.arkb-absLayer img {
    max-width: 95vw !important;
    margin: 3rem auto 0;
}
div#support .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile.is-vertically-aligned-top.is-image-fill-element.oikawa.u-mt-60 {
    margin-top: 2rem !important;
}
.oikawa .wp-block-media-text__content {
    padding: 1.4rem 0 0 !important;
}
.oikawa #profile h2 + p {
    font-size: 1rem;
}
.oikawa #profile h2 {
    font-size: 2rem;
}
.oikawa #profile h2 span {
    font-size: 1rem;
    margin-left: 0.7rem;
}
.oikawa #profile h2 + p + p {
    font-size: 1.7rem;
}
.oikawa #profile p {
    font-size: 1rem;
}
.oikawa #profile h2 + p + p + p + p {
    margin: 1.2rem 0 0rem;
}
.oikawa + .wp-block-columns.u-mt-40.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
    margin-top: 2rem !important;
}
#reason figure.wp-block-image.size-large.is-resized.u-mt-40 {
    margin-top: 2rem !important;
}
#reason figure.wp-block-image.size-large.is-resized.u-mt-40 {
    margin-top: 2rem !important;
}
#free-strong h2 {
    font-size: 1.2rem;
}
#free-strong h2 span {
    display: block;
}
h2#qa {
    margin-top: 2.4rem !important;
    font-size: 1.4rem;
}
.q-a h3 {
    display: flex;
    font-size: 1.1rem;
}
div#end {
    margin-top: 1rem !important;
}
#end .wp-block-media-text__content {
    width: 90%;
    margin: 2rem auto 0;
}
span.t-small {
    font-size: 0.8rem;
}
span.t-br {
    display: block;
}
.description h3 span {
    font-size: 1.1rem;
}
}

@media (orientation: landscape) and (1041px > width) {
figure#program-table table {
    width: 100%;
}
}