@charset "utf-8";

body {
  word-wrap : break-word;
  overflow-wrap : break-word;
}

/* **************************************************************************************************
 0px 〜
************************************************************************************************** */
section.kv {
	width: 100%;
	height: 120vw;
	max-height: 800px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

section.kv.igawa {
	background-image: url("/sagalocalist/localist/2025/library/img/kv_igawa.jpg");
}

section.kv.kumon {
	background-image: url("/sagalocalist/localist/2025/library/img/kv_kumon.jpg");
}

section.kv.tsutsumi {
	background-image: url("/sagalocalist/localist/2025/library/img/kv_tsutsumi.jpg");
}

section.kv.hosokawa {
	background-image: url("/sagalocalist/localist/2025/library/img/kv_hosokawa.jpg");
}

section.kv .info {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 20px 0;
	line-height: 1.4;
	/*background-image: url("../img/localist_kv_info_bg.png");*/
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	color: #fff;
	text-shadow:0px 0px 8px #000;
}

section.kv .info .copy {
	font-size: 22px;
	font-weight: bold;
	font-feature-settings: "palt";
}

section.kv .info .copy .strong {
	color: #fff;
	/*color: #fdcf33;*/
}

section.kv .info .copy .strong.yellow {
	color: #c30d23;
}

section.kv .info .partition {
	width: 50px;
	height: 1px;
	background-color: #fff;
	margin: 10px 0 10px;
}

section.kv .info .job {
	font-size: 11px;
}

section.kv .info .name {
	font-size: 20px;
}

section.kv .logo {
	position: absolute;
	top: 20px;
	right: auto;
	bottom: auto;
	left: auto;
	width: 100%;
}

section.kv .logo p {
	width: 50px;
	margin-right: auto;
	margin-left: 0;
}

section.detail {
	margin-top: 30px;
}

section.detail .column_02 {
}

section.detail .column_02 .left {
	float: left;
	width: 100%;
}

section.detail .column_02 .right {
	float: right;
	width: 100%;
}

section.detail .head {
	border-left: 3px solid #c30d23;
	padding: 10px 15px;
	font-size: 18px;
	line-height: 1.6;
	font-weight: bold;
	color: #222222;
}

section.detail .text {
	margin-top: 25px;
	margin-bottom: 25px;
}

section.detail .prof {
	margin-top: 30px;
	padding: 30px 20px;
}

section.detail .prof .caption {
	color: #c30d23;
}

section.detail .prof .prof_text {
	font-size: 13px;
	margin-top: 10px;
}

section.detail .about {
	margin-top: 30px;
	padding: 30px 20px;
}

section.detail .about .caption {
	color: #c30d23;
}

section.detail .about .about_text {
	font-size: 13px;
	margin-top: 10px;
}

section.movie {
}

section.movie .inner_cont {
	max-width: 1000px;
	margin-top: 50px;
}

section.movie .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

section.movie .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

section.photo {
	margin-top: 50px;
}

section.photo .inner_cont {
	padding: 0;
}

section.localists {
	margin-top: 50px;
	padding: 30px 0 50px;
}

section.localists .panels {
	margin-top: 40px;
}

p.photo{
	margin-bottom: 50px;
}

/* **************************************************************************************************
 600px 〜
************************************************************************************************** */
@media screen and (min-width:700px) {
	section.kv .info .copy {
		font-size: 30px;
		/*font-weight: normal;*/
	}
}

/* **************************************************************************************************
 1000px 〜
************************************************************************************************** */
@media screen and (min-width:1100px) {
	section.kv {
		height: 120vw;
		max-height: 800px;
	}

	section.kv .info {
		padding: 40px 0 20px;
	}

	section.kv .info .copy {
		font-size: 40px;
		padding-right: 150px;
	}

	section.kv .info .partition {
		width: 150px;
		margin: 15px 0 20px;
	}

	section.kv .info .job {
		font-size: 16px;
	}

	section.kv .info .name {
		font-size: 28px;
	}

	section.kv .logo {
		top: auto;
		right: auto;
		bottom: 20px;
		left: auto;
	}

	section.kv .logo p {
		width: 180px;
		margin-right: 0;
		margin-left: auto;
	}

	section.detail {
		margin-top: 50px;
	}

	section.detail .column_02 .left {
		width: 65%;
	}

	section.detail .column_02 .right {
		width: 30%;
	}

	section.detail .head {
		border-left: 5px solid #c30d23;
		padding: 20px 25px;
		font-size: 30px;
	}

	section.detail .prof {
		margin-top: 0;
	}

	section.detail .info {
		margin-top: 0;
	}

	section.movie {
		margin-top: 100px;
	}

	section.photo {
		margin-top: 100px;
	}

	section.photo .inner_cont {
		padding: 0 20px;
	}

	section.localists {
		margin-top: 100px;
		padding: 40px 0 80px;
	}

	section.localists .panels {
		margin-top: 80px;
	}
}

/* **************************************************************************************************
 1280px 〜
************************************************************************************************** */
@media screen and (min-width:1280px) {
	section.kv {
		height: 120vw;
		max-height: 800px;
	}

	section.kv .info {
		padding: 40px 0 40px;
	}

	section.kv .info .copy {
		font-size: 48px;
	}

	section.kv .info .job {
		font-size: 18px;
	}

	section.kv .info .name {
		font-size: 30px;
	}

	section.kv .logo {
		bottom: 40px;
	}
}

/* **************************************************************************************************
 common
************************************************************************************************** */

body .set-center {
  text-align: center !important;
}

body .set-left {
  text-align: left !important;
}

body .set-right {
  text-align: right !important;
}

body .m-top50 {
  margin-top: 50px !important;
}

body .m-top0 {
  margin-top: 0px !important;
}

body .m-auto {
  margin-left: auto;
  margin-right: auto;
}

body .p-top0 {
  padding-top: 0px !important;
}