@charset "utf-8";
.pita_section {
		background: #fff;
}
.pita_about_flex {
		max-width: 850px;
		margin: 0 auto 280px;
		padding: 0 30px 280px;
		display: flex;
		align-items: center;
		position: relative;
}
.pita_about_left {
		width: 405px;
		margin-right: 65px;
		position: relative;
		top: 150px;
}
.pita_about_left .mark_sikkari115 {
		position: absolute;
		top: -68px;
		left: -20px;
}
.mark_sikkari115 img {
		width: 130px;
		height: 130px;
		border: 1px solid #000;
		border-radius: 50%;
}
.pita_about_left .thumb img {
		width: 100%;
		height: auto
}
.pita_about_right {
		flex: 1
}
.pita_about_right .section_lead {
		margin-bottom: 30px;
}
.pita_about_flex .pita_about_sub {
		position: absolute;
		bottom: 0;
		left: 500px;
		width: 270px;
}
.pita_about_sub img {
		width: 100%;
		height: auto;
}
@media(max-width: 960px) {
		.pita_about_flex {
				padding-left: 60px;
				padding-bottom: 250px;
				margin-bottom: 100px;
		}
		.pita_about_left {
				width: 350px;
				margin-right: 40px;
		}
		.pita_about_flex .pita_about_sub {
				left: 450px;
				width: 240px;
		}
}
@media(max-width: 767px) {
		.pita_about_flex {
				display: flex;
				flex-direction: column-reverse;
				align-items: flex-start;
				padding: 0 6vw;
		}
		.pita_about_right {
				margin: 0 0 40px;
		}
		.pita_about_right .section_lead {
				margin-bottom: 15px;
		}
		.pita_about_left {
				width: 75%;
				padding: 0;
				margin: 0 auto 40px;
				top: inherit;
		}
		.pita_about_left .mark_sikkari115 {
				position: absolute;
				top: -15px;
				left: -20px;
				width: 85px;
				height: 85px;
		}
		.mark_sikkari115 img {
				width: 85px;
				height: 85px;
		}
		.pita_about_flex .pita_about_sub {
				position: static;
				width: 75%;
				margin: 0 auto;
		}
}
/* ========== */
.rakupita_photo_wrap {
		max-width: 840px;
		margin: 0 auto 130px;
}
.rakupita_photo {
		width: 840px;
		position: relative;
		left: -175px
}
.rakupita_photo img {
		width: 100%;
		height: auto;
}
.magnet_flex {
		max-width: 860px;
		margin: 0 auto;
		padding: 0 30px;
		display: flex;
		align-items: center;
}
.magnet_caption {
		flex: 1
}
.magnet_caption {
		line-height: 2.2;
}
.magnet_figure {
		width: 320px;
		margin-left: 55px;
}
.magnet_figure img {
		width: 100%;
		height: auto;
}
@media(max-width: 767px) {
		.rakupita_photo_wrap {
				display: none
		}
		.magnet_flex {
				padding: 0 6vw;
				display: block;
		}
		.magnet_caption {
				margin: 0 0 50px;
		}
		.magnet_figure {
				width: 75%;
				margin: 0 auto;
		}
}