@charset "utf-8";
/* observation css */

/*-------------------------------------------------
ページタイトル
-------------------------------------------------*/

#page_observation .page_titlebox::before {
content: "OBSERVATION";
}


/*-------------------------------------------------
intro
-------------------------------------------------*/

.intro_txt {
font-size: 1.5rem;
line-height: 200%;
letter-spacing: 0.2em;
display: block;
text-align: center;
margin-bottom: 50px;
}

@media all and (max-width : 767px ){
.intro_txt {
font-size: 1.2rem;
line-height: 180%;
letter-spacing: 0.1em;
margin-bottom: 30px;
}
}


/*-------------------------------------------------
コンテンツ
-------------------------------------------------*/

.block_ttl {
font-family: "Noto Serif JP", serif;
font-weight: 400;
font-size: 2.0rem;
letter-spacing: 0.3em;
display: block;
text-align: center;
margin-bottom: 30px;
}
.read_box {
width: 100%;
font-family: "Noto Serif JP", serif;
padding: 40px 20px;
border: solid 1px #8E7742;
margin-bottom: 60px;
display: flex;
flex-direction: column;
align-items: center;
}
.block_subtitle {
font-size: 2.2rem;
font-weight: 500;
color: #B29458;
letter-spacing: 0.4em;
}
.block_txtbox {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 30px;
letter-spacing: 0.2em;
}
.block_txtbox dt {
font-size: 1.6rem;
margin-bottom: 10px;
}
.block_txtbox dt span {
font-size: 1.4rem;
}
.block_txtbox dt a {
text-decoration: underline;
}
.block_txtbox dt a:hover {
text-decoration: none;
}
.block_txtbox dd {
font-size: 1.4rem;
}

@media all and (max-width : 767px ){
.block_ttl {

font-size: 1.6rem;
letter-spacing: 0.2em;
margin-bottom: 20px;
}
.read_box {
padding: 20px 10px;
margin-bottom: 30px;
}
.block_subtitle {
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 0.2em;
}
.block_txtbox {
margin-top: 15px;
letter-spacing: 0.1em;
}
.block_txtbox dt {
font-size: 1.3rem;
text-align: center;
margin-bottom: 10px;
}
.block_txtbox dt span {
font-size: 1.2rem;
}
.block_txtbox dd {
font-size: 1.2rem;
text-align: center;
}
}