@charset "utf-8";

#greetings_area {
	position: relative;
	display: block;
	color: #333;
	margin: 0 0 23.75vw;
}

#greetings_area .greet_inner {
	position: relative;
	width: 100%;
	padding: 0 5vw;
	margin: 0 auto;
	z-index: 10;
}
#greetings_area .onf_sp {
}
#greetings_area .onf_pc {
	display: none;
}

/*====================
head
====================*/
#greetings_area .head {
	overflow: hidden;
	background: #f6f6f6;
}
#greetings_area .head .flex {
	overflow: hidden;
}
/*Entry
====================*/
#greetings_area .head .entry {
	width: 100%;
	padding: 21.40625vw 0 8vw;
}
/*タイトル*/
#greetings_area .head .entry .title {
	width: 100%;
	margin: 0 0 8.125vw;
	font-size: 15vw;
	font-weight: 800;
	line-height: 1;
	text-align: center;
}
#greetings_area .head .entry .title span {
	display: block;
	padding: 2.8125vw 0 0;
	font-size: 3.75vw;
	font-weight: 600;
	text-align: center;
}
/*文章*/
#greetings_area .head .entry .txt {
	width: 60%;
	font-size: 2.5vw;
	font-weight: 700;
	line-height: 2;
	margin: 0 0 0.46875vw auto;
}
/*サイン*/
#greetings_area .head .entry .sign {
	font-size: 2.1875vw;
	font-weight: 500;
	text-align: right;
}
#greetings_area .head .entry .sign img {
	width: 10.9375vw;
	height: 5vw;
	margin: 0 0 -0.15625vw;
}

/*写真1
====================*/
#greetings_area .head .img_box {
	position: absolute;
	bottom: 0;
	left: -3vw;
	width: 53.28125vw;
	height: auto;
}

/*====================
Section共通
====================*/
#greetings_area .cont {
	position: relative;
}

/*文字部分
====================*/
#greetings_area .cont .entry {
	width: 100%;
}
/*見出し*/
#greetings_area .cont .heading {
	font-size: 7.5vw;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
}
/*ライン*/
#greetings_area .deco_line {
	display: block;
	width: 13.75vw;
	height: 0.9375vw;
	margin: 6.25vw 0 6.25vw;
}
/*内容*/
#greetings_area .cont .txt {
	font-size: 2.5;
	font-weight: 400;
	line-height: 2;
	margin: 0;
}
/*画像
====================*/
#greetings_area .cont .greet_img {
	width: 85vw;
	height: 52.5vw;
	overflow: hidden;
}
#greetings_area .cont .greet_img img {
	width: 100vw;
	max-width: 100vw;
	height: auto;
}

/*section1
====================*/
#greetings_area .section1 {
	padding: 17.03125vw 0 0;
	margin: 0 0 16.875vw;
}

/*section2
====================*/
#greetings_area .section2 {
	position: relative;
	padding: 11.25vw 0 15.938vw;
	margin: 0 0 10vw;
	background: #f8f8f8;
}
#greetings_area .section2 .greet_inner {
}
#greetings_area .section2 .greet_img {
	margin: 5vw 0 0;
}

/*section3
====================*/
#greetings_area .section3 .greet_inner {
}
#greetings_area .section3 .entry {
	margin: 0 0 4.6875vw;
}
#greetings_area .section3 .heading {
	line-height: 1.3;
}
#greetings_area .section3 .greet_img {
	margin: 5vw 0 0 5vw;
}

/*ここまで====================*/

