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

/* フォント指定 */
.font-c, .l-header__logo, .c-headLogo__link, .p-profileBox__name, .p-mainVisual__slideTitle{ 
	font-family: 'Nothing You Could Do', cursive;
}

.is-style-section_ttl .mininote{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

/* メインビジュアル */
.p-mainVisual__slideTitle{
	font-size: 3em;
}

.p-mainVisual__textLayer {
    flex-direction: column-reverse;
}

@media (max-width: 959px){
	.p-mainVisual__slideTitle, .p-mainVisual__slideText{
		color: #ffffff;
	}
}

/* concept */

.is-style-broken:not(.has-media-on-the-right) .wp-block-media-text__content {
    margin-left: 0;
}


@media (max-width: 600px){
.swell-block-fullWide__inner .is-style-broken.is-stacked-on-mobile .wp-block-media-text__content {
	margin-top:10%!important;
	}
}
@media (max-width: 600px){
	.concept_p{
		display: none;
	}
}

/* swiper */
.swiper--wrapper {
  /* wrapperのサイズを調整 */
   width: 100v%;
   height: 100%;
}
.swiper-slide > img {
   object-fit: cover; /* IE: not support */
   aspect-ratio: 450/318;
	width: 100%;
}

/* Benefits */
.is-style-check_list li:before {
    color: var(--color_text);
}

@media (max-width: 600px){
.Benefits02{
	flex-direction: column-reverse;
	}
}

/* レッスンまでの流れカード内の文字 */
.cl_rs{
	letter-spacing: -0.05em;
}
.wp-block-columns {
    --wp-column-gap: 3.5em;
}

.p-profileBox{
	border: 1px solid #FDF6EB;
}
/* 矢印の向き */
@media (max-width: 781px){
	.arrow {
    transform: rotate(90deg);
	}
	.wp-block-columns {
    --wp-column-gap: 1em;
	}
}


/* ボタン */
.is-style-more_btn a {
	background-color:#4C372C;
	color:  #ffffff;
	box-shadow: none;
	padding: 3% 0 3% 0;
}
.is-style-more_btn a:hover {
    background-color: #ffffff;
    box-shadow: none;
    color: #4C372C;
}

.line-btn a{
	padding: 3% 0 3% 0;
}
@media (max-width: 599px){
.is-style-more_btn.-size-s {
    --the-min-width: 63%;
	}
}

/* 下層ページ見出し */
.c-pageTitle  {
	text-align: center;
}

/* lineボタン */
.swell-block-fullWide__inner a{
	text-align: center;
}