@charset "UTF-8";
/**********************************************************************
	ページタイトル - className : Page_title
***********************************************************************/
.Page_title.bg-about_generic {
  background-image: url(../images/bg-title-ordinary.jpg);
  background-size: cover;
}

.Page_title.bg-about_generic2 {
  background-image: url(../images/bg-about_generic.jpg);
  background-size: cover;
}

.Page_title.bg-about {
  background-image: url(../images/bg-about.jpg);
  background-size: cover;
}

.Page_title.bg-about .Page_title-header {
  background: rgba(132, 71, 177, 0.8);
}

.Page_title.bg-about .Page_title-header .ttl_03 span {
  color: #b984e0;
}

.Page_title.bg-ingenuity {
  background-image: url(../images/bg-ingenuity.jpg);
  background-size: cover;
}

.Page_title.bg-asia {
  background-image: url(../images/bg-asia.jpg);
  background-size: cover;
}

.Page_title.bg-ingenuity .Page_title-header {
  background: rgba(56, 159, 181, 0.8);
}

.Page_title.bg-ingenuity .Page_title-header .ttl_03 span {
  color: #79d0e3;
}

@media only screen and (max-width: 1000px) {
  .pc {
    display: none;
  }
}

/**********************************************************************
	グリッドメニュー - className : grid
***********************************************************************/
.container_liquid.Contents02 {
  padding-top: 20px;
  padding-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
  .container_liquid.Contents02 .m-card.card-picture .picture-inner {
    top: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .container_liquid.Contents02 .m-card.card-picture .picture-inner {
    top: 17px;
  }
}

@media only screen and (max-width: 1024px) {
  .container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question {
    padding: 15px 15px 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question {
    padding: 5px;
  }
}

.container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question.Column-question-border {
  border-right: solid 1px #fff;
}

@media only screen and (max-width: 767px) {
  .container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question.Column-question-border {
    border: none;
  }
}

.container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question ul li {
  margin-bottom: 20px;
  display: block;
  position: relative;
  padding-left: 25px;
}

@media only screen and (max-width: 1024px) {
  .container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question ul li {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question ul li {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question ul li {
    padding-left: 15px;
  }
}

.container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question ul li:before {
  font: normal normal normal 24px/1 FontAwesome;
  position: absolute;
  color: #fff;
  left: 0;
  content: '\f105';
  width: 10px;
  height: 20px;
  font-weight: normal;
  vertical-align: top;
}

.container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question ul li:before {
  font: normal normal normal 24px/1 FontAwesome;
  position: absolute;
  color: #fff;
  left: 0;
  content: '\f105';
  width: 10px;
  height: 20px;
  font-weight: normal;
  vertical-align: top;
}

.container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question ul.black li {
  margin-bottom: 20px;
  display: block;
  position: relative;
  padding-left: 25px;
}

@media only screen and (max-width: 1024px) {
  .container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question ul.black li {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question ul.black li {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question ul.black li {
    padding-left: 15px;
  }
}

.container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question ul.black li:before {
  font: normal normal normal 24px/1 FontAwesome;
  position: absolute;
  color: #fff;
  left: 0;
  content: '\f105';
  width: 10px;
  height: 20px;
  font-weight: normal;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question ul.black li:before {
    color: #0c489b;
  }
}

.container_liquid.Contents02 .m-card.card-picture .picture-inner .Column-question ul.black li a {
  text-decoration: underline;
}

.container_liquid.Contents02 .m-card.card-picture .picture-inner p.Ajust-lh {
  line-height: 3.5rem;
  margin: -80px 20px 0 20px;
}

@media only screen and (max-width: 1024px) {
  .container_liquid.Contents02 .m-card.card-picture .picture-inner p.Ajust-lh {
    line-height: 3.3rem;
    margin: -90px 20px 0 20px;
  }
}

@media only screen and (max-width: 768px) {
  .container_liquid.Contents02 .m-card.card-picture .picture-inner p.Ajust-lh {
    line-height: 3.5rem;
    margin: -80px 20px 0 20px;
  }
}

.container_liquid.Contents02 .m-card .Bg-color-blue {
  background-color: #739dd9;
}

@media only screen and (max-width: 767px) {
  .container_liquid.Contents02 .m-card .Bg-color-blue {
    background-color: unset;
  }
}

.container_liquid.Contents02 .m-card .Bg-color-purple {
  background-color: #b984e0;
}

@media only screen and (max-width: 767px) {
  .container_liquid.Contents02 .m-card .Bg-color-purple {
    background-color: unset;
  }
}

.container_liquid.Contents02 .m-card .Icon-position {
  background-position: center center;
}

.container_liquid.Contents02 .m-card .Size-65p {
  background-size: 65%;
}

.container_liquid.Contents02 .m-card .Bg-color-yellow {
  background-color: #eae95d;
}

.container_liquid.Contents02 .m-card .Ajust-bg {
  background-size: contain;
  background-position: left;
}

.container_liquid.Contents02 .m-card .Bg-color-emerald {
  background-color: #79d0e3;
}

@media only screen and (max-width: 767px) {
  .container_liquid.Contents02 .m-card .Bg-color-emerald {
    background-color: unset;
  }
}

/**********************************************************************
	タブレット - className : none
***********************************************************************/
@media only screen and (max-width: 1000px) {
  .Contents02 .l-inner-grid .m-card .picture-inner .Column-question {
    padding: 0 30px;
  }
  .Contents02 .l-inner-grid .m-card .picture-img.Ajust-pb25 {
    padding-bottom: 25px;
  }
  .Contents02 .l-inner-grid .m-card .picture-img .Ajust-height {
    padding-top: 100%;
  }
  .Contents02 .l-inner-grid .None-box {
    display: none;
  }
}

/**********************************************************************
	スマホ - className : none
***********************************************************************/
@media only screen and (max-width: 767px) {
  .Page_title .Page_title-inner {
    height: 210px;
  }
  .Contents02 .l-inner-grid .m-card .picture-inner .Column-question.Column-question-border {
    border-right: none;
  }
  .Contents02 .l-inner-grid .m-card .picture-inner p.Ajust-lh {
    margin-top: 80%;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0;
  }
  .Contents02 .l-inner-grid .m-card .Ajust-padding-30-10 {
    padding: 30px 10px;
  }
  .Contents02 .l-inner-grid .m-card .picture-img .Ajust-height {
    padding-top: 100%;
  }
  .Contents02 .l-inner-grid .m-card .picture-img .img-square-gene {
    padding-top: 100%;
  }
  .Contents02 .l-inner-grid .m-card .Ajust-bg {
    background-position: top;
  }
}

@media only screen and (max-width: 767px) {
  .sp_color-blue {
    color: #0c489b;
  }
}

.txt_shadow_white-recipe {
  text-shadow: 2px 2px 7px white, -2px -2px 7px white;
}

@media only screen and (max-width: 767px) {
  .txt_shadow_white-recipe {
    text-shadow: 3px 3px 10px white, -3px -3px 10px white;
  }
}


/*****************************************************************************
	新型コロナウイルス感染症(COVID-19) に対する当社の取り組み /generic/coronavirus
******************************************************************************/

ul.maruList { margin-left:1.5em; }
ul.maruList li { margin-bottom:4px; }