/*====================
End SP
====================*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/*====================
Start Tablet
====================*/
@media only screen and (min-width: 641px) and (max-width: 1279px) {
	/*ここから====================*/
	#greetings_area {
		position: relative;
		margin: 0 0 11.875vw;
	}
	#greetings_area .greet_inner {
		position: relative;
		width: 100%;
		padding: 0 5vw;
		margin: 0 auto;
		z-index: 10;
	}
	#greetings_area .onf_sp {
		display: none;
	}
	#greetings_area .onf_pc {
		display: block;
	}

	/*====================
	head
	====================*/
	#greetings_area .head {
		height: 45vw;
		overflow: hidden;
		background: #f6f6f6;
	}
	#greetings_area .head .flex {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		justify-content: space-between;
		height: 100%;
	}
	/*Entry
	====================*/
	#greetings_area .head .entry {
		width: 61vw;
		padding: 10.703125vw 1vw 0 0;
	}
	/*タイトル*/
	#greetings_area .head .entry .title {
		width: fit-content;
		margin: 0 0 4.0625vw;
		font-size: 7.5vw;
		font-weight: 800;
		line-height: 1;
	}
	#greetings_area .head .entry .title span {
		display: block;
		padding: 1.40625vw 0 0;
		font-size: 1.875vw;
		font-weight: 600;
		text-align: center;
	}
	/*文章*/
	#greetings_area .head .entry .txt {
		width: 100%;
		font-size: 1.25vw;
		font-weight: 700;
		line-height: 2;
		margin: 0 0 0.625vw;
	}
	/*サイン*/
	#greetings_area .head .entry .sign {
		font-size: 1.09375vw;
		font-weight: 500;
		text-align: right;
	}
	#greetings_area .head .entry .sign img {
		width: 5.46875vw;
		height: 2.5vw;
		margin: 0 0 -0.078125vw;
	}

	/*写真1
	====================*/
	#greetings_area .head .img_box {
		position: static;
		display: flex;
		align-items: end;
		width: 26vw;
		height: 100%;
		margin: 0 0 0 -0.625vw;
		vertical-align: bottom;
	}

	/*====================
	Section共通
	====================*/
	#greetings_area .cont {
		position: relative;
	}

	/*文字部分
	====================*/
	#greetings_area .cont .entry {
		width: 57vw;
	}
	/*見出し*/
	#greetings_area .cont .heading {
		font-size: 3.75vw;
		font-weight: 700;
		line-height: 1;
		margin: 0;
	}
	/*ライン*/
	#greetings_area .deco_line {
		display: block;
		width: 6.875vw;
		height: 0.3125vw;
		margin: 3.125vw 0 3.125vw;
	}
	/*内容*/
	#greetings_area .cont .txt {
		font-size: 1.25vw;
		font-weight: 400;
		line-height: 2;
		margin: 0;
	}
	/*画像
	====================*/
	#greetings_area .cont .greet_img {
		width: 23.4375vw;
		height: 30.546875vw;
		overflow: hidden;
	}
	#greetings_area .cont .greet_img img {
		width: 26.5vw;
		max-width: 26.5vw;
		height: auto;
	}

	/*section1
	====================*/
	#greetings_area .section1 {
		padding: 8.515625vw 0 0;
		margin: 0 0 8.4375vw;
	}

	/*section2
	====================*/
	#greetings_area .section2 {
		position: relative;
		padding: 5.625vw 0 7.969vw;
		margin: 0 0 5vw;
		background: #f8f8f8;
	}
	#greetings_area .section2 .greet_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	#greetings_area .section2 .greet_img {
		margin: -9.141vw 3.125vw 0 auto;
	}

	/*section3
	====================*/
	#greetings_area .section3 .greet_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: row-reverse;
	}
	#greetings_area .section3 .entry {
		margin: 0 0 2.344vw;
	}
	#greetings_area .section3 .heading {
		line-height: 1.3;
	}
	#greetings_area .section3 .greet_img {
		margin: -8.203vw auto 0 0;
	}

	/*ここまで====================*/
}

