@charset "UTF-8";

/* 後々common.css に入れたい *************************************************************************/

html {
	font-size: 62.5%;
}
body {
	color: #363636;
	font-size: 1.7rem;
	line-height: 2;
	font-weight: 400;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	/*font-family: "ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
}

@media screen and (max-width: 834px) {
	body {
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 430px) {
	body {
		font-size: 1.5rem;
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 400;
		font-style: normal;
	}
}
@media screen and (max-width: 320px) {
	body {
		font-size: 1.4rem;
	}
}

/* ******************************************************
 * 見出し
 * *************************************************** */

h1, h2, h3, h4, h5, h6 {
	font-family: serif;
	font-weight: 600;
	margin: 0;
	text-align: center;
	color: #BA9847;
	line-height: 1.6;
}

h2 {
	font-size: 6rem;
	margin-bottom: 60px;
}
h3 {
	font-size: 5rem;
	margin-bottom: 30px;
}
h4 {
	font-size: 5rem;
	margin-bottom: 30px;
}
h5 {
	font-size: 4rem;
	margin-bottom: 30px;
}
h6 {
	font-size: 3rem;
	margin-bottom: 30px;
}

@media screen and (max-width: 834px) {
	h2 {
		font-size: 5rem;
	}
	h3 {
		font-size: 4.2rem;
	}
	h4 {
		font-size: 3.6rem;
	}
	h5 {
		font-size: 3rem;
	}
	h6 {
		font-size: 2.8rem;
	}
}
@media screen and (max-width: 560px) {
	h2 {
		font-size: 4rem;
	}
	h3 {
		font-size: 3.6rem;
	}
	h4 {
		font-size: 3rem;
	}
	h5 {
		font-size: 2.8rem;
	}
	h6 {
		font-size: 2.2rem;
	}
}
@media screen and (max-width: 430px) {
	h2 {
		font-size: 3rem;
	}
	h3 {
		font-size: 2.6rem;
	}
	h4 {
		font-size: 2.2rem;
	}
	h5 {
		font-size: 2.2rem;
	}
	h6 {
		font-size: 2.2rem;
	}
}
@media screen and (max-width: 320px) {
	h2 {
		font-size: 2.6rem;
	}
	h3 {
		font-size: 2rem;
	}
	h4 {
		font-size: 1.8rem;
	}
	h5 {
		font-size: 1.8rem;
	}
	h6 {
		font-size: 1.8rem;
	}
}

/* テンプレート確認 */
.template {
	text-align: center;
}
.template p.discrimination {
	font-size: 5rem;
}

@media screen and (max-width: 560px) {
	.template p.discrimination {
		font-size: 3rem;
	}
}

/* 後々common.css に入れたい ここまで *************************************************************************/



/* 後々style.css に入れたい *************************************************************************/

/* フォント */
.serif {
	font-family: serif;
}
.sans-serif {
	font-family: sans-serif;
}

/* テキスト body 1.7rem */
.textS {
	font-size: 1.4rem;
}
.textL {
	font-size: 2rem;
}
.textO {
	font-size: 2.4rem;
}
.textXO {
	font-size: 2.8rem;
}
.textYO {
	font-size: 3.2rem;
}

@media screen and (max-width: 834px) {
	/* テキスト body 1.6rem */
	.textS {
		font-size: 1.4rem;
	}
	.textL {
		font-size: 2rem;
	}
	.textO {
		font-size: 2.4rem;
	}
	.textXO {
		font-size: 2.8rem;
	}
	.textYO {
		font-size: 3.2rem;
	}
}
@media screen and (max-width: 560px) {
	/* 名前や職業 */
	.name {
		margin: 3px 0 0;
	}
}
@media screen and (max-width: 430px) {
	/* テキスト body 1.5rem */
	.textS {
		font-size: 1.2rem;
	}
	.textL {
		font-size: 1.8rem;
	}
	.textO {
		font-size: 2rem;
	}
	.textXO {
		font-size: 2.2rem;
	}
	.textYO {
		font-size: 2.6rem;
	}
}
@media screen and (max-width: 380px) {
	/* テキスト body 1.5rem */
	.textS {
		font-size: 1.1rem;
	}
	.textL {
		font-size: 1.6rem;
	}
	.textO {
		font-size: 1.8rem;
	}
	.textXO {
		font-size: 2.2rem;
	}
	.textYO {
		font-size: 2.8rem;
	}
}
@media screen and (max-width: 320px) {
	/* テキスト body 1.4rem */
	.textS {
		font-size: 1rem;
	}
	.textL {
		font-size: 1.5rem;
	}
	.textO {
		font-size: 1.7rem;
	}
	.textXO {
		font-size: 2.1rem;
	}
	.textYO {
		font-size: 2.7rem;
	}
}

/* 後々style.css に入れたい ここまで *************************************************************************/




#soulsync section {
	padding: 120px 0;
}

