@charset "utf-8";
/* CSS Document */
/*タイトル部分
--------------------------*/

a:active {
	color:#06C;
}
a:hover	{
	color:#F39;
}
.letter_hd	{
	width:100%;
	padding-top:250px;
	background-image:url(../header_img/hd_bg_15.webp);
	background-size:contain;
	background-attachment:fixed;
}

.letter_content	{
	width:100%;
	height:auto;
	margin:0 auto;
}

.letter_info	{
	width:100%;
	margin:0 auto;
	height:auto;
	padding:2.0em;
}
.letter_title_hd	{
	font-family:'Noto Serif JP', serif;
	font-size:20px;
	width:100%;
	text-align:left;
	padding:0.8em 0 0.8em;
	background-color:#996;
	color:#FFF;
	text-align:center;
	margin:0 auto;
}
.letter_text{
	width:100%;
	max-width:700px;
	text-align:left;
	margin:20px auto;
	color:#2D0000;
	font-family:'Noto Serif JP', serif;
	font-size:20px;
	color:#333;
}

.letter_box {
	width:100%;
	max-width:900px;
	display: flex;
  	justify-content: center;
	flex-wrap:wrap;
	padding:0.5em;
	margin:15px auto;
}
.letter_box_title {
	width:100%;
	max-width:900px;
	margin:0 auto;
	padding:1.0em;
	background-color:#CCCCCC;
	border-radius:5px;
}

.letter_items {
	width:100%;
	max-width:190px;
	margin:0.5em;
	padding:10px;
	background-color:#FFC;
}
.ob_line {
	width:100%;
	padding:20px;
	background-color:#FFE0C1;
}

.color_y {
	background-color:#FFD2FF;
}
.color_b {
	background-color:#FFFFB3;
}




.sns_rogo	{
	width:100%;
	max-width:300px;
	display:flex;
	justify-content: space-between;
	margin:0 auto;
	padding:2.0em;
}

.sns_rogo_item	{
	width:70px;
	padding:0.5em;
}
.staff_sh {
	widows:100%;
	max-width:900px;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	margin:0 auto;
}
.staff_sh img	{
	width:100%;
}
.staff_sh_co {
	width:100%;
	max-width:130px;
	padding:5px;
	margin:10px;
	text-align:center;
	border:#6F9 1px solid;
	font-size:13px;
}

@media screen and (max-width: 1100px) {
.letter_hd	{
	padding-top:80px;
	}
.letter_info	{
	font-size:14px;
}

}

@media screen and (max-width: 750px) {
.letter_box {
	font-size:14px;
	flex-direction: column;
}




}

@media screen and (max-width: 480px) {
/* --リノベーション---*/
.onestop_nav {
	display:none;
}

	
}