<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;
}
/*蛍光ペン的なやつ*/
.underline{
  background: linear-gradient(transparent 70%, #ffe0c2 70%);
}
/*テキスト省略*/

.ellipsis {
  position: relative;
  overflow: hidden;
  line-height: 20px;
  height:3rem;
}

.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;
 }
/*==汎用ここまで==*/

/*category_tag*/
.cat_tag{
  max-width:1140px;
  margin:60px auto 50px;
  padding:0 25px;
}
.active{
  color:#fff!important;
}
.cat_tag ul{
  margin:20px auto;
}
.cat_tag ul li a{
  display:block;
  width:180px;
  margin:0 0 0 auto;
  text-align: center;
  padding:10px;
  transition:.5s all;
  border:1px solid;
  position:relative;
  letter-spacing: 0.2em;  
  border-radius:10px;
}
.cat_tag ul li:nth-child(1) .active{
  background-color: #ff9933;
}
.cat_tag ul li:nth-child(2) .active{
  background-color: #005c3f;
}
.cat_tag ul li:nth-child(3) .active{
  background-color: #2c5ead;
}
.cat_tag ul li:nth-child(4) .active{
  background-color: #411a00;
}
.cat_tag ul li:nth-child(5) .active{
  background-color: #000;
}
.cat_tag ul li a i{
  padding-right:10px;
}



@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%;
}
}
/*list_ttl*/
.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_content*/
/*left*/
.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 .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:.7;
}
@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;
}
.faq_contents_inner .left_item .new{
  left:30px;
}
}
/*right*/
.faq_contents_inner .right{
  max-width:816px;
  font-weight: 500; 
}
.contents_txt .ttl_cat{
  font-size: 20px;
  margin-bottom: 20px;
  width:100%;
  border-bottom:1px dashed #ccc;
  padding-bottom:5px;
  line-height:1.6;
}
.contents_txt:hover{
  opacity:.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;
  padding:5px 10px;
  margin-right:30px;
  border:1px solid #000;
  border-radius:10px;
}
.tag_cat i{
  padding-right:10px;
}

.tag_date{
  letter-spacing: 0.1em;  
}


.color01,.color01_t{
  border-color:#ff9933;
  color:#ff9933;
}
.color01:hover{
  background-color: #ff9933;
  color:#fff;
}
.color02,.color02_t{
  border-color:#005c3f;
  color:#005c3f;
}
.color02:hover{
  background-color: #005c3f;
  color:#fff;
}
.color03,.color03_t{
  border-color:#2c5ead;
  color:#2c5ead;
}
.color03:hover{
  background-color:#2c5ead;
  color:#fff;
}
.color04,.color04_t{
  border-color:#411a00;
  color:#411a00;
}
.color04:hover{
  background-color:#411a00;
  color:#fff;
}
.color05,.color05_t{
  border-color:#000;
  color:#000;
}
.color05:hover{
  background-color:#000;
  color:#fff;
}
@media screen and (max-width: 767px) {
  .faq_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;
}

.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:.5s all;
  letter-spacing: 0.1em;  
}
.btn_bottom a:hover{
  background:#ffa347;
  color:#fff;
}
.btn_bottom a i{
  padding-right:15px;
}</pre></body></html>