<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
 .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: 1.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%;
}
.cst5515 .ellipsis:before,
.cst5515 .ellipsis:after {
display: none;
background: #fffaf5;
}
.line_2 {
height: 10rem;
}
.line_3 {
height: 8rem;
}  .page_ttl {
max-width: 1140px;
margin: 60px auto 0;
padding: 0 25px 35px;
}
.ttl_bb {
border-bottom: 1px solid #000;
padding-right: 20px;
font-size: 28px;
letter-spacing: 0.2em;
padding-bottom: 2px;
} @media screen and (max-width: 767px) {
.page_ttl {
max-width: 100%;
margin: 60px auto 0;
padding: 0 10px 35px;
}
} .headline {
max-width: 1140px;
margin: 40px auto 50px;
text-align: center;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.headline {
max-width: 96%;
text-align: left;
}
} .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: 0.5s all;
}
.diaplay_all a:hover {
background: #fff;
color: #959595;
}
.cat_tag ul {
margin: 20px auto;
}
.cat_tag ul li a {
display: block;
width: 200px;
margin: 0 22px 20px auto;
text-align: center;
padding: 13px;
background-color: #fff;
border: 1px solid #ffa347;
color: #ffa347;
transition: 0.5s all;
position: relative;
letter-spacing: 0.2em;
}
.cat_tag ul li:nth-child(5n) a {
margin-right: 0;
}
.cat_tag ul li a:hover {
background-color: #ffa347;
border: 1px solid #ffa347;
color: #fff;
} .cat_tag ul li .current {
background-color: #ffa347;
border: 1px solid #ffa347;
color: #fff;
}
.cat_tag ul li .current:hover {
background-color: #fff;
border: 1px solid #ffa347;
color: #ffa347;
}
.cat_tag ul li a i {
position: absolute;
right: 15px;
top: 13px;
}
@media screen and (max-width: 767px) {
.cat_tag {
max-width: 96%;
padding: 0 0;
}
.diaplay_all a {
display: block;
margin: 0 auto 0 0;
}
.cat_tag ul li {
width: 48%;
margin-bottom: 10px;
}
.cat_tag ul li a {
display: block;
width: 100%;
letter-spacing: 0;
margin-bottom: 10px;
}
.cat_tag ul li a i {
display: none;
}
} .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;
}
}  .faq_contents {
max-width: 1140px;
margin: 30px auto 0;
padding: 0 25px 30px;
border-bottom: 1px solid #c9c9c9;
}
.faq_contents_inner .left_item {
width: 230px;
position: relative;
}
.faq_contents_inner .left_item_nav {
width: auto;
}
.faq_contents_inner .left_item .new {
position: absolute;
top: -8px;
left: 0;
}
.left_item_inner {
height: 0;
width: 100%;
padding-bottom: 74.7%;
position: relative;
}
.left_img img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%;
}
.left_img img:hover {
opacity: 0.7;
}
.cst5515 .faq_contents_inner .left_item {
display: none;
}
@media screen and (max-width: 767px) {
.faq_contents {
max-width: 96%;
margin: 30px auto 0;
padding: 0 0 30px;
}
.faq_contents_inner .left_item {
width: 100%;
text-align: center;
}
.left_item_inner {
height: 0;
width: 100%;
padding-bottom: 60%;
position: relative;
margin-bottom: 16px;
}
.faq_contents_inner .left_item .new {
left: 30px;
width: 10vw;
}
} .faq_contents_inner .right {
max-width: 816px;
width: 100%;
font-weight: 500;
}
.cst5515 .faq_contents_inner .right {
max-width: 100%;
padding: 0;
margin: 0 auto;
}
.contents_txt .ttl_cat {
font-size: 20px;
margin-bottom: 20px;
width: 100%;
}
@media all and (-ms-high-contrast: none) {
.contents_txt .ttl_cat {
padding: 3px 0;
}
}
.contents_txt:hover {
opacity: 0.7;
}
.contents_txt_inner {
font-size: 16px;
line-height: 1.8;
margin-bottom: 25px;
}
.contents_tag {
width: 100%;
text-align: right;
}
.tag_cat {
display: inline-block;
background-color: #ffa347;
color: #fff;
padding: 5px 20px;
margin-right: 30px;
}
.tag_date {
letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
.faq_contents_inner .right {
padding-left: 2.5%;
}
}
@media screen and (max-width: 767px) {
.faq_contents_inner .right {
max-width: 100%;
}
.contents_txt .ttl_cat {
margin-top: 30px;
}
.cst5515 .contents_txt .ttl_cat.ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: normal;
text-overflow: clip;
height: auto;
line-height: 24px;
}
.contents_txt_inner {
font-size: 16px;
line-height: 1.8;
margin-bottom: 25px;
}
.cst5515 .contents_txt_inner.ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
white-space: normal;
text-overflow: clip;
}
.tag_cat {
margin-right: 20px;
}
.tag_date {
letter-spacing: 0.1em;
}
} .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: 0.5s all;
letter-spacing: 0.1em;
}
.btn_bottom a:hover {
background: #ffa347;
color: #fff;
}
.btn_bottom a i {
padding-right: 15px;
}</pre></body></html>