@charset "UTF-8";

/* CSS Document */


/*-----------------------------

　以下pageのCSS

------------------------------*/

@media screen and (max-width:767px) {
	.main-ttl__img {
		width: 75px;
		position: absolute;
		top: 100px;
		right: 1%;
	}
	.registration .main-ttl__img {
		top: 138px;
	}
	/*=============
		section
	==============*/
	.section__ttl {
		font-family: 'Noto serif JP', sans-serif;
		font-size: 2.1rem;
		color: #53480e;
		margin: 40px 0 0.1px;
		line-height: 1.3;
	}
	.section__sub-ttl {
		font-family: 'Noto serif JP', sans-serif;
		font-size: 1.6rem;
		font-weight: 600;
		margin: 11px 0 7px;
		line-height: 1.5;
	}
	.section__sub-ttl .mark{
		font-size: 1.2rem;
	}
	.section__block {
		margin: 0 0 30px;
	}
	.section__txt {
		font-size: 1.4rem;
		margin: 0 0 20px;
		font-weight: 300;
	}
	.section__txt .mark{
		font-size: 1rem;
	}
	.section__img {
		text-align: center;
		width: 70%;
		margin: 0 auto;
	}
	.main-ttl--about .main-ttl__img {
		top: 195px;
	}
	.about .movie-box {
		margin: 40px auto 40px;
	}
}

@media screen and (min-width:768px) {
	.main-ttl__inner {
		position: relative;
	}
	.main-ttl__img {
		position: absolute;
		top: 22px;
		right: -160px;
	}
	/*=============
		section
	==============*/
	.section {
		padding: 50px 0 110px;
	}
	.section__ttl {
		font-family: 'Noto serif JP', sans-serif;
		font-size: 4.2rem;
		color: #53480e;
		margin: 50px 0;
	}
	.section__sub-ttl {
		font-family: 'Noto serif JP', sans-serif;
		font-size: 2.8rem;
		margin: 0 0 30px;
	}
	.section__sub-ttl .mark{
		font-size: 1.4rem;
	}
	.section__block {
		margin: 0 0 100px;
	}
	.section__block:last-of-type {
		margin-bottom: 0;
	}
	.section__txt {
		font-size: 1.8rem;
		line-height: 2;
		letter-spacing: .01em;
		font-weight: 300;
	}
	.section__txt .mark{
		font-size: 1.2rem;
	}
	.section__txt--s {
		width: 76%;
	}
	.section__unit {
		display: flex;
		align-items: top;
	}
	.section__unit--01 {
		flex-direction: row-reverse;
	}
	.section__unit-col:nth-of-type(1) {
		margin-right: 40px;
	}
	.section__unit--01 .section__unit-col:nth-of-type(1) {
		margin-right: 0;
		margin-left: 40px;
	}
	.main-ttl--about .main-ttl__img {
		top: 200px;
		right: 11px;
		width: 330px;
	}
	.main-ttl--about .main-ttl__img img {
		max-width: 100%;
	}
	.about .movie-box {
		margin: 60px auto 90px;
	}
	.about .section__txt--s {
			width: 70%;
	}
	.about .section__block-01 {
		margin-bottom: 150px;
	}
}
@media screen and (min-width:768px) and (max-width:1250px){
	.main-ttl__img {
		position: absolute;
		top: 23px;
		right: 11px;
		width: 330px;
	}
	.main-ttl__img img {
		width:100%
	}
	.section__txt {
		font-size: 1.8rem;
	}
}