@charset "UTF-8";


/* ▼1280px以下の場合に適用（ipad以下）
---------------------------------------------------------------------- */
@media only screen and (max-width: 1280px) {

	.Main_Cont {
		width: 90%;
		margin: 0 auto;
	}

	#Profile .Cont {
		width: 90%;
		background: #fff;
		opacity: 0.9;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 40px;
	}

	#Profile .Photo {
		width: 310px;
		position: absolute;
		right: 120px;
		bottom: 130px;
		z-index: 100;
	}

}

/* ▼810px以上の場合に適用
--------------------------------------------------------------------- */
@media only screen and (min-width: 811px) {

	.Sp_Cont {
		display: none;
	}

}

/* ▼810px以下の場合に適用（ipad以下）
---------------------------------------------------------------------- */
@media only screen and (max-width: 820px) {

	.Sp_Cont {
		display: none;
	}

	#row {
		width: 100%;
		border-left: none;
		border-right: none;
	}

	.Main_Cont {
		width: 90%;
		margin: 0 auto;
	}

	.Sp_None {
		display: none;
	}

	.contL {
		width: 100%;
		background: #f2f2f2;
		padding: 20px 10px;
	}

	.signature {
		float: right;
		width: 120px;
	}

	#Policy {
		margin-top: 40px;
	}

	/*---見出し---*/
	h3 {
		color: #006881;
		font-size: 26px;
	}

	/* ヘッダー */
	h1 {
		width: calc(100% - 2rem);
	}

	.nav {
		width: 2rem;
	}

	/*---見出し・下線（中央）---*/
	.Txt_Line_bottom_Center {
		font-size: 36px;
		font-weight: 700;
		color: #006881;
		position: relative;
		display: inline-block;
		letter-spacing: 0.1em;
		line-height: 0.6em;
	}

	.Txt_Line_bottom_Center .sub_tit {
		font-size: 14px;
		font-weight: 400;
		color: #006881;
		letter-spacing: 0;
	}

	#Profile {
		height: auto;
		width: 100%;
		background: url(../img/profile.jpg) no-repeat left top;
		background-size: cover;
		margin: 0;
		padding: 20px;
	}

	#Profile .Cont {
		width: 100%;
		background: #fff;
		opacity: 0.9;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 20px 10px;
	}

	#Thanks {
		padding: 40px 0 60px;
	}

	#Sp_Footer {
		height: auto;
		width: 100%;
		color: #fff;
		background-color: #006881;
		padding: 20px 10px;
	}

	/*---ページの先頭へ---*/
	#back-top a {
		display: none;
	}

	/* !Fonts -------------------------------------------------------------- */
	.fwB {
		font-weight: 700;
	}

	.fz24 {
		font-size: 24px;
	}

	.lh1 {
		line-height: 1.4em;
	}

	/* !Margin ------------------------------------------------------------------ */
	.mt10 {
		margin-top: 10px !important;
	}

	.mt20 {
		margin-top: 20px !important;
	}

	.mt40 {
		margin-top: 20px !important;
	}

	.mt80 {
		margin-top: 40px !important;
	}

	.mt100 {
		margin-top: 40px !important;
	}

	.ml40 {
		margin-left: 0px !important;
	}

	/* !Width ------------------------------------------------------------------- */
	.w30per {
		width: 16% !important;
	}

	/* !Inline Align ------------------------------------------------------------ */
	.taC {
		text-align: center !important;
	}

	.taC_spL {
		text-align: left !important;
	}

	.taR {
		text-align: right !important;
	}

	.ImgC {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	/* !Floats ------------------------------------------------------------------ */
	.flL {
		display: inline;
		float: left;
	}

	.flR {
		display: inline;
		float: right;
	}

	/* メッセージ改修 */
	#Photo {
		position: relative;
		height: auto;
		width: 100%;
		background: url(../img/main.jpg) no-repeat right top;
		background-size: cover;
		margin: 0;
		padding-top: 77.91%;
	}

	#Message {
		position: relative;
		top: auto;
		height: auto;
		width: 94%;
		max-width: 960px;
		margin: -16% auto auto;
		display: block;
	}

	.message_left {
		width: 100%;
		padding-right: 0;
		overflow: hidden;
	}

	.message_right {
		margin: 30px auto 0;
	}

	.fb-page {
		width: 300px;
		min-height: 360px;
	}

	h3 {
		font-size: 1.8rem;
		text-align: center;
	}

	#Policy {
		margin-top: 80px;
	}

	/* 政策について詳しく */
	.policy_detail {
		display: block;
	}

	.policy_detail li {
		width: 88%;
		margin: 0 auto 20px;
		background: #f2f2f2;
		box-shadow: 2px 2px 0px 0px #0d657d;
	}

	/* 活動報告 */
	.report_list li {
		width: 49%;
	}

}