/*====================
End Tablet
====================*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/*====================
Start PC
====================*/
@media only screen and (min-width: 1280px) {
	/*ここから====================*/
	.tracer {
		display: none;
		position: absolute;
		top: -111px;
		width: 100%;
		height: 6000px;
		background: url(../img/greetings/trace_greeting.jpg) top center no-repeat;
		opacity: 0;
		opacity: 0.5;
		z-index: 10;
	}

	#greetings_area {
		position: relative;
		margin: 0 0 152px;
	}
	#greetings_area .greet_inner {
		position: relative;
		width: 100%;
		max-width: 1280px;
		padding: 0;
		margin: 0 auto;
		z-index: 10;
	}
	#greetings_area .onf_sp {
		display: none;
	}
	#greetings_area .onf_pc {
		display: block;
	}

	/*====================
	head
	====================*/
	#greetings_area .head {
		height: 576px;
		overflow: hidden;
		background: #f6f6f6;
	}
	#greetings_area .head .flex {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		justify-content: space-between;
		height: 100%;
		overflow: visible;
	}
	/*Entry
	====================*/
	#greetings_area .head .entry {
		width: 879px;
		padding: 137px 65px 0 0;
	}
	/*タイトル*/
	#greetings_area .head .entry .title {
		width: fit-content;
		margin: 0 0 52px;
		font-size: 96px;
		font-weight: 800;
		line-height: 1;
	}
	#greetings_area .head .entry .title span {
		display: block;
		padding: 18px 0 0;
		font-size: 24px;
		font-weight: 600;
		text-align: center;
	}
	/*文章*/
	#greetings_area .head .entry .txt {
		width: 100%;
		font-size: 16px;
		font-weight: 700;
		line-height: 2;
		margin: 0 0 3px;
	}
	/*サイン*/
	#greetings_area .head .entry .sign {
		font-size: 14px;
		font-weight: 500;
		text-align: right;
	}
	#greetings_area .head .entry .sign img {
		width: 70px;
		height: 32px;
		margin: 0 0 -1px;
	}

	/*写真1
	====================*/
	#greetings_area .head .img_box {
		position: static;
		display: flex;
		align-items: end;
		width: 341px;
		height: 100%;
		margin: 0 0 0 -8px;
		vertical-align: bottom;
	}

	/*====================
	Section共通
	====================*/
	#greetings_area .cont {
		position: relative;
	}

	/*文字部分
	====================*/
	#greetings_area .cont .entry {
		width: 800px;
	}
	/*見出し*/
	#greetings_area .cont .heading {
		font-size: 48px;
		font-weight: 700;
		line-height: 1;
		margin: 0;
	}
	/*ライン*/
	#greetings_area .deco_line {
		display: block;
		width: 88px;
		height: 4px;
		margin: 40px 0 40px;
	}
	/*内容*/
	#greetings_area .cont .txt {
		font-size: 16px;
		font-weight: 400;
		line-height: 2;
		margin: 0;
	}
	/*画像
	====================*/
	#greetings_area .cont .greet_img {
		width: 344px;
		height: 448px;
		overflow: hidden;
	}
	#greetings_area .cont .greet_img img {
		width: 384px;
		max-width: 384px;
		height: auto;
	}

	/*section1
	====================*/
	#greetings_area .section1 {
		padding: 109px 0 0;
		margin: 0 0 108px;
	}

	/*section2
	====================*/
	#greetings_area .section2 {
		position: relative;
		padding: 72px 0 102px;
		margin: 0 0 64px;
		background: #f8f8f8;
	}
	#greetings_area .section2 .greet_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	#greetings_area .section2 .greet_img {
		margin: -117px 40px 0 auto;
	}

	/*section3
	====================*/
	#greetings_area .section3 .greet_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: row-reverse;
	}
	#greetings_area .section3 .entry {
		margin: 0 0 30px;
	}
	#greetings_area .section3 .heading {
		line-height: 1.3;
	}
	#greetings_area .section3 .greet_img {
		margin: -105px auto 0 0;
	}

	/*ここまで====================*/
}

/*END media*/