@charset "utf-8";


.content{
	min-width:940px;
}
#top_menu ul li:nth-child(5) p:first-child{
    color: #205167 !important;
}
.fixed{
	position:fixed !important;
}


.pc_menu {
    display: block !important;
    width: 100%;
    height: 60px;
    background: #fff;
    position: absolute;
    top: 0px;
	z-index:9999;
}



.greeting_top{
	display:block;
	width:100%;
	height:584px;
	position:relative;
	background:url(../../images/greeting/greeting_tpp.jpg) no-repeat top center;
	background-size:cover;
	margin-top:60px;
}


.greeting_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.9rem;
	top:40px;
	width:95%;
	max-width:940px;
	margin:0 auto;
}
.greeting_top p.pan a{
	font-size:0.9rem;
	display:inline-block;
	margin-right:15px;
}

.greeting_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:35%;
}


.greeting_top h2{
	display:block;
	width:200px;
	text-align:center;
	position:absolute;
	height:48px;
	line-height:48px;
	right:0;
	font-size:2.4rem;
	letter-spacing:0.8rem;
	color:#fff;
	font-weight:normal;
	z-index:2;
}

.greeting_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:22px;
	width:100%;
	bottom:-5px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}

.greeting_wrap{
	position:relative;
	background:url(../../images/greeting/bg.png) no-repeat center center;
	background-size:contain;
}

.greeting_area01{
	width:90%;
	max-width:900px;
	margin:0 auto 40px;
}

.greeting_area01 .text{
	width:610px;
	float:left;
	position:relative;
}

.greeting_area01 .text h2{
	font-size:2rem;
	line-height:4rem;
	letter-spacing:0.2rem;
	margin-bottom:20px;
	color:#000;
}
.greeting_area01 .text h3{
	font-size:1.4rem;
	line-height:4rem;
	color:#706F70;
}
.greeting_area01 .text p{
	line-height:1.8rem;
	font-size:0.9rem;
	color:#000;
}

.greeting_master_img{
	width:270px;
	float:right;
}
.img_set{
	width:270px;
	float:right;
}

.greeting_area01 .text .text_line{
	margin:20px 0;
	padding:20px 0;
	border-top:1px solid #C4C0BA;
	border-bottom:1px solid #C4C0BA;
	width:450px;
}

.name_img{
	margin-top:15px;
	margin-right:40px;
	display:block;
	width:170px;
	float:right;
}



/* PC */

@media screen and (min-width:769px){
.sp_area{display:none;}
}

@media screen and (max-width:980px){
.pc_menu {
	display:none !important;
}
.greeting_top{
	display:block;
	margin-top:0px;

}
}

/* mobile */

@media screen and (max-width:768px){

.sp_area{
	display:block;
}
.content{
	max-width:736px;
	min-width:320px;
	margin:0 auto;
}
.pc_menu{
	display:none !important;
}

.greeting_top{
	display:block;
	width:100%;
	height:404px;
	position:relative;
	background:url(../../images/greeting/greeting_tpp.png) no-repeat top center;
	background-size:cover;
	margin-top:0px;
}


.greeting_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.7rem;
	top:10px;
	width:95%;
	max-width:940px;
	margin:0 auto;
}
.greeting_top p.pan a{
	font-size:0.7rem;
	display:inline-block;
	margin-right:15px;
}

.greeting_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:25%;
}


.greeting_top h2{
	display:block;
	width:180px;
	text-align:center;
	position:absolute;
	height:48px;
	line-height:48px;
	right:2%;
	font-size:2.4rem;
	letter-spacing:0.8rem;
	color:#fff;
	font-weight:normal;
	z-index:2;
}

.greeting_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:22px;
	width:100%;
	bottom:-5px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}

.greeting_wrap{
	position:relative;
	background:url(../../images/greeting/bg.png) no-repeat center center;
	background-size:contain;
}

.greeting_area01{
	width:90%;
	max-width:900px;
	margin:0 auto 40px;
}

.greeting_area01 .text{
	width:100%;
	float:left;
	position:relative;
}

.greeting_area01 .text h2{
	font-size:2rem;
	line-height:4rem;
	letter-spacing:0.2rem;
	margin-bottom:20px;
	color:#000;
}
.greeting_area01 .text h3{
	font-size:1.4rem;
	line-height:3rem;
	color:#706F70;
	border-bottom:1px solid #8E8883;
	margin-bottom:10px;
}
.greeting_area01 .text p{
	line-height:1.8rem;
	font-size:0.9rem;
	color:#000;
}

.greeting_master_img{
	width:140px;
	float:right;
	margin-left:5px;
}
.img_set{
	width:140px;
	float:right;
	margin-left:5px;
}
.img_set2{
	width:140px;
	float:left;
	margin-right:5px;
}

