@charset "UTF-8";



/*********** 共通 *************/


main h2 {
	text-shadow: 0 0 20px #000,0 0 20px #000,0 0 20px #000,0 0 20px #000;
	position: absolute;
	top: 8%;
	left: 50%;
    transform: translate(-50%,0);
}

.headline h3 p:last-child {
	margin-top: 2.4em;
}

.sakura_r-area {
	padding-bottom: 200px;
}

/*********** ↑共通 *************/




.headline-pc {
	position: absolute;
	top: 15%;
	left: 50%;
    transform: translate(-50%,0);
	background: rgba(255,255,255,0.9);
}

.headline-pc .headline-wrap {
	padding: 40px 70px;
	margin-top: 0;
}

.headline-wrap.pc {
	padding-bottom: 200px;
	margin-top: 0;
}

.headline-wrap.pc .sakura {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30%;
	z-index: 5;
}




.kamikita_01-wrap.wide-r {
	display: grid;
	grid-template-columns: 33.67% 59%;
	grid-template-rows: 1fr auto;
	justify-content: space-between;
}

.kamikita_01-wrap.wide-r > li:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	align-self: flex-end;
	padding-bottom: 80px;
}

.kamikita_01-wrap.wide-r > li:nth-child(2) {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	width: calc((100vw - 1280px)/2 + (1280px * 0.59) - 7px );
	margin-bottom: 17px;
}

.kamikita_01-wrap.wide-r > li:nth-child(3) {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	align-self: flex-end;
	margin-top: 40px;
}


.kamikita_02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.kamikita_02 li:nth-child(n+2) {
	width: 49.38%;
	margin-top: 12px;
}

.kamikita_03-wrap.wide-l {
	display: grid;
	grid-template-columns: 59% 33.67%;
	grid-template-rows: auto auto;
	justify-content: space-between;
	margin-top: 160px;
}

.kamikita_03-wrap.wide-l > li:nth-child(1) {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

.kamikita_03-wrap.wide-l > li:nth-child(2) {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	width: calc((100vw - 1280px)/2 + (1280px * 0.59) - 7px );
	margin-left: calc((1280px - 100vw)/2 + 7px);
}

.kamikita_03-wrap.wide-l > li:nth-child(3) {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	align-self: flex-end;
}

@media only screen and (max-width: 1340px){
.kamikita_03-wrap.wide-l > li:nth-child(2) {
	width: calc(100% + 20px);
	margin-left: -20px;
}
}




/*********** topics *************/

.topics-bg {
	background-image: url("../../kamikitazawa/images/topics_bg.jpg");
	background-position: center top;
	background-size: cover;
	padding: 120px 0;
}

.topics_01-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.topics_01-wrap li:nth-child(1) {
	width: 30.78%;
	order: 3;
}

.topics_01-wrap li:nth-child(2) {
	width: 25.31%;
	order: 2;
}

.topics_01-wrap li:nth-child(3) {
	width: 43.91%;
	order: 1;
}

.topics_01-wrap .ttl {
	display: flex;
	justify-content: center;
}

.topics_01-wrap .ttl > div {
	writing-mode: vertical-rl;
	text-orientation: upright;
	color: #fff;
	font-size: 5.5rem;
	line-height: 1.0;
	letter-spacing: 0.12em;
}

.topics_01-wrap .ttl > div p {
	margin-left: 25px;
}

.topics_01-wrap .ttl > div p:last-child {
	margin-left: 0;
}

.topics_01-wrap .txt {
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255,255,255,0.8);
	padding: 10px;
}

.topics_01-wrap .txt > div {
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: 1.6rem;
	line-height: 2.2;
	letter-spacing: 0.12em;
	white-space: nowrap;
}

.topics_01-wrap .photo {
	background: rgba(255,255,255,0.8);
}

.topics_01-wrap .photo .cap-cover {
	bottom: -1.5em;
}

.sakura-t_right {
	position: relative;
	top: -100px;
	left: 75%;
	width: 25%;
	z-index: 5;
}

/*********** ↑topics *************/




.kamikita_04-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -100px;
}

.kamikita_04-wrap li:nth-child(1) {
	width: 33.59%;
}

.kamikita_04-wrap li:nth-child(2) {
	width: 66.41%;
}


.kamikita_04-wrap .txt {
	letter-spacing: 0.1em;
}

@media only screen and (max-width: 1320px){
.kamikita_04-wrap .txt {letter-spacing: 0;}
}

@media only screen and (max-width: 1200px){
.kamikita_04-wrap .txt br {	display: none;}
}


.interview-bg {
	position: relative;
	background-image: url("../../kamikitazawa/images/interview_bg.jpg");
	background-position: center top;
	background-repeat: repeat;
	background-size: 3200px auto;
	padding: 120px 0;
	margin-top: -200px;
	z-index: -5;
}

.bnr_interview-wrap {
	width: 90%;
	margin: 0 auto;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
	margin-top: 200px;
}