#soulsync p.img {
	text-align: center;
	margin: 0;
}
#soulsync p.img img {
	border-radius: 4px;
}
#soulsync .soulsync-title {
	font-size: 4.6em;
	line-height: 1.4;
	font-weight: normal;
	text-align: center;
	position: relative;
	z-index: 3;
}
#soulsync .soulsync-subtitle {
	font-size: 2.2em;
	line-height: 1.4;
	color: #003d8f;
	font-weight: normal;
	text-align: center;
}
#soulsync .soulsyncEntry-add {
	margin-top: 60px;
	text-align: center;
}


@media screen and (max-width: 834px) {
	#soulsync .soulsync-title {
		font-size: 3.2em;
	}
	#soulsync .soulsync-subtitle {
		font-size: 2em;
	}
}
@media screen and (max-width: 560px) {
	#soulsync .soulsync-title {
		font-size: 2.6em;
	}
	#soulsync .soulsync-subtitle {
		font-size: 1.6em;
	}
}
@media screen and (max-width: 430px) {
	#soulsync .soulsync-title {
		font-size: 2.2em;
	}
	#soulsync .soulsync-subtitle {
		font-size: 1.4em;
	}
}
@media screen and (max-width: 320px) {
	#soulsync .soulsync-title {
		font-size: 1.8em;
	}
	#soulsync .soulsync-subtitle {
		font-size: 1.2em;
	}
}


/* スケジュール */
#soulsync .soulsyncSchedule {
	background: none;
	position: relative;
}
#soulsync .soulsyncSchedule:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url(../images/soulsync/2025/yoga.webp) no-repeat;
	background-size: 100%;
	background-position: center;
	width: 520px;
	height: 520px;
	z-index: -1;
}
#soulsync .soulsyncSchedule .soulsyncSchedule-box {}
#soulsync .soulsyncSchedule .soulsyncSchedule-title {
	text-align: center;
	font-family: serif;
	color: #003d8f;
	margin: 0;
}
#soulsync .soulsyncSchedule .soulsyncSchedule-title span {
	display: block;
}
#soulsync .soulsyncSchedule .soulsyncSchedule-online {
	text-align: center;
	margin-top: 18px;
}
#soulsync .soulsyncSchedule .soulsyncSchedule-online span {
	display: inline-block;
	background: #003d8f;
	color: #FFF;
	border-radius: 60px;
	padding: 6px 30px;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 1.4em;
}


/* とは */
#soulsync .soulsyncWhat {
	background: url(../images/soulsync/2025/whatBg.webp) no-repeat;
	background-size: 600px;
	background-position: left center;
	background-attachment: fixed;
}
#soulsync .soulsyncWhat .soulsyncWhat-inbox {
	text-align: center;
	font-size: 2rem;
	margin: 90px 0;
}
#soulsync .soulsyncWhat .soulsyncWhat-inbox:last-child {
	margin-bottom: 0;
}
#soulsync .soulsyncWhat .soulsyncWhat-inbox ul.soulsync-5points {
	width: 980px;
	margin: 0 auto;
	border-top: 1px solid #d7eeff;
}
#soulsync .soulsyncWhat .soulsyncWhat-inbox ul.soulsync-5points li {
	padding: 18px 0;
	border-bottom: 1px solid #d7eeff;
}
#soulsync .soulsyncWhat .soulsyncWhat-inbox ul.soulsync-5points li dl {
	display: flex;
	align-items: center;
	font-family: serif;
}
#soulsync .soulsyncWhat .soulsyncWhat-inbox ul.soulsync-5points li dl dt {
	width: 250px;
	text-align: left;
	font-size: 2.2rem;
	background: #d7eeff;
}
#soulsync .soulsyncWhat .soulsyncWhat-inbox ul.soulsync-5points li dl dd {
	width: calc(100% - 250px);
	font-size: 1.8rem;
}

