@media screen and (max-width:1300px) {
		header {
		align-items: flex-start;
	}
	.logo {

	}
	.logo a {
	
	}
}
@media screen and (max-width:1200px) {
	.catch p {
	background: rgba(255,255,255,.4);
	width: fit-content;
	padding: .4em;
	}
	.main_visual h2 {
		background: rgba(255,255,255,.4);
		padding: .6em .4em;
	}
	.catch p.braisetto {
		background: none;
		color: white;
		text-align: right;
	}
}
@media screen and (max-width:768px) {
	.inner {
		max-width: calc(100% - 8.44%);
	}
	header {
		padding-top: .4rem;
		padding-bottom: .4rem;
		height: 80px;
	}
	header.active {
		height: 70px;
	}

	header.active .logo {
		font-size: 30px;
	}
	.menu {
		right: 5.72%;
	}
	h1 {
		font-size: .9rem;
	}
	.fixed_left {
		display: none;
	}
	.sub_ttl {
		margin-bottom: 4rem;
	}
	section.main_visual {
		height: calc(100vh - 80px);
		margin-top: 80px;
	}
	.main_bg {
		background-position: left center;
	}
	.catch p {
		
	}
	.main_visual h2 {
		font-size: 1.8rem;
	}

	.photo {
		width: 90%;
		margin-bottom: 3em;
	}
	.txt {
		width: 95%;
		margin: auto;
		padding: 0;
	}
	.concept {
		padding-left: 0;
		padding-right: 0;
		margin-top: -50vh;
	}
	.illust_area::before {
		width: 110%;
		margin-left: -5%;
		margin-bottom: 3em;
		max-width: none;	
		height: calc(100vh - 70px);
		background-size: cover;
		max-height: inherit;
		background-position: center;
		
	}
	.descripttion, .contents .txt, .management .txt {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.management .flex {
		justify-content: flex-end;
	}
	.member ul {
		margin-bottom: 0;
	}
	.member li {
		padding-top: 2em;
		padding-bottom: 2em;
		margin-bottom: 2em;
	}
	.member .photo {
		width: 70%;
		text-align: left;
		margin-bottom: 2em;
	}
	.member .txt {
		width: 100%;
		padding: 2% 4%;
	}
	.member::after {
		margin-top: 0;
	}
	footer .logo {
		width: 100px;
	}
	.footer_link {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.slick-prev::after, .slick-next::after {
		bottom: 6px;
	}
	/*メディア*/
	.slick-dotted.slick-slider.media_list {
		margin-top: 0;
		margin-bottom: 80px;
	}
	.eyecatch {
		width: 34%;
	}
	.media_list .txt_area {
		width: 66%;
		padding-left: 4%;
		box-sizing: border-box;
	}
	.media_ttl {
		padding: 0;
	}
	.media .slick-prev, .media .slick-next {
		left: 0;
		right: 0;
		margin: auto;
	}
	.media .slick-prev {
		top: auto;
		bottom: -74px;
		left: 0;
	}
	.media .slick-next {
		bottom: -74px;
		left: 64px;
	}
	.pattern_area .slick-prev {
		left: 0;
	}
	.pattern_area .slick-next {
		right: 0;
	}
	.pattern_list dt::after {
		width: 53px;
		height: 56px;
	}
}


@media screen and (max-width:768px) {
	.catch {
		bottom: 0;
	}
}