<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*------------------------------------------------------------
ラッパー
------------------------------------------------------------*/
/*------------------------------------------------------------
mv
------------------------------------------------------------*/
#mv {
  width: 100%;
  background-color: #f5f5f5;
}
#mv a{
  display: flex;
  justify-content: flex-end;
  width: 960px;
  height: 350px;
  margin: 0 auto;
  background-image: url(../images/mv.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transition: all .3s ease;
}
#mv a:hover{
  text-decoration: none;
  opacity: 0.7;
}
#mv a .txt{
  width: 400px;
  padding: 50px;
  background-color: rgba(255,255,255,0.9);
  color: #213949;
}
#mv a .txt .ttl{
  font-size: 36px;
  font-weight: 700;
  line-height: 1.33;
  margin: 0 0 20px 0;
}
#mv a .txt p{
  font-size: 18px;
  line-height: 1.5;
}

  /*------------------------------------------------------------
  contents
  ------------------------------------------------------------*/

#contents #contents_inner #content_left .products_wrap {
}
#contents #contents_inner #content_left .products_wrap .products{
  background-color: #f5f5f5;
  border-radius: 10px;
  height: 280px;
  padding: 20px;
  margin: 30px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction:column;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  color: #213949;
}
#contents #contents_inner #content_left .products_wrap .products:nth-child(1){
  background-image: url(../images/img_products_01.png);
}
#contents #contents_inner #content_left .products_wrap .products:nth-child(2){
  background-image: url(../images/img_products_02.png);
}
#contents #contents_inner #content_left .products_wrap .products:nth-child(3){
  background-image: url(../images/img_products_03.png);
}
#contents #contents_inner #content_left .products_wrap .products:nth-child(4){
  background-image: url(../images/img_products_04.png);
}
#contents #contents_inner #content_left .products_wrap .products:nth-child(5){
  background-image: url(../images/img_products_05.png);
}
#contents #contents_inner #content_left .products_wrap .products:nth-child(6){
  background-image: url(../images/img_products_06.png);
}
#contents #contents_inner #content_left .products_wrap .products .ttl{
  width: 240px;
  font-size: 140%;
  font-weight: 700;
  padding: 0 0 10px 0;
  border-bottom: solid 1px #eae5e1;
}
#contents #contents_inner #content_left .products_wrap .products .text{
  width: 100%;
  margin: 10px 0 0 0;
}
#contents #contents_inner #content_left .products_wrap .products .button{
  width: 100%;
  margin: auto 0 0 0;
}
#contents #contents_inner #content_left .products_wrap .products .button span{
  display: inline-block;
  border-radius: 3px;
  background-color: #213949;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  padding: 9px 10px;
  text-align: center;
}



/*------------------------------------------------------------
qa
------------------------------------------------------------*/
#qa {
  width: 960px;
  margin: 0 auto 50px auto;
  color: #213949;
}
#qa h2{
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
#qa h2:before{
  content: "\e0b9";
  display: inline-block;
  font-family: 'Material Symbols Outlined';
  margin: 0 .2em 0 0;
  font-size: 30px;
}
#qa dl{
  border: solid 2px #213949;
}
#qa dl dt{
  position: relative;
  padding: 20px 60px 20px 40px;
  border-top: dashed 1px;
}
#qa dl dt:first-of-type{
  border-top: none;
}
#qa dl dt:after{
  content: "\e5cf";
  font-family: 'Material Symbols Outlined';
  display: block;
  font-size: 40px;
  position: absolute;
  top: 50%;
  right:20px;
  transform: translateY(-50%);
}
#qa dl dt.open:after{
  content: "\e5ce";
}
#qa dl dt:hover{
  cursor: pointer;
}
#qa dl dt p {
  padding-left: 2.25em;
  text-indent: -2.25em;
}
#qa dl dt p span{
  font-weight: 700;
}
#qa dl dd{
  padding: 20px 60px 20px 40px;
  border-top: dashed 1px;
}
#qa dl dd p {
  padding-left: 2.25em;
  text-indent: -2.25em;
}
#qa dl dd p span{
  font-weight: 700;
}



/*------------------------------------------------------------
newslist
------------------------------------------------------------*/
.newslist{
  border: solid 1px #eae5e1;
  padding: 15px;
}
.newslist ul li{
  position: relative;
  color: #202020;
  margin-top: 10px;
  padding-left: 20px;
}
.newslist ul li:first-child{
  margin-top: 0;
}
.newslist ul li:before{
  display: block;
  width: 15px;
  height: 15px;
  content: "";
  background-image: url(../common/images/icon_feed.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left top;
  position: absolute;
  top: 4.5px;
  left: 0;
}
.newslist ul li a{
  display: block;
  color: #202020;
  text-decoration: underline;
}
</pre></body></html>