@charset "UTF-8";



/* ----------ごあいさつ---------- */

/* 全体 */

#greetings {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0 150px;
	position: relative;
}

.greetings_leftmargin {
	margin-left: 100px;
}



/* 並列 */

.greetings_left,
.greetings_right {
	display: inline-block;
	vertical-align: top;
}



/* 左側 */

.name {
	margin: 70px 0 20px;
}

.name li {
	display: inline-block;
	font-weight: bold;
}

.name img {
	width: 250px;
	margin-left: 10px;
}

.greet {
	width: 660px;
	text-align: justify;
}



.greetings_right_t {
	display: none;
}



/* 右側 */

.greetings_right {
	margin-top: -115px;
	position: absolute;
	right: 0;
}



/* ウィンドウ幅が0?479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{



/* ----------ごあいさつ---------- */

/* 全体 */

#greetings {
	width: 95%;
	margin: 0 auto;
	padding: 10vw 0 15vw;
	position: relative;
}

.greetings_leftmargin {
	margin-left: 0;
}



/* 並列 */

.greetings_left,
.greetings_right {
	display: block;
}



/* 左側 */

.name {
	margin: 9vw 0 10px;
	text-align: center;
}

.name br {
	display: none;
}

.name li {
	display: block;
}

.name img {
	width: 200px;
	margin-left: 0;
}

.greet {
	width: 100%;
	margin: 0 auto;
}



.greetings_right_t {
	display: block;
	width: 45%;
	float: left;
	margin-right: 10px;
}



/* 右側 */

.greetings_right {
	display: none;
}



}