<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

.scenery{
overflow:hidden;
} .flex01 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
}
@media screen and (max-width: 767px) {
.flex01 {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.flex02 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: stretch;
align-items: stretch;
}
.flex03 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: stretch;
align-items: stretch;
}
@media screen and (max-width: 767px) {
.flex03{
-webkit-justify-content: space-between;
justify-content: space-between;
}
} .underline{
background: linear-gradient(transparent 70%, #ffe0c2 70%);
} .ellipsis {
position: relative;
overflow: hidden;
line-height: 20px;
height:3.8rem;
}
.ellipsis:before, .ellipsis:after {
position: absolute;
background: #fff;
}
.ellipsis:before {
content: "･･･";
bottom: 0;
right: 0;
padding:0 3px;
}
.ellipsis:after {
content: "";
width: 100%;
height: 100%;
}
.line_2{
height:10rem;
}
.line_3{
height:8rem;
}  .sec_ttl {
margin: 60px auto;
} .headline{
max-width: 800px;
margin:40px auto 70px;
text-align: center;
line-height: 1.8;
background:#FEF7EF;
padding:20px 0;
position: relative;
}
.headline:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -12px;
border: 12px solid transparent;
border-top: 25px solid #FEF7EF;
}
@media screen and (max-width: 767px) {
.headline{
max-width: 96%;
}
} .cat_tag{
max-width:1140px;
margin:0 auto 40px;
padding:0 25px;
}
.diaplay_all a i{
padding-left:10px;
}
.diaplay_all a{
display:block;
width:170px;
margin:0 0 0 auto;
text-align: center;
padding:10px;
background-color: #959595;
border:1px solid #959595;
color:#FFF;
transition:.5s all;
}
.diaplay_all a:hover{
background:#fff;
color:#959595;
} .list_ttl{
max-width: 1140px;
margin:0 auto 40px;
text-align: center;
font-size: 24px;
letter-spacing: 0.2em;  
color:#464646;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.list_ttl{
max-width: 96%;
margin:0 auto 50px;
}
} .voice_contents_wrap{
max-width:1140px;
width:100%;
margin:0 auto;
padding:0 25px;
display : flex;
flex-wrap : wrap;
justify-content:space-between;
}
.voice_contents_wrap::after{
content:"";
display: block;
width:30%;
}
@media screen and (max-width: 767px) {
.voice_contents_wrap{
padding:0 2.5%;
}
.voice_contents_wrap::after{
width:48%;
}
} @media screen and (min-width: 768px) {
.voice_contents_wrap .voice_contents:nth-child(3n){
margin:0 0 50px 0;
}
}
.voice_contents{
max-width: 240px;
width:25%;
margin-bottom: 30px;
}
.voice_contents_inner{
flex-direction: column;
}
.voice_contents_inner .left_item{
width:100%;
position:relative;
margin:0 auto 15px;
}
.voice_contents_inner .left_item .new{
position:absolute;
top:-8px;
left:0;
}
.left_item_inner{
height:0;
width:100%;
padding-bottom:66.56%;
position:relative;
}
.left_img img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%;
} @media screen and (min-width: 768px) {
.voice_contents a:hover .left_img img{
opacity:.7;
transition: .2s ease-in-out;
}
}
@media screen and (max-width: 767px) {
.voice_contents{
max-width: 96%;
width:48%;
padding:0 0 30px;
}
.voice_contents_inner .left_item{
width:100%;
text-align: center;
}
.left_item_inner{
height:0;
width:100%;
padding-bottom:60%;
position:relative;
}
.voice_contents_inner .left_item .new{ }
} .voice_contents_inner .right{
font-weight: 500; 
}
.contents_txt .ttl_cat{
font-size: 1.6rem;
font-weight:bold;
margin-bottom: 20px;
width:100%;
} .contents_txt_inner{
font-size: 16px;
line-height: 1.8;
margin-bottom: 25px;
}
.contents_tag{
width:100%;
text-align:right;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 4px;
}
.contents_tag.voice_name{
margin-bottom: 8px;
}
.tag_cat{
display: inline-block;
background-color:#ffa347;
color:#fff;
padding:5px 20px;
margin-right:30px;
}
.tag_date{
letter-spacing: 0.05em;
display:inline-block;
margin-right: 2%;
line-height: 1.8;
font-weight: bold;
}
.tag_text{
line-height: 1.4;
}
.tag_name{
padding:0 0 0 1em; 
}
@media screen and (max-width: 767px) {
.voice_contents_inner .right{
max-width:100%;
}
.contents_txt .ttl_cat{
margin-top: 30px; 
}
.contents_txt_inner{
font-size: 16px;
line-height: 1.8;
margin-bottom: 25px;
}
.tag_cat{
margin-right:20px;
}
.contents_tag .tag_name{
display:inline-block;
}
}
@media screen and (max-width: 767px) {
.voice_contents_wrap .voice_contents:nth-child(2n) {
margin: 0 0 50px 0;
}
}
@media screen and (max-width: 480px) {
.voice_contents{
border-bottom:1px solid #b5b5b5;
}
.voice_contents_wrap .voice_contents:nth-child(2n) {
margin: auto;
}
.voice_contents_wrap .voice_contents:not(:last-child){
margin:0 auto 50px;
}
.voice_contents{
width:100%;
}
.voice_contents_wrap::after{
display:none;
}
} .btn_bottom a{
margin:40px auto 0 auto;
display:block;
width:300px;
text-align: center;
padding:20px;
background-color: #fff;
border:1px solid #ffa347;
color:#ffa347;
transition:.5s all;
letter-spacing: 0.1em;  
}
.btn_bottom a:hover{
background:#ffa347;
color:#fff;
}
.btn_bottom a i{
padding-right:15px;
}  .more{
}
.more a{
display:block;
width:100%; text-align: center;
padding:4px 1em; border:1px solid #ff9934;
color:#ff9934;
transition:.5s all;
font-family: 'Josefin Sans', sans-serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
}
.more a:hover{
background-color: #ff9934;
color: #fff;
} .more i{
}</pre></body></html>