/*申し込み*/
#soulsync .soulsyncEntry {
	background: url(../images/soulsync/2025/entryBg.webp) no-repeat;
	background-size: contain;
	background-position: bottom center;
}
#soulsync .soulsyncEntry p.soulsyncEntry-time {
	text-align: center;
	font-size: 2rem;
	margin: 0 0 12px;
}
#soulsync .soulsyncEntry ul.soulsyncEntry-date {
	text-align: center;
}
#soulsync .soulsyncEntry ul.soulsyncEntry-date li {
	font-size: 2.2rem;
	margin-top: 12px;
}
#soulsync .soulsyncEntry ul.soulsyncEntry-date li span {
	display: inline-block;
	padding-left: 32px;
	position: relative;
}
#soulsync .soulsyncEntry ul.soulsyncEntry-date li span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) rotate(45deg) skew(20deg, 20deg);
	background: #d7eeff;
	width: 10px;
	height: 10px;
}
#soulsync .soulsyncEntry .soulsyncEntry-info {
	background: #003d8f;
	display: flex;
    align-items: center;
	padding: 30px;
	margin-top: 30px;
}

#soulsync .soulsyncEntry .soulsyncEntry-info dl {
	width: calc(100% / 2);
	display: flex;
    align-items: center;
	color: #FFF;
	font-family: serif;
	font-size: 2.6rem;
}
#soulsync .soulsyncEntry .soulsyncEntry-info dl:first-child {
	border-right: 1px solid #FFF;
}

/* 2025 */
#soulsync.soulsync2025 .soulsyncEntry .soulsyncEntry-info dl {
	width: calc(100% / 3);
}
#soulsync.soulsync2025 .soulsyncEntry .soulsyncEntry-info dl:first-child,
#soulsync.soulsync2025 .soulsyncEntry .soulsyncEntry-info dl:nth-child(2) {
	border-right: 1px solid #FFF;
}
#soulsync .soulsyncEntry .soulsyncEntry-info dl dt {
	width: calc(100% / 2);
	text-align: center;
}
#soulsync .soulsyncEntry .soulsyncEntry-info dl dd {
	width: calc(100% / 2);
	text-align: center;
}


/*予備知識*/
#soulsync .soulsyncKnowledge {
	background: #d7eeff;
	border-top: 30px solid #FFF;
	position :relative;
}
#soulsync .soulsyncKnowledge:before {
	content: "";
	display: inline-block;
	position: absolute;
    bottom: 0;
    right: 0;
    background: url(../images/soulsync/2025/yoga-FFF.webp) no-repeat;
    background-size: 100%;
    background-position: bottom -2em right -16em;
    width: 800px;
    height: 800px;
    z-index: 2;
}
#soulsync .soulsyncKnowledge .youtube {
	margin-bottom: 0;
	position: relative;
    z-index: 3;
}