.greeting_area01 .text .text_line{
	margin:20px 0;
	padding:20px 0;
	border-top:1px solid #C4C0BA;
	border-bottom:1px solid #C4C0BA;
	width:100%;
}
.greeting_area01 .text .text_line p{
	padding:0 15px;
}

.name_img{
	margin-top:15px;
	margin-right:0px;
	display:block;
	width:170px;
	float:right;
}
.cb_sp{clear:both;height:0px;border:none;line-height:0px;}



/* 																												end
----------------------------------------------------------------------------------------------------------------- */}
@media screen and (max-width:640px){
.content{
	max-width:640px;
	min-width:320px;
}


/* 																												end
----------------------------------------------------------------------------------------------------------------- */}


@media screen and (max-width:414px){
.content{
	max-width:414px;
	min-width:320px;
}

.greeting_top{
	display:block;
	width:100%;
	height:280px;
	position:relative;
	background:url(../../images/greeting/greeting_tpp.png) no-repeat top center;
	background-size:cover;
	margin-top:0px;
}



.greeting_area01 .text{
	width:100%;
	float:none;
	position:relative;
}


.greeting_area01 .text h2{
	font-size:1.3rem;
	line-height:2.8rem;
	letter-spacing:0.1rem;
	margin-bottom:20px;
	color:#000;
}
.greeting_area01 .text h3{
	font-size:1rem;
	line-height:3rem;
	color:#706F70;
	border-bottom:1px solid #8E8883;
	margin-bottom:25px;
}
.greeting_area01 .text p{
	line-height:1.8rem;
	font-size:0.8rem;
	color:#000;
}
.greeting_area01 .text p br{
	display:none;
}

.greeting_master_img{
	width:140px;
	float:right;
	margin-left:5px;
}
.img_set{
	width:140px;
	float:right;
	margin-left:5px;
}
.img_set2{
	width:140px;
	float:left;
	margin-right:5px;
}

.greeting_area01 .text .text_line{
	margin:20px 0;
	padding:20px 0;
	border-top:1px solid #C4C0BA;
	border-bottom:1px solid #C4C0BA;
	width:100%;
}
.greeting_area01 .text .text_line p{
	padding:0 15px 0 0;
}

.greeting_area01 .text .text_line p br{
	display:block;
}

.name_img{
	margin-top:15px;
	margin-right:0px;
	display:block;
	width:140px;
	float:right;
}


/* 																												end
----------------------------------------------------------------------------------------------------------------- */}


@media screen and (max-width:375px){
.content{
	max-width:375px;
	min-width:320px;
}
.greeting_area01 .text h2{
	font-size:1.2rem;
	line-height:2.8rem;
	letter-spacing:0.1rem;
	margin-bottom:20px;
	color:#000;
}

.greeting_area01 .text .text_line p{
	font-size:0.7rem;
	padding:0 15px 0 0;
}


/* 																												end
----------------------------------------------------------------------------------------------------------------- */}


@media screen and (max-width:320px){

.content{
	max-width:320px;
	min-width:320px;
}
.greeting_top{
	display:block;
	width:100%;
	height:200px;
	position:relative;
	background:url(../../images/greeting/greeting_tpp.png) no-repeat top center;
	background-size:cover;
	margin-top:0px;
}




.greeting_top h2{
	display:block;
	width:120px;
	text-align:center;
	position:absolute;
	height:28px;
	line-height:28px;
	right:2%;
	font-size:1.4rem;
	letter-spacing:0.6rem;
	color:#fff;
	font-weight:normal;
	z-index:2;
}

.greeting_area01 .text h2{
	font-size:1rem;
	line-height:2rem;
	letter-spacing:0.2rem;
	margin-bottom:20px;
	color:#000;
}
.greeting_area01 .text h3{
	font-size:1rem;
	line-height:2.6rem;
	color:#706F70;
	border-bottom:1px solid #8E8883;
	margin-bottom:10px;
}
.greeting_area01 .text p{
	line-height:1.4rem;
	font-size:0.6rem;
	color:#000;
}

.greeting_master_img{
	width:120px;
	float:right;
	margin-left:5px;
}
.img_set{
	width:120px;
	float:right;
	margin-left:5px;
}
.img_set2{
	width:120px;
	float:left;
	margin-right:5px;
}

.greeting_area01 .text .text_line{
	margin:10px 0;
	padding:10px 0;
	border-top:1px solid #C4C0BA;
	border-bottom:1px solid #C4C0BA;
	width:100%;
}
.greeting_area01 .text .text_line p{
	padding:0 5px 0 0;
}

.name_img{
	margin-top:15px;
	margin-right:0px;
	display:block;
	width:120px;
	float:right;
}

/* 																												end
---------------------------------------------------------------------------------------------------------------- */}