@media screen and (max-width: 1194px) {
	
	/*とは*/
	#soulsync .soulsyncWhat .soulsyncWhat-inbox ul.soulsync-5points {
		width: 100%;
	}
}
@media screen and (max-width: 834px) {
	#soulsync section {
		padding: 90px 0;
	}
	
	
	/* 申し込み */
	#soulsync.soulsync2025 .soulsyncEntry .soulsyncEntry-info dl {
		flex-direction: column;
	}
	#soulsync.soulsync2025 .soulsyncEntry .soulsyncEntry-info dl dt,
	#soulsync.soulsync2025 .soulsyncEntry .soulsyncEntry-info dl dd {
		width: 100%;
	}
	
}
@media screen and (max-width: 560px) {
	#soulsync section {
		padding: 75px 0;
	}
	
	#soulsync .soulsyncSchedule:before {
		width: 420px;
		height: 420px;
	}
	#soulsync .soulsyncSchedule .soulsyncSchedule-online span {
		font-size: 1.3em;
	}
	
	/*とは*/
	#soulsync .soulsyncWhat {
		background: none;
	}
	#soulsync .soulsyncWhat .soulsyncWhat-inbox {
		margin: 60px 0;
		font-size: 1.6rem;
	}
	#soulsync .soulsyncWhat .soulsyncWhat-inbox ul.soulsync-5points li dl {
		flex-direction: column;
	}
	#soulsync .soulsyncWhat .soulsyncWhat-inbox ul.soulsync-5points li dl dt {
		width: 100%;
		text-align: center;
	}
	#soulsync .soulsyncWhat .soulsyncWhat-inbox ul.soulsync-5points li dl dd {
		width: 100%;
		padding: 12px 0 0;
        font-size: 1.6rem;
	}
	
	/* 覚者 */
	#soulsync .soulsyncFounder-title {
		font-size: 2.4em;
	}
	
	/* 申し込み */
	#soulsync .soulsyncEntry {
		background: url(../images/soulsync/2025/entryBg_sp.webp) no-repeat;
		background-size: contain;
		background-position: bottom center;
	}
	#soulsync .soulsyncEntry .soulsyncEntry-box {
		padding-top: 60px;
		background: url(../images/soulsync/2025/entry-boxBg_sp.webp) no-repeat;
		background-size: contain;
		background-position: top center;
	}
	#soulsync .soulsyncEntry .soulsyncEntry-info {
		flex-direction: column;
		padding: 0;
		background: none;
	}
	#soulsync .soulsyncEntry .soulsyncEntry-info dl {
		width: 100%;
		font-size: 2.2rem;
		color: #003d8f;
		justify-content: center;
	}
	#soulsync .soulsyncEntry .soulsyncEntry-info dl:first-child {
		border-right: none;
	}
	#soulsync .soulsyncEntry .soulsyncEntry-info dl dt,
	#soulsync .soulsyncEntry .soulsyncEntry-info dl dd {
		width: auto;
	}
	/* 2025 */
	#soulsync.soulsync2025 .soulsyncEntry .soulsyncEntry-info dl {
		flex-direction: row;
		width: auto;
	}
	#soulsync.soulsync2025 .soulsyncEntry .soulsyncEntry-info dl dt,
	#soulsync.soulsync2025 .soulsyncEntry .soulsyncEntry-info dl dd {
		width: auto;
	}
	
	/* 予備知識 */
	#soulsync .soulsyncKnowledge:before {
        width: 660px;
        height: 660px;
    }
}
@media screen and (max-width: 430px) {
	#soulsync section {
		padding: 60px 0;
	}
	#soulsync .soulsyncSchedule:before {
		width: 380px;
		height: 380px;
	}
	#soulsync .soulsyncSchedule .soulsyncSchedule-online span {
		font-size: 1.2em;
	}

	/*とは*/
	#soulsync .soulsyncWhat .soulsyncWhat-inbox {
		font-size: 100%;
	}
	#soulsync .soulsyncWhat .soulsyncWhat-inbox ul.soulsync-5points li dl dt {
		font-size: 2rem;
	}
	#soulsync .soulsyncWhat .soulsyncWhat-inbox ul.soulsync-5points li dl dd {
		font-size: 100%;
	}
	
	/* 覚者 */
	#soulsync .soulsyncFounder-title {
		font-size: 2em;
	}

	/*申し込み*/
	#soulsync .soulsyncEntry p.soulsyncEntry-time,
	#soulsync .soulsyncEntry ul.soulsyncEntry-date li {
		font-size: 1.8rem;
	}

	/*予備知識*/
	#soulsync .soulsyncKnowledge:before {
		bottom: 0;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		background-position: center bottom -1em;
		width: 420px;
        height: 420px;
	}

	/*プリタジとは*/
	#soulsync_festival2024 .mfst_about_title {
		font-size: 1.7rem;
	}

}
@media screen and (max-width: 380px) {
	
	/*予備知識*/
	#soulsync .soulsyncKnowledge:before {
		width: 360px;
        height: 360px;
	}
}
@media screen and (max-width: 320px) {
	#soulsync section {
		padding: 45px 0;
	}
	
	#soulsync .soulsyncSchedule:before {
		width: 260px;
		height: 260px;
	}
	#soulsync .soulsyncSchedule .soulsyncSchedule-online span {
		font-size: 1.3em;
	}
	
	/* とは */
	#soulsync .soulsyncWhat .soulsyncWhat-inbox {
		margin: 45px 0;
	}
	
	/* 覚者 */
	#soulsync .soulsyncFounder-title {
		font-size: 2.2em; /* soulsync-titleと同じ */
	}
	
	/*予備知識*/
	#soulsync .soulsyncKnowledge:before {
		width: 320px;
        height: 320px;
	}
}