@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.会社案内TOP
03.備前化成ってどんな会社？
04.ブランドコンセプト
05.経営ビジョン・理念・社訓
06.会社概要
07.事業概要
08.沿革
09.SDGsへの取り組み
10.採用情報（新卒採用・中途採用）
11.新着情報一覧
12.新着情報詳細
13-01.お問合せ（フォーム画面）
13-02.確認画面
13-03．完了画面
14-01.資料ダウンロード（フォーム画面）
14-02.資料ダウンロード確認画面
14-03.資料ダウンロード完了画面
15.プライバシーポリシー
16.サプリメントをお考えのお客様へ
17.BIZEN-Technology
18.B-ReC
19.B-MoG
20.B-HiT
21.機能性表示OEM
22.備前化成の3つの強み
23.製品形態
24.原薬、オメガ３系脂肪酸試薬
25.原薬EPA
26.オメガ3系脂肪酸 高純度試薬
27.研究開発（油脂・素材・製剤）
28.開発ストーリー
29.文献一覧
30.安心・安全（品質管理）
31.サプリメント素材一覧
32.検索結果
--------------------*/


/*----------
01.top
----------*/

/*MV*/
#top #mv_area {
  margin-bottom: 70px;
}

/*slickの矢印*/
#top #mv_area button.slick-arrow {
  position: absolute;
  top: 50%;
  border: none;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0);
  text-indent: -9999px;
  width: 41px;
  height: 93px;
  padding: 0;
  transform: translateY(-50%);
  z-index: 2;
}

#top #mv_area button.slick-prev.slick-arrow {
  background: url(../img/common/slider_arrow_mv_prev.svg) no-repeat left top;
  background-size: 100% auto;
  left: 0;
}

#top #mv_area button.slick-next.slick-arrow {
  background: url(../img/common/slider_arrow_mv_next.svg) no-repeat right top;
  background-size: 100% auto;
  right: 0;
}

/*END　slickの矢印*/

/*slickのドット*/

#top #mv_area .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}

#top #mv_area .slick-dots li {
  width: 55px;
  height: 4px;
  background: #C9CACA;
  font-size: 0;
  margin: 0 12px;
  cursor: pointer;
}

#top #mv_area .slick-dots li.slick-active {
  background: #962C46;
}

/*END slickのドット*/


/*news_area*/

#news_area {
  margin-bottom: 100px;
}

#news_area .contents_in {
  max-width: 800px;
}

#news_area .title_ptn01 {
  margin-bottom: 42px;
}

.news_category_list {
  max-width: 511px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 36px;
}

.news_category_list li {
  max-width: 130px;
  width: 25.44%;
  margin: 0 3.5px;
}

.news_category_list li .news_category {
  position: relative;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 4px 0 5px;
  text-align: center;
}

.news_category_list li .news_category::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: #092db1;
  transform: skewX(-20deg);
  transition: all 0.3s;
}

.news_category_list li .news_category:hover::before {
  opacity: 0.8;
}

.news_list {
  max-width: 800px;
  padding-left: 8px;
  margin: 0 auto 30px;
}

.news_list li {
  max-width: 720px;
  width: 90%;
  margin-bottom: 20px;
}

.news_list li:first-child {
  margin-left: 60px;
}

.news_list li:nth-child(2) {
  margin-left: 40px;
}

.news_list li:nth-child(3) {
  margin-left: 20px;
}

.news_list li a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  background: #F5F2EE;
  color: #000000;
  line-height: 22px;
  padding: 8.5px 0 9.5px 25px;
}

.news_list li a span {
  display: block;
}

.news_list li .date {
  font-size: 12px;
  margin-right: 13px;
}

.news_list li .news_category {
  min-width: 82px;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  padding: 0.5px 0 1.5px;
  text-align: center;
  margin-right: 13px;
}

.news_list li .news_title {
  font-size: 14px;
  letter-spacing: 0.06em;
}

.news_list li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-bottom: 40px solid #F5F2EE;
}

.news_list li a::after {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid #F5F2EE;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}


/*oお知らせタブCSS*/
#top #news_area .news_list {
  display: none;
}

#top #news_area .news_list.active {
  display: block;
}

#top #news_area .news_list li .news_title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*corporate_mission*/

#top #corporate_mission {
  position: relative;
  margin-bottom: 154px;
}

#top #corporate_mission>a:hover {
  opacity: 0.9;
}

#top #corporate_mission .contents_in {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}

#top #corporate_mission .mission_box {
  padding-top: 50px;
}

#top #corporate_mission .mission_title {
  color: #962C46;
}

#top #corporate_mission .mission_title .sub_title {
  display: block;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  letter-spacing: 0.13em;
  margin-bottom: 9px;
}

#top #corporate_mission .more_btn {
  margin: 16px auto 0 0;
}

#top #corporate_mission a:hover .more_btn>span::before {
  right: -10px;
}

/*manufacturing_area*/

#top #manufacturing_area {
  margin-bottom: 110px;
}

#top #manufacturing_area .title_block {
  margin-bottom: 133px;
}

#top .cnt_area .title_block .contents_in {
  position: relative;
  max-width: 1280px;
  width: 100%;
  min-height: 350px;
}

#top #manufacturing_area .title_block .contents_in {
  background: url(../img/top/img_supplement.png) no-repeat top right;
  background-size: 92.19% auto;
  padding: 44px 0 123px 70px;
}

#top #manufacturing_area .title_block .title_ptn02 {
  max-width: 485px;
}

#top #manufacturing_area .cnt_block {
  margin-bottom: 129px;
}

#top #manufacturing_area .pr_block a {
  display: flex;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0px 3px 17px 3px rgb(51 51 51 / 20%);
  padding: 55px 40px 44px 40px;
  margin-bottom: 58px;
}

#top #manufacturing_area .pr_block a:hover {
  opacity: 0.9;
}

#top #manufacturing_area .pr_block a:hover .more_btn>span::before {
  right: -10px;
}

#top #manufacturing_area .pr_block .img_box {
  max-width: 414px;
  width: 45.52%;
  margin-top: -87px;
}

#top #manufacturing_area .pr_block .cnt_box {
  max-width: 460px;
  width: 49.47%;
  text-align: center;
}

#top #manufacturing_area .pr_block .cnt_box h3 {
  color: #962C46;
  font-size: 37px;
  font-weight: 700;
  line-height: 54px;
  letter-spacing: 0.09em;
  margin-bottom: 20px;
}

#top #manufacturing_area .pr_block .cnt_box p {
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0.14em;
  margin-bottom: 40px;
}

#top #manufacturing_area .pr_block .cnt_box .more_btn {
  margin: 0 auto;
}

#top #manufacturing_area .cnt_g {
  display: flex;
  justify-content: space-between;
}

#top #manufacturing_area .cnt_g li {
  max-width: 300px;
  width: 30%;
}

#top #manufacturing_area .cnt_g li a {
  display: block;
  width: 100%;
  background: #fff;
  box-shadow: 0px 3px 17px 3px rgb(51 51 51 / 20%);
}

#top #manufacturing_area .cnt_g li a:hover {
  opacity: 0.8;
}

#top #manufacturing_area .cnt_g li a h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #962C46;
  font-size: 19px;
  line-height: 23px;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 8px 0 14px;
}


#top #manufacturing_area .product_block .title_ptn01 {
  margin-bottom: 65px;
}

#top #manufacturing_area .product_block .product_g {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#top #manufacturing_area .product_block .product_g.g01 {
  margin-bottom: 41px;
}

#top #manufacturing_area .product_block .product_g .cnt_box {
  position: relative;
  max-width: 320px;
  width: 32%;
}

#top #manufacturing_area .product_block .product_g .cnt_box a {
  display: block;
}

#top #manufacturing_area .product_block .product_g .cnt_box a:hover {
  opacity: 0.9;
}

#top #manufacturing_area .product_block .product_g.g02 .cnt_box {
  max-width: 236px;
  width: 23.6%;
  margin-bottom: 20px;
}

#top #manufacturing_area .product_block .product_g .cnt_box .functional_display {
  position: absolute;
  top: 11px;
  right: 14px;
  display: inline-block;
  background: #fff;
  color: #962C46;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  padding: 2px 5px 2px;
}

#top #manufacturing_area .product_block .product_g .cnt_box .cnt_text {
  width: 100%;
}

#top #manufacturing_area .product_block .product_g.g01 .cnt_box .cnt_text {
  color: #fff;
  background: #962C46;
  padding: 13px 10px 14px 24px;
}

#top #manufacturing_area .product_block .product_g.g01 .cnt_box .cnt_text .sub_title {
  font-feature-settings: "palt";
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}

#top #manufacturing_area .product_block .product_g.g01 .cnt_box .cnt_text .function {
  color: #FFFF89;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 1px;
}

#top #manufacturing_area .product_block .product_g.g01 .cnt_box .cnt_text .name {
  font-size: 20px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0.1em;
}

#top #manufacturing_area .product_block .product_g.g02 .cnt_box .cnt_text {
  color: #4C4948;
  background: #F5F2EE;
  padding: 17px 10px 18px 21px;
}

#top #manufacturing_area .product_block .product_g.g02 .cnt_box .cnt_text .name {
  color: #962C46;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
}


/*development_area*/

#top #development_area {
  margin-bottom: 95px;
}

#top #development_area .title_block {
  margin-bottom: 168px;
}

#top #development_area .title_block .contents_in {
  background: url(../img/top/bg_img02.png) no-repeat top left;
  background-size: 92.19% auto;
  padding: 39px 61px 128px 0;
}

#top #development_area .title_block .title_ptn02 {
  padding: 38px 5px 42px 45px;
  margin: 0 0 0 auto;
}

#top #development_area .drug_substance_block .g_ptn01 {
  position: relative;
  background: linear-gradient(to right, #F5F2EE 0%, #F5F2EE 90.4%, #fff 90.4%, #fff 100%);
  padding: 0 40px;
  margin-bottom: 138px;
}

#top #development_area .drug_substance_block .g_ptn01:nth-of-type(2) {
  background: linear-gradient(to left, #F5F2EE 0%, #F5F2EE 90.4%, #fff 90.4%, #fff 100%);
  margin-bottom: 81px;
}

#top #development_area .drug_substance_block .g_ptn01 .cnt_box {
  max-width: 446px;
  width: 44.6%;
  padding: 47px 0 38px;
  text-align: center;
}

#top #development_area .drug_substance_block .g_ptn01:nth-of-type(2) .cnt_box {
  max-width: 447px;
  width: 44.7%;
  padding: 64px 0 61px;
  margin: 0 0 0 auto;
}

#top #development_area .drug_substance_block .g_ptn01 .cnt_box h3 {
  color: #962C46;
  font-size: 35px;
  font-weight: 700;
  line-height: 49.68px;
  letter-spacing: 0.14em;
  margin-bottom: 25px;
}

#top #development_area .drug_substance_block .g_ptn01 .cnt_box h3 a:hover {
  color: #C3264D;
}

#top #development_area .drug_substance_block .g_ptn01:nth-of-type(2) .cnt_box h3 {
  margin-bottom: 27px;
}

#top #development_area .drug_substance_block .g_ptn01 .cnt_box p {
  color: #000000;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0.14em;
  margin-bottom: 57px;
}

#top #development_area .drug_substance_block .g_ptn01 .cnt_box .more_btn {
  margin: 0 auto;
}

#top #development_area .drug_substance_block .g_ptn01 .img_box {
  position: absolute;
  top: -120px;
  right: -32px;
  max-width: 562px;
  width: 56.2%;
}

#top #development_area .drug_substance_block .g_ptn01:nth-of-type(2) .img_box {
  position: absolute;
  right: auto;
  left: -25px;
}

#top #development_area .g_ptn02 {
  max-width: 602px;
  width: 100%;
  margin: 0 auto;
}

#top #development_area .g_ptn02 a {
  display: flex;
  justify-content: center;
  box-shadow: 0px 3px 17px 3px rgb(51 51 51 / 20%);
}

#top #development_area .g_ptn02 a:hover {
  opacity: 0.8;
}

#top #development_area .g_ptn02 .img_box {
  width: 50%;
}

#top #development_area .g_ptn02 .cnt_box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
}

#top #development_area .g_ptn02 .cnt_box h3 {
  color: #962C46;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.1em;
}

/*重要なお知らせ*/
#top .important_notices {
  padding-bottom: 54px;
}

#top .important_notices .contents_in {
  display: flex;
  align-items: center;
  background: rgba(210, 0, 18, 0.1);
  border: 2px solid #D20012;
  padding: 16px 23px;
}

#top .important_notices .important_notices_title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 176px;
  background: #D20012;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.14em;
  padding: 32px 10px;
  margin-right: 25px;
}

#top .important_notices ul {
  width: calc(100% - 201px);
}

#top .important_notices ul li {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.14em;
  /* text-indent: -1em;
  padding-left: 1em; */
}

#top .important_notices ul li a {
  color: #3090BC;
  transition: all 0.3s;
}

@media (any-hover: hover) {
  #top .important_notices ul li a:hover {
    opacity: 0.8;
  }
}



/*---------------------------
02.会社案内TOP
----------------------------*/

#profile {
  font-feature-settings: "palt";
}

#profile #title_area {
  padding: 89px 0 85px;
}

#profile #title_area .page_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.16em;
  margin-bottom: 85px;
}

#profile #title_area .lead_text {
  font-size: 40px;
  line-height: 70px;
  letter-spacing: 0.09em;
  text-align: center;
}

#profile #menu_area {
  padding-bottom: 58px;
}

#profile #menu_area .contents_in {
  max-width: 1048px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#profile #menu_area ul li {
  max-width: 490px;
  width: 46.76%;
  margin-bottom: 80px;
}

#profile #menu_area ul li a {
  display: block;
}

#profile #menu_area ul li a:hover {
  opacity: 0.85;
}

#profile #menu_area ul li .cnt_img {
  margin-bottom: 21px;
}

#profile #menu_area ul li .cnt_title {
  font-size: 23px;
  line-height: 34px;
  letter-spacing: 0.1em;
  text-align: center;
}

/*---------------------------
03.備前化成ってどんな会社？
----------------------------*/

#company {
  position: relative;
  font-feature-settings: "palt";
}

#company #title_area {
  padding: 85px 0 155px;
}

#company #title_area .page_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.16em;
  margin-bottom: 90px;
}

#company #title_area .lead_title {
  font-size: 40px;
  line-height: 70px;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 75px;
}

#company #title_area .lead_text {
  max-width: 815px;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.14em;
  text-align: center;
  margin: 0 auto;
}

#company #company_area .contents_in {
  max-width: 1108px;
}

#company #company_area .cnt_g {
  margin: 0 auto 110px;
}

#company #company_area .cnt_g.g02 {
  margin: 0 auto 154px;
}

#company #company_area .cnt_g.g03 {
  margin: 0 auto 125px;
}

#company #company_area .cnt_g.g04 {
  margin: 0 auto 100px;
}

#company #company_area .cnt_g .cnt_img {
  margin-bottom: 42px;
}

#company #company_area .cnt_g .cnt_text {
  max-width: 793px;
  margin: 0 auto;
}

#company #company_area .cnt_g .g_title {
  font-size: 32px;
  font-weight: 700;
  line-height: 46px;
  letter-spacing: 0.09em;
  text-align: center;
  margin-bottom: 25px;
}

#company #company_area .cnt_g.g03 .g_title {
  margin-bottom: 33px;
}

#company #company_area .cnt_g.g04 .g_title {
  margin-bottom: 38px;
}

#company #company_area .cnt_g p {
  font-size: 18px;
  line-height: 35px;
  letter-spacing: 0.14em;
}

#company #company_area .cnt_g p.mb01 {
  margin-bottom: 2em;
}

#company #company_area .cnt_g .btn_ptn01 {
  margin: 41px auto 0;
}

#company #goal_area {
  padding: 103px 0 93px;
}

#company #goal_area .contents_in {
  max-width: 785px;
  text-align: justify;
  text-justify: inter-ideograph;
}

#company #goal_area p {
  font-size: 24px;
  font-weight: 700;
  line-height: 47px;
  letter-spacing: 0.11em;
}


/*モーダルの中身*/
#company .modal_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  width: 100vw;
  z-index: 999999;
  overflow: auto;
}

#company .modal_area .modal_bg {
  position: fixed;
  top: 0%;
  height: 0;
  width: 100vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

#company .modal_area .cnt_wrap {
  position: absolute;
  top: 114px;
  left: 50%;
  max-width: 1000px;
  width: 100%;
  padding-bottom: 40px;
  transform: translateX(-50%);
}

#company .modal_area .inner {
  position: relative;
  width: 100%;
  background: #fff;
  color: #000;
}

#company .modal_area .close_btn {
  position: absolute;
  top: 18px;
  right: 25px;
  width: 59px;
  height: 59px;
  z-index: 10000;
}

#company .modal_area .close_btn::before,
#company .modal_area .close_btn::after {
  content: "";
  display: block;
  width: 125%;
  height: 1px;
  background-color: #4E2F28;
  position: absolute;
  top: 29px;
  left: 0;
}

#company .modal_area .close_btn::before {
  transform: rotate(45deg);
}

#company .modal_area .close_btn::after {
  transform: rotate(-45deg);
}

#company .modal_area .cnt_block .cnt_g01.contents_in {
  max-width: 701px;
}

#company .modal_area .cnt_block .cnt_g02.contents_in {
  max-width: 700px;
}

#company .modal_area .cnt_block .cnt_g01 {
  padding: 133px 0 84px;
}

#company .modal_area .cnt_block .modal_block_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 54px;
  letter-spacing: 0.09em;
  text-align: center;
  margin-bottom: 48px;
}

#company .modal_area .cnt_block .modal_cnt_title {
  font-size: 28px;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: 0.09em;
  margin-bottom: 28px;
}

#company .modal_area .cnt_block p {
  font-size: 18px;
  line-height: 35px;
  letter-spacing: 0.14em;
  text-align: justify;
  text-justify: inter-ideograph;
}

#company .modal_area .cnt_block .cnt_g02 {
  padding: 100px 0 90px;
}

#company .modal_area .cnt_block .cnt_g02 p {
  margin-bottom: 2em;
}

#company .modal_area .cnt_block .cnt_g02 figcaption {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.14em;
}

#company #modal01 .cnt_block .cnt_g02 .cnt_img {
  position: relative;
  max-width: 418px;
  margin: 0 auto 48px;
}

#company #modal01 .cnt_block .cnt_g02 .cnt_img figcaption {
  position: absolute;
  right: -90px;
  bottom: 0;
}

#company #modal01 .cnt_block .cnt_g02 .img_g {
  display: flex;
  justify-content: space-between;
  max-width: 473px;
  padding-top: 21px;
  margin: 0 auto 90px;
}

#company #modal01 .cnt_block .cnt_g02 .img_g figure {
  max-width: 136px;
  width: 28.75%;
}

#company #modal01 .cnt_block .cnt_g02 .img_g figcaption {
  padding: 10px 0 0 3px;
}

#company #modal02 .cnt_block .cnt_g01 {
  padding: 97px 0 115px;
}

#company #modal02 .cnt_block .modal_block_title {
  margin-bottom: 65px;
}

#company #modal02 .cnt_block .cnt_g02 {
  padding: 114px 0 100px;
}

#company #modal02 .cnt_block .cnt_g02 .img_g {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 55px;
}

#company #modal02 .cnt_block .cnt_g02 .img_g figure {
  max-width: 341px;
  width: 48.71%;
}



/*---------------------------
04.ブランドコンセプト
----------------------------*/

#brand {
  font-feature-settings: "palt";
}


#brand .title_header .title_area {
  position: relative;
}

#brand .title_header .contents_in {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 1280px;
  width: 100%;
  z-index: 1;
  transform: translate(-50%, -50%);
}

#brand .title_header .mv_cnt_area {
  position: relative;
  left: 202px;
  max-width: 392px;
}

#brand .title_header .mv_cnt_area .title_ptn02 {
  max-width: 392px;
  width: 100%;
  font-size: 34px;
  line-height: 59px;
  letter-spacing: 0.33em;
  padding: 29px 5px 28px 47px;
}

#brand .title_header .mv_cnt_area .title_ptn02::before {
  background: #fff;
  transform: skewX(-8deg);
}

#brand .title_header .mv_cnt_area .title_ptn02 .dot {
  position: relative;
}

#brand .title_header .mv_cnt_area .title_ptn02 .dot::after {
  content: "";
  position: absolute;
  top: 0;
  left: 33%;
  display: block;
  width: 5.07px;
  height: 5.07px;
  background: #962C46;
  border-radius: 50%;
}

#brand #title_area {
  padding: 89px 0 87px;
}

#brand #title_area .page_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.16em;
  margin-bottom: 85px;
}

#brand #title_area .lead_title {
  font-size: 40px;
  line-height: 70px;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 42px;
}

#brand #title_area .lead_title .dot {
  position: relative;
}

#brand #title_area .lead_title .dot::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 6.34px;
  height: 6.34px;
  background: #962C46;
  border-radius: 50%;
  transform: translateX(-50%);
}

#brand #title_area .lead_text {
  max-width: 810px;
  font-size: 18px;
  line-height: 35px;
  letter-spacing: 0.1em;
  margin: 0 auto 75px;
  text-align: justify;
  text-justify: inter-ideograph;
}

#brand #brand_area {
  padding-bottom: 153px;
}

#brand #brand_area .contents_in {
  max-width: 740px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #DCDDDD;
  padding: 57px 62px 46px;
}

#brand #brand_area .cnt_img {
  max-width: 177px;
  width: 28.83%;
}

#brand #brand_area .cnt_img figcaption {
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.14em;
  text-align: center;
  padding-top: 16px;
}

#brand #brand_area p {
  max-width: 394px;
  width: 64.17%;
  font-size: 13px;
  line-height: 25px;
  letter-spacing: 0.12em;
  text-align: justify;
  text-justify: inter-ideograph;
}


/*---------------------------
05.経営ビジョン・理念・社訓
----------------------------*/

#vision {
  font-feature-settings: "palt";
}

#vision #title_area {
  padding: 80px 0 110px;
}

#vision #title_area .page_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.16em;
}

#vision #vision_area {
  margin-bottom: 135px;
}

#vision #vision_area .cnt_box {
  margin-bottom: 58px;
}

#vision #vision_area .cnt_box:last-child {
  margin-bottom: 0;
}

#vision #vision_area .vision_list {
  margin: 0 auto;
}

#vision #vision_area .vision_list .cnt_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#vision #vision_area .vision_list .cnt_box:nth-child(4) {
  align-items: flex-start;
}

#vision #vision_area .vision_list dt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 146px;
  width: 100%;
  height: 84px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-align: center;
  margin-top: 15px;
}

#vision #vision_area .vision_list dt::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 86px;
  background: #962C46;
  transform: skewY(-8deg);
  z-index: -1;
}

#vision #vision_area .vision_list dd {
  max-width: 818px;
  width: calc(100% - 182px);
  font-size: 27px;
  font-weight: 700;
  line-height: 39.45px;
  letter-spacing: 0.04em;
}

#vision #vision_area .vision_list dd ol {
  margin-top: 10px;
}

#vision #vision_area .vision_list dd ol li {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.04em;
}

#vision #message_area {
  padding-bottom: 125px;
}

#vision #message_area .cnt_g {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

#vision #message_area .cnt_g .president {
  max-width: 240px;
  width: 24%;
}

#vision #message_area .cnt_g .president figcaption {
  color: #231815;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.04em;
  padding-top: 13px;
  text-align: center;
}

#vision #message_area .cnt_g .cnt_text {
  max-width: 690px;
  width: 69%;
  color: #231815;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: 0.05em;
  text-align: justify;
  text-justify: inter-ideograph;
}



/*---------------------------
06.会社概要
----------------------------*/
#outline #outline_area {
  max-width: 800px;
  margin: 0 auto;
}

#outline #title_area .page_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.16em;
  margin-bottom: 89px;
}

#outline #title_area {
  padding-top: 69px;
}

/*--------------------------*/
#outline #outline_area .cnt_img {
  padding-bottom: 100px;
  margin: 0 auto;
}

#outline #outline_area table {
  width: 100%;
  /*margin: 0 auto 180px;*/
  margin: 0 auto 9px;
  font-size: 14px;
  line-height: 25.3px;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
}

#outline #outline_area table th {
  padding: 9px 0 9px 15px;
  background-color: #F5F2EE;
  max-width: 135px;
  width: 16.87%;
  font-weight: 400;
}

#outline #outline_area table td {
  padding: 9px 35px 9px 25px;
  max-width: 665px;
  width: 83.13%;
}

#outline #outline_area table tr {
  border-top: 1px #C9CACA solid;
}

#outline #outline_area table tr:last-child {
  border-bottom: 1px #C9CACA solid;
}

/*追加のロゴ(logo_area)*/

#outline #logo_area {
  padding: 18px 0 16px;
}

#outline #logo_area .logo_g {
  display: flex;
  justify-content: space-between;
  max-width: 608px;
  margin: 0 0 0 158px;
  align-items: center;
}

#outline #logo_area .logo_g .logo_img:nth-child(1) {
  max-width: 332px;
  width: 54.6%;
}

#outline #logo_area .logo_g .logo_img:nth-child(2) {
  max-width: 113px;
  width: 18.58%;
}

#outline #logo_area .logo_g .logo_img:nth-child(3) {
  max-width: 124px;
  width: 20.39%;
}





/*---------------------*/
#outline #outline_area .triangle {
  position: relative;
  padding: 0 0 0 10px;
}

#outline #outline_area .triangle::before {
  content: "";
  position: absolute;
  top: 51%;
  left: 0;
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-left: 8px solid #962C46;
}

#outline #outline_area table tr:nth-child(3) .flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#outline #outline_area table tr:nth-child(3) .flex p {
  max-width: 188px;
  width: 35.07%;
}

#outline #outline_area table tr:nth-child(3) .flex .cnt_img {
  max-width: 31.5px;
  width: 5.2%;
  padding-bottom: 0;
  margin-left: 0.5em;
}

#outline #outline_area table tr:nth-child(6) td p:last-child {
  margin-left: 40px;
}

#outline #outline_area table tr:nth-child(6) .flex.flex {
  display: flex;
}

#outline #outline_area table tr:nth-child(6) p:first-child {
  max-width: 105px;
  width: 18.35%;
}

/*---------------------*/
#outline #outline_area table tr:nth-child(8) th {
  padding: 15px 0 15px 15px;
  background-color: #F5F2EE;
  max-width: 135px;
  width: 16.87%;
}

#outline #outline_area table tr:nth-child(8) td {
  padding: 23px 35px 23px 25px;
}

/*---------------------*/
#outline #outline_area table tr:nth-child(9) td {
  padding: 0;
  max-width: 665px;
  width: 83.13%;
}

#outline #outline_area table tr:nth-child(9) .flex {
  border-top: 1.5px #C9CACA dotted;
  padding: 7px 0;
}

#outline #outline_area table tr:nth-child(9) .flex:first-child {
  border-top: none;
}

#outline #outline_area table tr:nth-child(9) .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#outline #outline_area table tr:nth-child(9) .flex p:first-child {
  max-width: 90px;
  width: 14.51%;
  margin-left: 25px;
}

#outline #outline_area table tr:nth-child(9) .flex p:last-child {
  max-width: 395px;
  width: 65.28%;
  margin-right: 35px;
}

#outline #outline_area table tr:nth-child(9) .flex .cnt_img {
  max-width: 30px;
  width: 5%;
  padding-bottom: 0
}

#outline #outline_area table tr:nth-child(9) .flex:nth-child(2) p:first-child {
  max-width: 85px;
  width: 14.04%;
}

#outline #outline_area table tr:nth-child(9) .flex:nth-child(2) .cnt_img {
  max-width: 71px;
  width: 11.73%;
  padding-bottom: 0
}

#outline #outline_area table tr:nth-child(9) .flex:nth-child(3) p:first-child {
  max-width: 74.7px;
  width: 12.34%;
}

#outline #outline_area table tr:nth-child(9) .flex:nth-child(3) p:last-child {
  max-width: 356px;
  width: 58.84%;
}

#outline #outline_area table tr:nth-child(9) .flex:nth-child(3) .cnt_img {
  max-width: 141.6px;
  width: 23.4%;
  padding-bottom: 0;
  margin: 0 1%;
}

#outline #outline_area table tr:nth-child(9) .flex:nth-child(3) .cnt_img p {
  font-size: 10px;
  line-height: 11.77px;
  letter-spacing: 0.04em;
  text-align: center;
  max-width: none;
  width: 100%;
}

/*------------------*/
#outline #outline_area table tr:nth-child(10) .flex {
  display: flex;
  justify-content: flex-start;
}

#outline #outline_area table tr:nth-child(10) .flex p:last-child {
  margin-left: 1em;
}

/*------------------*/
#outline #outline_area table tr:nth-child(11) td {
  position: relative;
}

#outline #outline_area table tr:nth-child(11) .pc {
  max-width: 112px;
  width: 18.51%;
  padding-bottom: 0;
  position: absolute;
  top: 5px;
  left: 283px;
}

#outline #outline_area table tr:nth-child(11) .cnt_img:last-child {
  max-width: 57.6px;
  width: 9.5%;
  padding-bottom: 0;
  position: absolute;
  top: 34px;
  left: 147px;
}

/*------------------*/
#outline #outline_area table tr:nth-child(12) td {
  margin-left: 0;
}

#outline #outline_area table tr:nth-child(12) .flex,
#outline #outline_area table tr:nth-child(13) .flex {
  display: flex;
  flex-wrap: wrap;
}

#outline #outline_area table tr:nth-child(12) .flex p,
#outline #outline_area table tr:nth-child(13) .flex p {
  margin-right: 1em;
}

/*---------------------------
07.事業概要
----------------------------*/

#summary {
  font-feature-settings: "palt";
}

#summary #title_area {
  padding: 73px 0 110px;
}

#summary #title_area .page_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.16em;
  margin-bottom: 97px;
}

#summary #title_area .lead_title {
  font-size: 40px;
  line-height: 70px;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 60px;
}

#summary #title_area .lead_text {
  max-width: 866px;
  font-size: 18px;
  line-height: 35px;
  letter-spacing: 0.14em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 0 auto 2em;
}

#summary #title_area .lead_text:last-child {
  margin-bottom: 0;
}

#summary #business_area {
  padding: 76px 0 80px;
}

#summary #business_area ul {
  display: flex;
  justify-content: space-between;
}

#summary #business_area ul li {
  max-width: 310px;
  width: 31%;
}

#summary #business_area ul li .cnt_text {
  background: #fff;
  padding: 24px 57px 29px;
}

#summary #business_area ul li .cnt_title {
  color: #231815;
  font-size: 17px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.05em;
  margin-bottom: 11px;
}

#summary #business_area ul li p {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0.03em;
  margin-bottom: 18px;
}

#summary #business_area ul li .btn_ptn01 {
  max-width: 196px;
  margin: 0 auto;
}

#summary #business_area ul li .btn_ptn01 a {
  font-size: 12px;
  padding: 6.5px;
}

/*事業概要下部スライダー*/

#summary .link_area {
  padding: 125px 0 129px;
}

#summary .link_area .other_link_slider {
  max-width: 650px;
  width: 100%;
  margin: auto;
}

#summary .link_area .other_link_slider .slider_item {
  position: relative;
  max-width: 295px;
  width: 45.38%;
  margin: 0 15px;
}

#summary .link_area .other_link_slider .slider_item .cnt_text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.14em;
  text-align: center;
  transform: translate(-50%, -50%);
}

/*slickの矢印*/
#summary .link_area .other_link_slider button.slick-arrow {
  position: absolute;
  top: 50%;
  border: none;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0);
  text-indent: -9999px;
  width: 30.1px;
  height: 69.4px;
  padding: 0;
  transform: translateY(-50%);
  z-index: 2;
}

#summary .link_area .other_link_slider button.slick-prev.slick-arrow {
  background: url(../img/common/slider_arrow_prev.svg) no-repeat left top;
  background-size: 100% auto;
  left: -140px;
}

#summary .link_area .other_link_slider button.slick-next.slick-arrow {
  background: url(../img/common/slider_arrow_next.svg) no-repeat right top;
  background-size: 100% auto;
  right: -140px;
}

/*END　slickの矢印*/


/*---------------------------
08.沿革
----------------------------*/
#history {
  font-feature-settings: "palt";
}

#history #title_area {
  padding: 113px 0;
}

#history #title_area .page_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.5em;
  margin-bottom: 21px;
}

#history #title_area .lead_text {
  font-size: 18px;
  line-height: 35px;
  letter-spacing: 0.14em;
}

#history #history_area {
  padding-bottom: 193px;
}

#history #history_area .contents_in {
  max-width: 1100px;
}

#history #history_area .history_block {
  margin: 0 auto 103px;
}

#history #history_area .history_block:last-child {
  margin-bottom: 0;
}

#history #history_area .history_block .title_g {
  display: flex;
  justify-content: space-between;
}

#history #history_area .history_block .title_g .period {
  max-width: 310px;
  width: 28.18%;
  font-size: 41px;
  font-weight: 700;
  line-height: 61px;
  letter-spacing: 0.12em;
  padding: 39px 10px 41px 0;
}

#history #history_area .history_block .title_g .history_item {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 790px;
  width: 71.82%;
  background: url(../img/profile/history/bg_history01.png) no-repeat 100% center;
  background-size: 382px auto;
  background-color: transparent;
  color: #fff;
  padding-left: 70px;
  overflow: hidden;
}

#history #history_area .history_block.block02 .title_g .history_item {
  background: url(../img/profile/history/bg_history02.png) no-repeat center right;
  background-size: 382px auto;
}

#history #history_area .history_block.block03 .title_g .history_item {
  background: url(../img/profile/history/bg_history03.png) no-repeat center right;
  background-size: 382px auto;
}

#history #history_area .history_block.block04 .title_g .history_item {
  background: url(../img/profile/history/bg_history04.png) no-repeat center right;
  background-size: 382px auto;
}

#history #history_area .history_block.block05 .title_g .history_item {
  background: url(../img/profile/history/bg_history05.png) no-repeat center right;
  background-size: 382px auto;
}

#history #history_area .history_block.block06 .title_g .history_item {
  background: url(../img/profile/history/bg_history06.png) no-repeat center right;
  background-size: 382px auto;
}


#history #history_area .history_block .title_g .history_item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 33px;
  z-index: -1;
  background: #962C46;
  transform: skewX(-25deg);
  z-index: -1;
}

#history #history_area .history_block .history_item_list li {
  font-size: 17px;
  line-height: 40px;
  letter-spacing: 0.14em;
  text-indent: -4em;
  padding-left: 4em;
}

#history #history_area .history_block .history_item_list li:last-child {
  margin-bottom: 0;
}

#history #history_area .history_block .title_g .history_item .history_item_list li {
  font-size: 18px;
  line-height: 35px;
  text-indent: 0;
  padding-left: 0;
  margin-bottom: 0;
}

#history #history_area .history_block .history_list .cnt_box {
  display: flex;
  border-bottom: 1px solid #962C46;
}

#history #history_area .history_block .history_list .cnt_box dt {
  max-width: 310px;
  width: 28.18%;
  display: flex;
  align-items: center;
  border-right: 1px solid #962C46;
  font-size: 17px;
  font-weight: 400;
  line-height: 30.22px;
  letter-spacing: 0.14em;
  padding: 27px 10px 30px 53px;
}

#history #history_area .history_block .history_list .cnt_box:nth-child(odd) dt {
  background: #F4F2EE;
}

#history #history_area .history_block .history_list .cnt_box dd {
  max-width: 790px;
  width: 71.82%;
  display: flex;
  align-items: center;
  padding: 22px 10px 24px 70px;
}

#history #history_area .history_block .history_list .cnt_box:nth-child(odd) dd {
  background: #FAF9F7;
}





















/*---------------------------
09.SDGsへの取り組み
----------------------------*/
#sdgs {
  font-feature-settings: "palt";
}

#sdgs #title_area {
  padding: 92px 0 165px;
}

#sdgs #title_area .page_title {
  font-size: 36px;
  font-weight: 700;
  line-height: 63px;
  margin-bottom: 120px;
}

#sdgs #title_area .lead_title {
  max-width: 476px;
  width: 100%;
  margin: 0 auto 40px;
}

#sdgs #title_area .lead_text {
  max-width: 750px;
  font-size: 18px;
  line-height: 35px;
  letter-spacing: 0.07em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 0 auto;
}

#sdgs #sdgs_area {
  padding-bottom: 85px;
}

#sdgs #sdgs_area .cnt_g {
  margin: 0 auto 140px;
}

#sdgs #sdgs_area .cnt_g:last-child {
  margin-bottom: 0;
}

#sdgs #sdgs_area .cnt_img {
  margin: 0 auto 50px;
}

#sdgs #sdgs_area .cnt_text {
  max-width: 750px;
  margin: 0 auto;
}

#sdgs #sdgs_area .cnt_text .title_g {
  display: flex;
  align-items: center;
  margin-bottom: 43px;
}

#sdgs #sdgs_area .cnt_text .title_g .g_title {
  font-size: 32px;
  font-weight: 700;
  line-height: 45px;
}

#sdgs #sdgs_area .cnt_text .title_g .sdgs_item {
  display: flex;
  margin-left: 20px;
}

#sdgs #sdgs_area .cnt_text .title_g .sdgs_item li {
  max-width: 75px;
  width: 100%;
  margin-right: 6.5px;
}

#sdgs #sdgs_area .cnt_text .title_g .sdgs_item li:last-child {
  margin-right: 0;
}

#sdgs #sdgs_area .cnt_text p {
  color: #231815;
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.11em;
}

#sdgs #sdgs_area .cnt_text p {
  color: #231815;
  font-size: 18px;
  line-height: 35px;
  letter-spacing: 0.14em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 33px;
}

#sdgs #sdgs_area .cnt_g.g01 .cnt_text p {
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.11em;
}

#sdgs #sdgs_area .cnt_text .list_title {
  color: #231815;
  font-size: 17px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.14em;
  margin-bottom: 10px;
}

#sdgs #sdgs_area .cnt_text .activities_list li {
  color: #231815;
  font-size: 17px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.14em;
}


/*---------------------------
10.採用情報（新卒採用・中途採用）
----------------------------*/

#recruit .page_title01 {
  font-feature-settings: "palt";
  padding: 148px 0 150px;
}

#recruit #application_area {
  margin: 0 auto 180px;
}

#recruit .tab {
  display: flex;
  width: 100%;
}

#recruit .tab li {
  max-width: 360px;
  width: 36%;
  margin-right: 21px;
}

#recruit .tab li a {
  display: block;
  width: 100%;
  height: 100%;
  background: #F5F2EE;
  color: #231815;
  font-size: 20px;
  font-weight: 500;
  line-height: 28.5px;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 12px 20px 12.5px;
}

#recruit .tab li.active a {
  background: #962C46;
  color: #fff;
}

#recruit .area.is-active {
  display: block;
  animation-name: displayAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes displayAnime {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#recruit .area {
  display: none;
  opacity: 0;
  background: #fff;
  border: 1px solid #962C46;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0.04em;
  padding: 41px 42px 74px;
}

#recruit .area .note_text {
  font-size: 12px;
  text-align: right;
  margin-bottom: 19px;
}

#recruit .area table {
  width: 100%;
  table-layout: fixed;
  word-break: break-word;
}

#recruit .area table .color_yellow {
  background: #FFCC00;
}

#recruit .area table tr {
  font-feature-settings: "palt";
  color: #231815;
  font-size: 15.6px;
}


#recruit .area table th {
  width: 14.28%;
  background: #F5F2EE;
  border: 1px solid #9FA0A0;
  border-right: none;
  font-weight: 400;
  padding: 46px 18px;
  text-align: justify;
  text-align-last: justify;
  vertical-align: middle;
}

#recruit .area table td {
  width: 14.28%;
  border: 1px solid #9FA0A0;
  line-height: 21px;
  text-align: center;
  padding: 10.5px 17px;
  vertical-align: middle;
}

#recruit .area table tr td:first-of-type {
  border-left: none;
}

#recruit .area table tr:nth-of-type(1) td {
  text-align: justify;
  text-align-last: justify;
}

#recruit .area table tr:nth-of-type(2) td {
  line-height: 17px;
  text-align: justify;
  text-justify: inter-ideograph;
  padding: 10px;
}

#recruit .area table tr:nth-of-type(9) td:nth-of-type(2) {
  line-height: 17px;
  text-align: left;
  padding: 10.5px 18px;
}

#recruit .area table tr:nth-of-type(11) td {
  padding: 10.5px 48px;
}

#recruit .area table td dl {
  max-width: 658px;
  margin: 0 auto;
}

#recruit .area table td dl>div {
  display: flex;
}

#recruit .area table td dl dt {
  width: 60px;
  font-weight: 400;
}

#recruit .area table td dl dd {
  width: calc(100% - 60px);
  text-align: left;
}

#recruit .area table td a {
  color: #3090BC;
  transition: all 0.3s;
}

#recruit .area table td a:hover {
  opacity: 0.7;
}

#recruit .area table td a::before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-style: solid;
  border-width: 2.5px 0 2.5px 5px;
  border-color: transparent transparent transparent #A6165F;
  margin: 3px 1.5px;
}

#recruit .area#career table tr td {
  padding: 10.5px 12px;
}

#recruit .area#career table tr:nth-of-type(4) td {
  text-align: left;
}

#recruit .area#career table tr:nth-of-type(8) td:nth-of-type(2) {
  padding: 10.5px 5px;
}

#recruit .area#career table tr:nth-of-type(9) td:nth-of-type(5) {
  text-align: left;
  padding: 10.5px 12px;
}


/*-------------
11.新着情報一覧
--------------*/

#news .page_title01 {
  padding: 112px 0 125px
}

#news #search_area {
  margin: 0 auto 49px;
}

#news #search_area .searchform {
  background-color: #F5F2EE;
  padding: 23px;
}

#news #search_area .searchform .input_box {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 630px;
  width: 100%;
  margin: 0 auto;
}

#news #search_area .searchform .search_box {
  background-color: #fff;
  border: 1px solid #C7C8C8;
  color: #231815;
  font-size: 11px;
  font-weight: 400;
  line-height: 19.25px;
  max-width: 630px;
  width: 100%;
  min-height: 30px;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 4px 30px 4px 10.5px;
  margin: 0 auto;
}

#news #search_area .searchform .search_btn {
  position: absolute;
  right: 0;
  width: 18px;
  height: 18px;
  appearance: none;
  -webkit-appearance: none;
  background: url(/assets/img/common/icon_glass.svg) no-repeat;
  background-size: contain;
  border-radius: 0;
  margin: 6.5px 9px;
}

#news #search_area .searchform .search_box input::placeholder {
  color: #9D9E9E;
}

#news .chronological_order_area {
  margin: 0 auto 59px;
}

#news .chronological_order_area ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

#news .chronological_order_area ul li {
  margin: 0 37.5px 20px;
}

#news .chronological_order_area ul li a {
  border-bottom: 1px solid #231815;
  color: #231815;
  font-size: 15.81px;
  font-weight: 500;
  line-height: 24.75px;
  letter-spacing: 0.04em;
  padding-bottom: 4.3px;
}

#news .chronological_order_area ul li a:hover,
#news .chronological_order_area ul li a.current {
  border-bottom: 1px solid #962C46;
  color: #962C46;
}

#news #news_list_area {
  margin-bottom: 140px;
}

#news #news_list_area .contents_in {
  max-width: 781px;
}

#news #news_list_area ul li {
  position: relative;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #C7C8C8;
  padding: 0 0 23px 3px;
  margin-bottom: 23px;
  /* word-break: break-all; */
}

#news #news_list_area ul li:last-child {
  border-bottom: none;
}

#news #news_list_area ul li span {
  display: block;
  width: 100%;
}

#news #news_list_area ul li span.date {
  max-width: 135px;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.04em;
}

#news #news_list_area ul li span.cate {
  max-width: 87px;
  border-radius: 0.85px;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.08em;
  padding: 2px 0;
  text-align: center;
  margin: 6px 13px 0 0;
}

#news #news_list_area ul li a {
  width: calc(100% - 270px);
  color: #308EBA;
  font-feature-settings: "palt";
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.04em;
}

#news #news_list_area ul li a:hover {
  opacity: 0.7;
}

/*---------------
12.新着情報詳細
---------------*/

#news_detail {
  margin-bottom: 139px;
}

#news_detail #article_area {
  margin: 160px auto 140px;
}


#news_detail #article_area .contents_in {
  max-width: 800px;
}

#news_detail .article_title_g {
  border-bottom: 2px solid #B3B3B4;
  padding-bottom: 35px;
  margin-bottom: 47px;
}

#news_detail .article_title_g .article_info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#news_detail .article_title_g .article_info span {
  display: block;
}

#news_detail .article_title_g .date {
  font-size: 13.65px;
  line-height: 21px;
  letter-spacing: 0.04em;
  margin-right: 9.5px;
}

#news_detail .article_title_g .cate {
  width: 75px;
  border-radius: 0.75px;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.08em;
  padding: 1px 0 2px;
  text-align: center;
}

#news_detail .article_title_g .article_title {
  font-size: 32px;
  font-feature-settings: "palt";
  font-weight: 700;
  line-height: 46px;
  margin-top: 4px;
}

#news_detail .article_detail {
  color: #231815;
  font-size: 18px;
  font-feature-settings: "palt";
  line-height: 36px;
  letter-spacing: 0.04em;
}

#news_detail .article_detail a {
  color: #3090BC;
  transition: all 0.3s;
}

#news_detail .article_detail a:hover {
  opacity: 0.7;
}

#news_detail .article_detail a::before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-style: solid;
  border-width: 4.5px 0 4.5px 8.5px;
  border-color: transparent transparent transparent #A6165F;
  margin: 1px 2.5px;
}

#news_detail .article_detail h2 {
  margin-bottom: 1.5em;
}

#news_detail .article_detail a[href$=".pdf"]::after {
  content: "PDF";
  display: inline-block;
  width: 35px;
  color: #fff;
  background: #962C46;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 0.5px 2px 1px;
}

#news_detail .btn_ptn01 {
  max-width: 336px;
  width: 100%;
  margin: 0 auto;
}

#news_detail .btn_ptn01 a {
  font-size: 16.8px;
  line-height: 21px;
}

#news_detail .btn_ptn01 a::before {
  right: auto;
  left: 5px;
  width: 33px;
  height: 6px;
  background: url(../img/common/arrow_left_white.svg) no-repeat;
  background-size: contain;
}

#news_detail .btn_ptn01 a:hover::before {
  left: 0;
}





/*---------------------------
13-01.お問合せ（フォーム画面）
---------------------------*/
/*フォーム・確認画面・完了画面共通*/

.form_page {
  padding-bottom: 100px;
}

.form_page .breadcrumb_area {
  padding-top: 22px;
}

.form_page #form_area .form_g {
  background: #F8F6F3;
  padding: 72px 90px 35px;
  margin: 0 auto 70px;
}

.form_page #form_area .form_g .form_item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(159, 160, 160, .33);
  padding-bottom: 13px;
  margin-bottom: 14px;
}

.form_page #form_area .form_g .form_item:last-of-type {
  border-bottom: none;
}

.form_page #form_area .form_g .form_item dt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 230px;
  width: 28%;
  color: #231815;
  font-feature-settings: "palt";
  font-weight: 700;
  font-size: 15px;
  line-height: 18.5px;
  letter-spacing: 0.04em;
  padding-left: 1.4%;
}

.form_page #form_area .form_g .form_item dt.dt_ai01 {
  align-items: flex-start;
}

.form_page #form_area .form_g .form_item dt .required {
  display: block;
  width: 29px;
  background-color: #962C46;
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
}

.form_page #form_area .form_g .form_item dd {
  max-width: 580px;
  width: 70.73%;
  padding-right: 4.39%;
}

.form_page #form_area .form_g .form_item:last-of-type dd {
  padding-right: 10px;
}

.form_page #form_area .form_g .form_item .form_sub_item {
  margin-bottom: 40px;
}

.form_page #form_area .form_g .form_item .form_sub_item dt {
  display: block;
  max-width: none;
  width: 100%;
  font-weight: 400;
  padding-left: 0;
}

.form_page #form_area .form_g .form_item .form_sub_item dd {
  max-width: none;
  width: 100%;
  padding-right: 0;
}

.form_page #form_area .form_g .form_item .form_sub_item dt span.annotation {
  display: block;
  font-size: 11px;
  line-height: 23.57px;
  margin-bottom: 5px;
}

.form_page #form_area .form_g .form_item dd.text_item02 {
  display: flex;
  justify-content: space-between;
}

.form_page #form_area .form_g .form_item dd.text_item02 .input_box {
  /* display: flex;*/
  align-items: center;
  max-width: 311px;
  width: 47.77%;
}

.form_page #form_area .form_g .form_item dd.text_item02 .input_box label {
  /*width: 33px;*/
  max-width: 226px;
  width: calc(100% - 33px);

}

.form_page #form_area .form_g .form_item dd.text_item02 .input_box input {
  max-width: 226px;
  width: calc(100% - 33px);
}

/*--エラーメッセージ修正 ご住所のエリア--*/
#inquiry #form_area .form_g .form_item:nth-child(10) dd label.error {
  display: block;
  margin-top: -19px;
  margin-bottom: 15px;
}

#inquiry #form_area .form_g .form_item:nth-child(10) dd label.error:last-child {
  display: block;
  margin-top: -4px;
}

/*----*/

.form_page #form_area .form_g .form_item dd.address_item input,
.form_page #form_area .form_g .form_item dd.address_item select,
.form_page #form_area .form_g .form_item dd.address_item input,
.form_page #form_area .form_g .form_item dd.address_item textarea {
  margin-bottom: 15px;
}

.form_page #form_area .form_g .form_item dd.address_item textarea:last-of-type {
  margin-bottom: 0;
}

.form_page #form_area .form_g .form_item label {
  display: inline-block;
  color: #231815;
  font-size: 15px;
  font-weight: 400;
  font-feature-settings: "palt";
  line-height: 18.5px;
  letter-spacing: 0.04em;
  margin-bottom: 3px;
}

.form_page #form_area .form_g .form_item .radio_item label {
  margin-bottom: 5px;
  width: 100%;
}

/* .form_page #form_area .form_g .form_item .radio_item label {
  margin: 0 0 3px 0px;
} */

/* .form_page #form_area .form_g .form_item .radio_item label:last-child {
  margin: 0;
} */

.form_page #form_area .form_g .form_item .text_item label,
.form_page #form_area .form_g .form_item .textarea_item label {
  display: none;
}

.form_page #form_area .form_g .form_item .form_sub_item:nth-of-type(2) label {
  display: block;
}

.form_page #form_area .form_g .form_item .form_sub_item label .italic {
  font-style: italic;
}

.form_page #form_area .form_g .form_item .sub_item_title {
  color: #231815;
  font-weight: 500;
  font-size: 18.75px;
  line-height: 22.29px;
  letter-spacing: 0.04em;
  padding: 30px 0 10px;
}

.form_page #form_area .form_g .form_item dt.agree_text {
  align-items: center;
}

.form_page #form_area .form_g .form_item .agree_item .check_text {
  color: #231815;
  font-size: 15px;
  font-weight: 400;
  line-height: 18.5px;
  letter-spacing: 0.04em;
  padding-right: 0;
}

.form_page #form_area .form_g .form_item a {
  color: #3090BC;
  transition: all 0.3s;
}

.form_page #form_area .form_g .form_item a:hover {
  opacity: 0.7;
}

.form_page #form_area .form_g .form_item a::before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #A6165F;
  margin: 0 1.5px;
}

/*テキスト入力*/

.form_page #form_area .form_g .form_item input[type="text"],
.form_page #form_area .form_g .form_item input[type="tel"],
.form_page #form_area .form_g .form_item input[type="email"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: block;
  height: 32px;
  width: 100%;
  background: #fff;
  border-radius: 0;
  border: 1px solid #C7C8C8;
  font-size: 15px;
  padding: 2px 0.5em;
}

.form_page #form_area .form_g .form_item textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: block;
  height: 32px;
  width: 100%;
  background: #fff;
  border-radius: 0;
  border: 1px solid #C7C8C8;
  font-size: 15px;
  padding: 7px 0.5em 0;
}

.form_page #form_area .form_g .form_item .textarea_item textarea {
  min-height: 95px;
}

/*セレクトボックス*/

.form_page #form_area .form_g .form_item select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: block;
  height: 27px;
  width: 100%;
  max-width: 142px;
  background: url(../img/common/select_arrow.svg) no-repeat right 8px center;
  background-size: 9.39px auto;
  background-color: #F4F4F4;
  border: 1px solid rgba(0, 0, 0, 0.31);
  border-radius: 0;
  font-size: 15px;
  letter-spacing: -0.06em;
  padding: 0 5px;
}

select::-ms-expand {
  display: none;
  /* デフォルトのスタイルを無効(IE用) */
}

.form_page #form_area .form_g .form_item .form_sub_item select {
  max-width: 375px;
}

/*ラジオボタン*/

/* .form_page #form_area .form_g .form_item input[type="radio"] {
  width: 14px;
  height: 14px;
  vertical-align: baseline;

} */

.form_page #form_area .form_g .form_item input[type="radio"] {
  display: none;
}

.form_page #form_area .radio_item label span {
  position: relative;
  color: #231815;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0.04em;
  padding-left: 18px;
  margin-right: 35px;
  cursor: pointer;
}

.form_page #form_area .radio_item label span:before {
  content: "";
  position: absolute;
  margin: auto;
  top: 4px;
  bottom: auto;
  left: 0;
  border: 1px solid #DADBDB;
  border-radius: 50%;
  background-color: #fff;
  width: 14px;
  height: 14px;
}

.form_page #form_area .radio_item label span:after {
  content: "";
  position: absolute;
  margin: auto;
  top: 8px;
  bottom: auto;
  left: 4px;
  background-color: #9B2C46;
  border-radius: 50%;
  opacity: 0;
  width: 6px;
  height: 6px;
}

.form_page #form_area .radio_item input:checked+span:after {
  opacity: 1;
}




/*チェックボックス*/

.form_page #form_area .form_g .form_item .checkbox_item input[type="checkbox"] {
  height: fit-content;
  display: none;
}

.form_page #form_area .form_g .form_item .checkbox_item .check_text {
  display: inline-block;
  position: relative;
  padding: 0 36px 0 20px;
}

.form_page #form_area .form_g .form_item .checkbox_item .form_sub_item .check_text {
  padding: 0 16px 0 18px;
}

.form_page #form_area .form_g .form_item .checkbox_item .check_text::before,
.form_page #form_area .form_g .form_item .checkbox_item .check_text::after {
  content: "";
  position: absolute;
  display: block;
}

.form_page #form_area .form_g .form_item .checkbox_item .check_text::before {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 14px;
  height: 14px;
  top: 3px;
  left: 0;
}

.form_page #form_area .form_g .form_item .checkbox_item .check_text::after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 9.32px;
  height: 6.13px;
  margin-top: -4px;
  top: 11px;
  left: 3px;
  transform: rotate(-51deg);
  border-bottom: 2px solid;
  border-left: 2px solid;
  border-color: #fff;
}

.form_page #form_area .form_g .form_item input[type="checkbox"]:checked+.check_text::after {
  opacity: 1;
  border-color: #c93664;
}

.form_page #form_area .form_g .form_item input[type="checkbox"]:checked+.check_text::before {
  opacity: 1;
  background-color: #fff;
}

.form_page #form_area .form_g .form_item .checkbox_item .form_sub_item .check_text::before {
  top: 3px;
}

.form_page #form_area .form_g .form_item .checkbox_item .form_sub_item .check_text::after {
  top: 10px;
}

.form_page #form_area .form_g .form_item .checkbox_item .form_sub_item .form_sub_item_small {
  padding-left: 1em;
}

.form_page #form_area .form_g .form_item .checkbox_item .form_sub_item .form_sub_item_small label {
  font-size: 15px;
}


/*送信ボタン*/

.form_page #form_area .link_btn_wrap {
  max-width: 336px;
  margin: 0 auto;
}

.form_page #form_area .btn_from {
  position: relative;
  max-width: 336px;
  background: #962C46;
  transition: .3s all;
}

.form_page #form_area .btn_from.btn_back {
  background: #999;
  margin: 20px auto 0;
}

.form_page #form_area .btn_from:hover {
  background: #C93664;
}

.form_page #form_area .btn_from::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 7px;
  display: block;
  width: 33.5px;
  height: 6.5px;
  background: url(../img/common/arrow_right_white.svg) no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  transition: all 0.3s;
}

/* .form_page #form_area .link_btn_wrap .btn_from.btn_back::before {
  left: 30px;
  background: url(../img/common/icon_btnback_arrow.svg) no-repeat left center;
  background-size: contain;
} */

.form_page #form_area .btn_from:hover::before {
  right: 0;
}

/* .form_page #form_area .link_btn_wrap .btn_from.btn_back:hover::before {
  left: 25px;
} */

.form_page #form_area .btn_from input[type="submit"],
.form_page #form_area .btn_from input[type="button"] {
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  border-radius: 0;
  color: #fff;
  font-size: 16.8px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.07em;
  text-align: center;
  padding: 12px 0;
  cursor: pointer;
  z-index: 1;
}

/* .form_page #form_area .link_btn_wrap .btn_from input[type="button"] {
  font-size:16.8px;
  padding: 9.5px 0 10px;
} */



/*電話番号用入力フォーム（デザインに合わせる）*/

.form_page #form_area .tel_form_item .tel_box {
  display: flex;
  align-items: center;
}

.form_page #form_area .tel_form_item .tel_box input {
  max-width: 93px;
}


/*お問い合わせページCSS*/
#inquiry .page_title01 {
  padding: 110px 0 96px;
}

#inquiry #explanation_area {
  margin: 0 auto 84px;
}

#inquiry #explanation_area .contents_in {
  max-width: 878px;
}

#inquiry #explanation_area .cnt_title {
  color: #9b2c46;
  font-feature-settings: "palt";
  font-size: 26px;
  line-height: 42.27px;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
}

#inquiry #explanation_area .cnt_g {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #9b2c46;
  border-radius: 7.5px;
  padding: 42px 40px;
  margin: 0 auto 3px;
}

#inquiry #explanation_area .cnt_g .g_title {
  max-width: 150px;
  width: 100%;
  color: #9b2c46;
  font-size: 18px;
  font-weight: 700;
  line-height: 23.5px;
  letter-spacing: 0.08em;
  text-align: center;
}

#inquiry #explanation_area .cnt_g .g_title span {
  display: block;
  border-top: 1px solid rgba(185, 31, 82, 0.75);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 3px;
}

#inquiry #explanation_area .cnt_g ul {
  display: flex;
  justify-content: space-between;
  max-width: 602px;
  width: calc(100% - 185px);
}

#inquiry #explanation_area .cnt_g ul li {
  display: flex;
  max-width: 284px;
  width: 47.5%;
}

#inquiry #explanation_area .cnt_g ul li:first-child .cnt_img {
  max-width: 127px;
  margin-right: 11px;
}

#inquiry #explanation_area .cnt_g ul li:last-child .cnt_img {
  max-width: 110px;
  margin-right: 11px;
}

#inquiry #explanation_area .cnt_g ul li dl dt {
  color: #962C46;
  font-size: 20px;
  font-weight: 700;
  line-height: 23.52px;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
}

#inquiry #explanation_area .cnt_g ul li dl dd {
  display: flex;
  font-size: 14px;
  line-height: 23.52px;
  letter-spacing: 0.08em;
}

#inquiry #explanation_area .cnt_g ul li dl dd span:first-child {
  margin-right: 10px;
}

#inquiry #explanation_area .text_note {
  font-size: 14px;
  line-height: 30.54px;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: 20px;
}


#inquiry #form_area .form_g .form_item .form_sub_item {
  margin-bottom: 25px;
}

#inquiry #form_area .form_g .form_item .form_sub_item label {
  margin-bottom: 7px;
}

#inquiry #form_area .form_g .form_item:last-of-type dd {
  padding-right: 0;
}

#inquiry #form_area .form_g .form_item .form_sub_item:nth-child(5) .form_label_ptn01:nth-child(n+3) {
  display: block;
}

#inquiry #form_area .form_g .form_item .checkbox_item .form_sub_item .form_sub_item_small .check_text {
  letter-spacing: 0;
  padding: 0 11px 0 16px;
}

#inquiry #form_area .form_g .form_item .checkbox_item .form_sub_item .form_sub_item_small label:last-child .check_text:last-child {
  padding: 0 0 0 16px;
}

/*---------------------------*/
.form-invalid,
.error__text,
.error__text--confirm {
  color: #de0000;
  font-size: 0.8em;
  padding-top: 4px;
}

label.error {
  color: #de0000 !important;
  font-size: 0.8em !important;
  padding-top: 4px;
}

#inquiry #form_area .address_form_item .dt_ai01 .address_item #zip-error {
  display: block;
  margin-top: -18px;
}










/*------------------------------
13-02.確認画面
-------------------------------*/

.confirm_page #form_area .form_g .form_item .form_sub_item dt {
  margin-bottom: 8px;
}

.confirm_page #form_area dd {
  color: #231815;
  font-size: 15px;
  font-weight: 400;
  font-feature-settings: "palt";
  line-height: 24px;
  letter-spacing: 0.04em;
}

.confirm_page #form_area dd.address_item>div {
  display: flex;
}

.confirm_page #form_area dd span {
  display: inline-block;
  margin-right: 1em;
}

.confirm_page #form_area .form_g .form_item dt .required {
  display: none;
}

.confirm_page #form_area .form_g .form_item .form_sub_item dt span.annotation {
  display: none;
}

/*------------------------------
13-03．完了画面
-------------------------------*/

.complete_page #complete_area {
  padding: 60px 0 100px;
}

.complete_page #complete_area h2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 48px;
  text-align: center;
  margin-bottom: 35px;
}

.complete_page #complete_area p {
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0.14em;
  text-align: center;
  margin-bottom: 40px;
}

.complete_page #complete_area .btn_ptn01 {
  margin: 0 auto;
}




/*------------------------------
14-01.資料ダウンロード（フォーム画面）
-------------------------------*/

#download #form_area .dl_form_item dt.form_dt_ptn01 {
  max-width: 190px;
  width: 20.5%;
}

#download #form_area .dl_form_item dd.checkbox_item {
  max-width: 783px;
  width: 79.49%;
  padding-right: 0;
}

#download #form_area .dl_form_item .form_sub_item dt {
  padding-left: 0;
  margin-bottom: 5px;
}

#download #form_area .dl_form_item .form_sub_item dd {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#download #form_area .dl_form_item .form_sub_item:first-child dd label {
  width: 25%;
}

#download #form_area .dl_form_item .form_sub_item:nth-child(2) dd label {
  width: 44.7%;
  margin-bottom: 10px;
}

#download #form_area .dl_form_item .form_sub_item:nth-child(3) dd label {
  width: 100%;
}

#download #form_area .form_g .form_item .form_sub_item dt {
  font-weight: 700;
}


/*--エラーメッセージ修正 ご住所のエリア--*/
#download #form_area .form_g .form_item:nth-child(9) dd label.error {
  display: block;
  margin-top: -19px;
  margin-bottom: 15px;
}

#download #form_area .form_g .form_item:nth-child(9) dd label.error:last-child {
  display: block;
  margin-top: -4px;
}

/*----*/

/*------------------------------
14-02.資料ダウンロード確認画面
-------------------------------*/

/*------------------------------
14-03.資料ダウンロード完了画面
-------------------------------*/

/* #download_confirm.complete_page #complete_area .more_btn.dl_btn {
  max-width: 250px;
  margin-bottom: 20px;
}

#download_confirm.complete_page #complete_area .more_btn.dl_btn a {
  border: 1px solid #962C46;
  border-radius: 15px;
  background: #962C46;
  color: #fff;
}

#download_confirm.complete_page #complete_area .more_btn.dl_btn a:hover {
  border: 1px solid #C93664;
  background: #C93664;
}

#download_confirm.complete_page #complete_area .more_btn.dl_btn a:hover:before{
  display: none;
} */


/*------------------------------
14-03.資料ダウンロード完了画面
-------------------------------*/
/*---------------------------
15.プライバシーポリシー
----------------------------*/
#privacy_policy .breadcrumb_area {
  padding-top: 22px;
}

#privacy_policy {
  padding-bottom: 101px;
}

#privacy_policy #privacy_policy_area p {
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
  text-align: left;
}

#privacy_policy .page_title {
  padding: 110px 0 100px;
  font-size: 37px;
  font-weight: 700;
  line-height: 45.7px;
  letter-spacing: 0.16em;
}

#privacy_policy #privacy_policy_area h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
  color: #9b2c46;
}

#privacy_policy #privacy_policy_area .privacy_policy_announcement p {
  margin-bottom: 70px;
}

#privacy_policy #privacy_policy_area .privacy_policy_txt h3 {
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0.04em;
}

#privacy_policy #privacy_policy_area .privacy_policy_txt h3 .bold {
  font-size: 18px;
  font-weight: 700;
}

#privacy_policy #privacy_policy_area .privacy_policy_txt p {
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0.04em;
  margin: 0 0 35px 1em;
  font-feature-settings: "palt";
}

#privacy_policy #privacy_policy_area .privacy_policy_txt h3:nth-child(1) {
  text-indent: 0em;
  margin-left: 0em;
}

#privacy_policy #privacy_policy_area .privacy_policy_txt p.indent {
  text-indent: 1em;
  margin-left: 0em;
}

#privacy_policy #privacy_policy_area ul {
  margin: 0 0 35px 1em;
}

#privacy_policy #privacy_policy_area ul li {
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
}


/*---------------------------
16.サプリメントをお考えのお客様へ
----------------------------*/

#manufacturing #underlayer_menu {
  padding: 120px 0 110px;
}

#manufacturing #underlayer_menu .contents_in {
  max-width: 1102px;
}

#manufacturing #underlayer_menu .page_title {
  font-size: 40px;
  line-height: 70px;
  letter-spacing: 0.09em;
  text-align: center;
  margin-bottom: 167px;
}

#manufacturing .cnt_g_ptn01 {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 172px;
}

#manufacturing .cnt_g_ptn01:nth-child(even) {
  flex-direction: row-reverse;
}

#manufacturing .cnt_g_ptn01:nth-of-type(2) {
  margin: 0 auto 141px;
}

#manufacturing .cnt_g_ptn01:last-child {
  margin-bottom: 0;
}

#manufacturing .cnt_g_ptn01 .cnt_img {
  position: absolute;
  top: -87px;
  left: 0;
  max-width: 662px;
  width: 60%;
  z-index: 1;
}

#manufacturing .cnt_g_ptn01:nth-child(odd) .cnt_img {
  top: -118px;
  right: -19px;
  left: auto;
}

#manufacturing .cnt_g_ptn01 .cnt_box {
  max-width: 515px;
  width: 46.73%;
  background: #F5F2EE;
  font-feature-settings: "palt";
  padding: 74px 76px 65px 135px;
}

#manufacturing .cnt_g_ptn01:nth-child(odd) .cnt_box {
  margin-left: 22px;
}

#manufacturing .cnt_g_ptn01:nth-of-type(2) .cnt_box {
  padding: 58px 142px 53px 70px;
}

#manufacturing .cnt_g_ptn01:nth-of-type(3) .cnt_box {
  padding: 74px 86px 72px 135px;
}

#manufacturing .cnt_g_ptn01:nth-of-type(4) .cnt_box {
  padding: 73px 145px 73px 71px;
}

#manufacturing .cnt_g_ptn01 .cnt_box .cnt_title {
  font-size: 28px;
  font-weight: 700;
  line-height: 49px;
  letter-spacing: 0.09em;
  margin-bottom: 20px;
}

#manufacturing .cnt_g_ptn01:nth-of-type(2) .cnt_box .cnt_title {
  margin-bottom: 29px;
}

#manufacturing .cnt_g_ptn01:nth-of-type(4) .cnt_box .cnt_title {
  margin-bottom: 29px;
}

#manufacturing .cnt_g_ptn01 .cnt_box p {
  max-width: 303px;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.14em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 24px;
}

#manufacturing .cnt_g_ptn01 .cnt_box ul {
  max-width: 303px;
  margin-bottom: 29px;
}

#manufacturing .cnt_g_ptn01 .cnt_box ul li {
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.14em;
}

#manufacturing .cnt_g_ptn01 .cnt_box .btn_ptn01 {
  margin-top: 9px;
}



/*---------------------------
17.BIZEN-Technology
----------------------------*/

#system .title_header .mv_title {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 706px;
  width: 55.156vw;
  transform: translate(-50%, -50%);
}

#system #underlayer_menu {
  padding: 156px 0 85px;
}

#system #underlayer_menu .contents_in {
  max-width: 1170px;
}

#system #underlayer_menu .page_title {
  font-size: 40px;
  line-height: 70px;
  letter-spacing: 0.09em;
  text-align: center;
  margin-bottom: 199px;
}

#system .cnt_g_ptn01 {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 141px;
}

#system .cnt_g_ptn01:nth-child(even) {
  flex-direction: row-reverse;
}

#system .cnt_g_ptn01:nth-of-type(2) {
  margin: 0 auto 182px;
}

#system .cnt_g_ptn01:last-child {
  margin-bottom: 0;
}

#system .cnt_g_ptn01 .cnt_img {
  position: absolute;
  top: -117px;
  left: 67px;
  max-width: 662px;
  width: 56.58%;
  z-index: 1;
}

#system .cnt_g_ptn01:nth-child(odd) .cnt_img {
  top: -76px;
  right: 60px;
  left: auto;
}

#system .cnt_g_ptn01 .cnt_box {
  max-width: 516px;
  width: 44.1%;
  background: #F5F2EE;
  font-feature-settings: "palt";
  padding: 61px 78px 65px 140px;
}

#system .cnt_g_ptn01:nth-of-type(2) .cnt_box {
  padding: 54px 144px 59px 70px;
}

#system .cnt_g_ptn01:nth-of-type(3) .cnt_box {
  padding: 66px 82px 67px 137px;
}

#system .cnt_g_ptn01 .cnt_box .cnt_title {
  max-width: 203px;
  width: 100%;
  margin-bottom: 33px;
}

#system .cnt_g_ptn01:nth-of-type(3) .cnt_box .cnt_title {
  margin-bottom: 25px;
}

#system .cnt_g_ptn01 .cnt_box p {
  max-width: 303px;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.14em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 23px;
}

#system .cnt_g_ptn01:nth-of-type(2) .cnt_box p {
  margin-bottom: 32px;
}

#system .cnt_g_ptn01:nth-of-type(3) .cnt_box p {
  margin-bottom: 40px;
}

#system .cnt_g_ptn01 .cnt_box .btn_ptn01 {
  margin-top: 9px;
}


/*---------------------------
18.B-ReC
----------------------------*/
/* #b-rec .title_header .contents_in {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 1280px;
  width: 100%;
  z-index: 1;
  transform: translate(-50%, -50%);
}

#b-rec .title_header .title_area {
  position: relative;
  right: 14.141vw;
  max-width: 400px;
  width: 31.25vw;
  margin: 0 0 0 auto;
}

#b-rec .title_header .mv_title {
  color: #fff;
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

#b-rec .title_header .mv_title .sub_title {
  display: block;
  font-size: 26px;
  font-weight: 400;
  line-height: 37px;
  margin-bottom: 12px;
}

#b-rec .title_header .mv_title .title_img {
  display: block;
  max-width: 180.52px;
  width: 14.103vw;
  margin: 28px auto 0;
} */


.manufacturing_page #title_area {
  padding: 185px 0 106px;
}

.manufacturing_page #title_area .lead_text {
  font-size: 40px;
  line-height: 70px;
  letter-spacing: 0.09em;
  text-align: center;
  margin-bottom: 42px;
}

.manufacturing_page #title_area .page_title {
  max-width: 382.87px;
  width: 100%;
  margin: 0 auto;
}

.manufacturing_page #efficacy_area {
  padding: 51px 0 54px;
}

.manufacturing_page #efficacy_area .contents_in {
  max-width: 959px;
  background: #fff;
  padding: 68px 72px 62px;
}

.manufacturing_page #point_area {
  padding: 108px 0 130px;
}

.manufacturing_page #point_area .point_list li {
  margin: 0 auto 90px;
}

.manufacturing_page #point_area .point_list li:last-child {
  margin-bottom: 0;
}

.manufacturing_page #point_area .point_list .title_g {
  margin: 0 auto 48px;
}


.manufacturing_page #point_area .point_list .title_g .cnt_title {
  position: relative;
  width: calc(100% - 36px);
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 8px 0 9px;
  margin: 0 auto;
}

.manufacturing_page #point_area .point_list .title_g .cnt_title::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: #962C46;
  transform: skewX(-18deg);
  transition: all 0.3s;
}

.manufacturing_page #point_area .point_list .title_g .number_title {
  display: flex;
  justify-content: center;
  font-size: 23px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: 0.04em;
  margin: 0 auto 16px;
}

.manufacturing_page #point_area .point_list .title_g .number_title .inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.manufacturing_page #point_area .point_list .title_g .number_title .inner::before,
.manufacturing_page #point_area .point_list .title_g .number_title .inner::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 52px;
  background-color: #962C46;
  position: absolute;
  top: -10px;
}

.manufacturing_page #point_area .point_list .title_g .number_title .inner::before {
  left: -45px;
  transform: rotate(-20deg);
}

.manufacturing_page #point_area .point_list .title_g .number_title .inner::after {
  right: -45px;
  transform: rotate(20deg);
}

.manufacturing_page #point_area .point_list .title_g .number_title .inner .name {
  display: block;
  width: 112px;
  margin: 7px 18px 0 0;
}

.manufacturing_page #point_area .point_list .title_g .number_title .inner .text_big {
  font-size: 43px;
  line-height: 1;
}

.manufacturing_page #point_area .point_list .cnt_img {
  margin: 0 auto 27px;
}

.manufacturing_page #point_area .point_list .cnt_text {
  max-width: 690px;
  font-feature-settings: "palt";
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.14em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 0 auto 34px;
}

.manufacturing_page #point_area .conclusion_text {
  font-feature-settings: "palt";
  font-size: 30px;
  line-height: 47.34px;
  letter-spacing: 0.08em;
  padding-bottom: 10px;
  text-align: center;
}

.manufacturing_page #point_area .conclusion_text .inner {
  position: relative;
  display: inline-block;
  font-weight: 700;
}

.manufacturing_page #point_area .inner::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  display: block;
  width: 100%;
  height: 2px;
  background: #962C46;
  transform: translateX(-50%);
}

#b-rec #title_area .lead_text {
  letter-spacing: 0;
}

#b-rec #efficacy_area .cnt_title {
  font-feature-settings: "palt";
  font-size: 33px;
  line-height: 48px;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: 32px;
}

#b-rec #efficacy_area .cnt_img {
  max-width: 811px;
  width: 100%;
  margin: 0 auto 55px;
}

#b-rec #efficacy_area ul {
  max-width: 710px;
  display: flex;
  align-items: center;
  margin: 0 auto 50px;
}

#b-rec #efficacy_area ul li {
  position: relative;
  font-size: 48.84px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  padding-left: 31px;
  margin-right: 65px;
}

#b-rec #efficacy_area ul li:last-child {
  margin-right: 0;
}

#b-rec #efficacy_area ul li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 19px;
  height: 19px;
  background: #962C46;
  border-radius: 50%;
  transform: translateY(-50%);
}

#b-rec #efficacy_area ul li span {
  position: relative;
  display: block;
  z-index: 1;
}

#b-rec #efficacy_area ul li span::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 111px;
  height: 111px;
  border: 6.3px solid #FFF000;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

#b-rec #efficacy_area p {
  font-size: 28.45px;
  font-weight: 700;
  line-height: 41px;
  letter-spacing: 0.04em;
  text-align: center;
}

#b-rec #point_area .point_list li.point1 .cnt_img {
  max-width: 687px;
}

#b-rec #point_area .point_list li.point2 .cnt_img {
  max-width: 810px;
  margin: 0 auto 55px;
}

#b-rec #point_area .point_list li.point3 .cnt_img {
  max-width: 450px;
  margin: 0 auto 45px;
}

#b-rec #point_area .point_list li.point3 .title_g {
  margin: 0 auto 56px;
}

/*メディア掲載リンク*/
#publication_link_area {
  padding: 62px 0 89px;
  margin-bottom: 160px;
}

#publication_link_area .contents_in {
  max-width: 715px;
}

#publication_link_area .publication_link_title {
  font-feature-settings: "palt";
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.14em;
  text-align: center;
  margin-bottom: 50px;
}

#publication_link_area .btn_publication_link {
  width: 100%;
}

#publication_link_area .btn_publication_link a {
  display: flex;
  box-shadow: 0px 3px 17px 3px rgb(51 51 51 / 20%);
}

#publication_link_area .btn_publication_link a:hover {
  opacity: 0.85;
}

#publication_link_area .btn_publication_link a .cnt_img {
  width: 50.63%;
}

#publication_link_area .btn_publication_link a .cnt_text {
  width: 49.37%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.1em;
  text-align: center;
}

/*END　メディア掲載リンク*/

/*---------------------------
19.B-MoG
----------------------------*/
#b-mog {
  font-feature-settings: "palt";
}

#b-mog #title_area .page_title {
  max-width: 482.4px;
}

#b-mog #efficacy_area .contents_in {
  padding: 67px 48px 53px;
}

#b-mog #efficacy_area .cnt_title {
  font-size: 26px;
  font-weight: 700;
  line-height: 37px;
  text-align: center;
  margin-bottom: 17px;
}

#b-mog #efficacy_area .effect_text {
  font-size: 21px;
  line-height: 32px;
  letter-spacing: 0.12em;
  text-align: center;
  margin-bottom: 30px;
}

#b-mog #efficacy_area .conclusion_text {
  font-size: 34px;
  font-weight: 700;
  line-height: 41px;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: 81px;
}

#b-mog #efficacy_area .conclusion_text .inner {
  position: relative;
  display: inline-block;
  padding-bottom: 7px;
}

#b-mog #efficacy_area .conclusion_text .inner::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  display: block;
  width: 100%;
  height: 2px;
  background: #962C46;
  transform: translateX(-50%);
}

#b-mog #efficacy_area .cnt_g {
  display: flex;
  justify-content: space-between;
  max-width: 853px;
  margin: 0 auto 68px;
}

#b-mog #efficacy_area .cnt_g .cnt_text {
  max-width: 392px;
  width: 45.96%;
  margin-left: 4%;
}

#b-mog #efficacy_area .cnt_g .cnt_text {
  max-width: 417px;
  width: 48.5%;
  margin-left: 3.7%;
}

#b-mog #efficacy_area .cnt_g .cnt_text p {
  font-size: 25px;
  line-height: 45.2px;
  letter-spacing: 0.08em;
}

#b-mog #efficacy_area .cnt_g .cnt_text .logo_b-mog {
  display: inline-block;
  max-width: 226px;
  padding-left: 13px;
  vertical-align: middle;
}

#b-mog #efficacy_area .cnt_g .cnt_img {
  max-width: 360px;
  width: 42.21%;
}

#b-mog #efficacy_area .mechanism_box {
  border: 1px solid #962C46;
  padding: 15px 8.5px 20px 19px;
}

#b-mog #efficacy_area .mechanism_box .box_title {
  font-size: 21px;
  line-height: 30px;
  letter-spacing: 0.08em;
  margin-bottom: 15px;
}

#b-mog #efficacy_area .mechanism_box .cnt_img {
  max-width: 828px;
  margin-left: 4px;
}

#b-mog #point_area {
  padding: 100px 0 117px;
}

#b-mog #point_area .point_list .title_g .cnt_title span {
  font-size: 26px;
  font-weight: 400;
}

#b-mog #point_area .point_list .point1 {
  margin: 0 auto 100px;
}

#b-mog #point_area .point_list .point1 .cnt_img {
  max-width: 467px;
  padding-right: 30px;
  margin: 0 auto 35px;
}

#b-mog #point_area .point_list .point1 {
  margin: 0 auto 110px;
}

#b-mog #point_area .point_list .point2 .title_g {
  margin: 0 auto 63px;
}

#b-mog #point_area .point_list .point2 .cnt_img {
  max-width: 662px;
  padding-right: 5px;
  margin: 0 auto 39px;
}

#b-mog #point_area .point_list .point3 .title_g {
  margin: 0 auto 36px;
}

#b-mog #point_area .point_list .point3 .cnt_img {
  max-width: 735px;
  padding-left: 15px;
  margin: 0 auto 30px;
}


/*---------------------------
20.B-HiT
----------------------------*/

#b-hit {
  font-feature-settings: "palt";
}

#b-hit #title_area .page_title {
  max-width: 396px;
}

#b-hit #efficacy_area .cnt_g {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 78px;
}

#b-hit #efficacy_area .contents_in {
  padding: 58px 64px 70px 68px;
}

#b-hit #efficacy_area .cnt_title {
  max-width: 432px;
  width: 51.62%;
  font-size: 34.74px;
  line-height: 68.79px;
  letter-spacing: 0.04em;
}

#b-hit #efficacy_area .text_big {
  position: relative;
  font-size: 43.58px;
  font-weight: 700;
}

#b-hit #efficacy_area .text_big::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  display: block;
  width: 100%;
  height: 2px;
  background: #962C46;
  transform: translateX(-50%);
}

#b-hit #efficacy_area .cnt_img {
  max-width: 350px;
  width: 41.82%;
}

#b-hit #efficacy_area .logo_img {
  max-width: 314px;
  margin: 0 auto 50px;
}

#b-hit #efficacy_area ul {
  max-width: 650px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 78px;
}

#b-hit #efficacy_area ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 202px;
  width: 31.1%;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0.05em;
  padding: 12px 5px;
  text-align: center;
}

#b-hit #efficacy_area ul li::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 116px;
  background: #962C46;
  transform: skewY(-6deg);
  z-index: -1;
}

#b-hit #efficacy_area ul li span.text_small {
  display: block;
  font-size: 14.18px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}

#b-hit #efficacy_area p {
  max-width: 843px;
  font-size: 17.5px;
  line-height: 27.15px;
  letter-spacing: 0.08em;
  text-align: center;
  margin-bottom: 30px;
}

#b-hit #efficacy_area p .text_bold {
  font-size: 19.6px;
  font-weight: 700;
}

#b-hit #efficacy_area .conclusion_text {
  font-size: 26px;
  font-weight: 700;
  line-height: 27.15px;
  letter-spacing: 0.08em;
  text-align: center;
  margin-bottom: 0;
}

#b-hit #example_area {
  padding: 66px 0 85px;
}

#b-hit #example_area .contents_in {
  max-width: 843px;
}

#b-hit #example_area .example_title {
  font-size: 37.5px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: 0.04em;
  margin-bottom: 20px;
}

#b-hit #example_area p {
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.08em;
  margin-bottom: 55px;
}

#b-hit #example_area p .text_small {
  display: block;
  font-size: 14px;
}

#b-hit #example_area .cnt_img {
  max-width: 807px;
  margin: 0 auto 60px;
}

#b-hit #example_area .cnt_box {
  max-width: 526px;
  margin: 0 auto;
}

#b-hit #example_area .cnt_box .box_title {
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  margin-bottom: 9px;
}

#b-hit #example_area .img_g {
  display: flex;
  justify-content: space-between;
  padding-left: 34px;
}

#b-hit #example_area .img_g .img_box {
  margin: 0 37px;
}

#b-hit #example_area .img_g .img_box.img01 {
  position: relative;
  max-width: 166px;
  width: 33.74%;
}

#b-hit #example_area .img_g .img_box.img01::before {
  content: "";
  position: absolute;
  top: 26%;
  right: -60px;
  display: block;
  width: 41.27px;
  height: 42.53px;
  background: url(../img/manufacturing/system/b-hit/arrow_black.svg) no-repeat;
  background-size: contain;
}

#b-hit #example_area .img_g .img_box.img02 {
  max-width: 178px;
  width: 36.18%;
}

#b-hit #example_area .img_g .img_box figcaption {
  font-size: 21px;
  line-height: 30px;
  text-align: center;
  margin-top: 8px;
}

#b-hit #example_area .img_g .img_box.img02 figcaption {
  max-width: 81px;
  margin: 10px auto 0;
}




/*---------------------------
21.機能性表示OEM
----------------------------*/

#oem .title_header .title_area {
  position: relative;
}

#oem .title_header .contents_in {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 1280px;
  width: 100%;
  z-index: 1;
  transform: translate(-50%, -50%);
}

#oem .title_header .title_area {
  position: relative;
  left: 49px;
  max-width: 629px;
}

#oem .title_header .title_area .title_ptn02 {
  max-width: 630px;
  width: 100%;
  font-size: 36px;
  font-weight: 500;
  line-height: 56px;
  letter-spacing: 0.14em;
  padding: 33px 5px 33px 71px;
}

#oem .title_header .title_area .title_ptn02::before {
  background: #fff;
}

#oem #introduce_area {
  position: relative;
  padding: 120px 0 0;
}

#oem #introduce_area .cnt_block {
  position: relative;
  z-index: 1;
}

#oem #introduce_area .bg_skew_ptn01::before {
  top: 24px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 343px;
  transform: skewY(-3deg);
}

#oem #introduce_area .cnt_block .contents_in {
  max-width: 890px;
}

#oem #introduce_area .cnt_block .cnt_g {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#oem #introduce_area .cnt_block .cnt_g .balloon {
  background: #fff;
}

#oem #introduce_area .cnt_block .cnt_g .balloon {
  border-radius: 5px;
  width: 385px;
  height: 117px;
  position: relative;
  color: #000;
}

#oem #introduce_area .cnt_block .cnt_g .balloon::before {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  transform: rotate(-114deg) skew(20deg, 23deg);
  top: auto;
  right: 22%;
  bottom: -8px;
  background: #fff;
}

#oem #introduce_area .cnt_block .cnt_g .balloon::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#oem #introduce_area .cnt_block .cnt_g .balloon p {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: #fff;
  border-radius: 5px;
  font-feature-settings: "palt";
  font-size: 22px;
  line-height: 33px;
  letter-spacing: 0.02em;
  padding: 0 20px 0 30px;
  z-index: 5;
}

#oem #introduce_area .cnt_block .cnt_g .balloon,
.balloon::before {
  box-shadow: 0 0 12px 2px rgb(0 0 0 / 20%);
}

#oem #introduce_area .cnt_block .cnt_g .balloon:nth-child(2) {
  margin: 60px 30px 0 0;
}

#oem #introduce_area .cnt_block .cnt_g .balloon:nth-child(3) {
  margin: 37px 0 0 30px;
}

#oem #introduce_area .cnt_block .cnt_g .balloon:nth-child(4) {
  margin: 87px 0 0 30px;
}


#oem #introduce_area .cnt_block02 {
  position: relative;
  margin-top: -4vw;
  z-index: 0;
}

#oem #introduce_area .cnt_block02 .contents_in {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 1075px;
  width: 100%;
  padding: 136px 0 133px;
  transform: translate(-50%, -50%);
}

#oem #introduce_area .cnt_block02 .lead_text {
  max-width: 770px;
  font-feature-settings: "palt";
  font-size: 32px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: 0.14em;
  text-align: center;
  text-shadow: 0px 1px 9px rgb(255 255 255 / 90%);
  margin: 0 0 0 auto;
}

#oem #introduce_area .cnt_block02 .lead_text span {
  position: relative;
}

#oem #introduce_area .cnt_block02 .lead_text span::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  display: block;
  width: 100%;
  height: 3px;
  background: #962C46;
  transform: translateX(-50%);
}

#oem #support_area {
  padding: 144px 0 137px;
}

#oem .cnt_title_ptn01 {
  position: relative;
  color: #3E3A39;
  font-feature-settings: "palt";
  font-size: 40px;
  font-weight: 500;
  line-height: 83px;
  letter-spacing: 0.14em;
  text-align: center;
  padding-bottom: 20px;
  margin: 0 auto 80px;
}

#oem .cnt_title_ptn01::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: 30px;
  height: 1px;
  background-color: #962C46;
  transform: translateX(-50%);
}

#oem #support_area .support_g {
  max-width: 854px;
  margin: 0 auto 80px;
}

#oem #support_area .support_g .inner {
  position: relative;
  max-width: 698px;
  padding: 0 20px 0 15px;
  margin: 0 0 110px auto;
}

#oem #support_area .support_g .inner::before {
  content: "";
  position: absolute;
  left: -6px;
  bottom: 0;
  display: block;
  width: 6px;
  height: calc(100% - 50px);
  background: #C6C7C7;
  z-index: 0;
}

#oem #support_area .support_g .inner::after {
  content: "";
  position: absolute;
  left: -33px;
  bottom: -91px;
  display: block;
  width: 60.94px;
  height: 91.7px;
  background: url(../img/manufacturing/oem/arrow_down.svg) no-repeat;
  z-index: 0;
}

#oem #support_area .support_g .cnt_box {
  position: relative;
  margin-bottom: 52px;
}

#oem #support_area .support_g .cnt_box h3 {
  position: relative;
  border-bottom: 2px solid #962C46;
  color: #962C46;
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
  padding: 0 0 9px 96px;
  margin-bottom: 10px;
}

#oem #support_area .support_g .cnt_box.no_title h3 {
  border-bottom: none;
}

#oem #support_area .support_g .cnt_box h3::before {
  content: "";
  position: absolute;
  left: -34px;
  bottom: -17px;
  display: block;
  width: 34px;
  height: 34px;
  background: url(../img/manufacturing/oem/deco01.svg) no-repeat;
  background-size: contain;
  z-index: 1;
}

#oem #support_area .support_g .cnt_box h3::after {
  content: "";
  position: absolute;
  right: -8px;
  bottom: -5px;
  display: inline-block;
  width: 2px;
  height: 24px;
  background-color: #962C46;
  transform: rotate(45deg);
}

#oem #support_area .support_g .cnt_box.no_title h3::after {
  display: none;
}

#oem #support_area .support_g .cnt_box h3 .sub_title {
  display: block;
  max-width: 168px;
  background: #962C46;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  padding: 6px 3px;
}

#oem #support_area .support_g .cnt_box p {
  font-size: 18px;
  line-height: 30px;
  padding-left: 96px;
}

#oem #support_area .support_g .balloon02 {
  position: absolute;
  left: -159px;
  bottom: 50px;
  box-sizing: border-box;
}

#oem #support_area .support_g .no_title .balloon02 {
  bottom: -53px;
}


#oem #support_area .support_g .balloon02 span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 105.5px;
  height: 105.5px;
  background: #F5F2EE;
  border: 2px solid #962C46;
  border-radius: 50%;
  color: #962C46;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
}

#oem #support_area .support_g .balloon02 span::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -22px;
  margin-top: -11px;
  border: 10px solid transparent;
  border-left: 16px solid #F5F2EE;
  z-index: 2;
}

#oem #support_area .support_g .balloon02 span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -26px;
  margin-top: -11px;
  border: 10px solid transparent;
  border-left: 17px solid #962C46;
  z-index: 1;
}

#oem #support_area .support_g .last_text {
  max-width: 730px;
  margin: 0 0 0 auto;
}

#oem #support_area .support_g .last_text h3 {
  color: #727171;
  font-size: 36px;
  font-weight: 700;
  line-height: 60px;
}

#oem #support_area .support_g .last_text p {
  font-size: 18px;
  line-height: 30px;
}

#oem .cnt_ptn01 {
  padding: 0 0 330px;
  margin-top: 175px;
}

#oem .cnt_ptn01 .title_block.contents_in {
  max-width: 1280px;
  width: 100%;
}

#oem .cnt_ptn01 .title_block {
  position: relative;
  top: -175px;
  margin: 0 auto -175px;
}

#oem .cnt_ptn01 .title_block img {
  max-width: 1000px;
  width: 78.13%;
}

#oem .cnt_ptn01 .cnt_title_g {
  position: absolute;
  top: 50%;
  left: 10.9%;
  max-width: 444px;
  width: 34.7%;
  transform: translateY(-50%);
}

#oem .cnt_ptn01 .cnt_title_g .title_ptn02 {
  max-width: 444px;
  font-size: 40px;
  line-height: 47.5px;
  letter-spacing: 0.05em;
  padding: 33px 5px 24px 27px;
}

#oem .cnt_ptn01 .cnt_title_g .title_ptn02::before {
  transform: skewY(-4.5deg);
}

#oem .cnt_ptn01 .first_text {
  color: #231815;
  font-size: 22px;
  line-height: 40px;
  letter-spacing: 0.08em;
  padding-top: 49px;
  margin-bottom: 56px;
}

#oem .cnt_ptn01 .notice {
  border: 3px solid #952C46;
  color: #952C46;
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0.04em;
  padding: 16px 10px 17px;
  text-align: center;
  margin: 0 auto;
}

#oem #notification01 .h3_g {
  position: relative;
}

#oem #notification01 .cnt_title_ptn02 {
  border-bottom: 2px solid #952C46;
  font-feature-settings: "palt";
  font-size: 47px;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: 0.04em;
  padding-bottom: 15px;
  margin-bottom: 55px;
}

#oem #notification01 .cnt_title_ptn02 span {
  display: block;
  font-size: 32px;
}

#oem #notification01 .fix_text {
  position: absolute;
  top: -50px;
  right: 0;
}

#oem #notification01 .fix_text p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 193px;
  height: 193px;
  background: #962C46;
  border-radius: 50%;
  color: #fff;
  font-feature-settings: "palt";
  font-size: 17.62px;
  line-height: 28px;
  letter-spacing: 0.04em;
  text-align: center;
}

#oem #notification01 .fix_text p .text_big {
  display: block;
  font-size: 21.62px;
}

#oem #notification01 .series_list {
  display: flex;
  justify-content: space-between;
  max-width: 930px;
  margin: 0 auto 55px;
}

#oem #notification01 .series_list li:first-child {
  max-width: 229px;
  width: 24.62%
}

#oem #notification01 .series_list li:nth-child(n+2) {
  max-width: 281px;
  width: 30.21%
}

#oem #notification01 .series_list li figcaption {
  color: #231815;
  font-feature-settings: "palt";
  font-size: 17px;
  line-height: 25px;
  letter-spacing: 0.08em;
  text-align: center;
  margin-bottom: 16px;
}

#oem #notification01 dl {
  font-size: 18px;
  line-height: 35px;
  letter-spacing: 0.08em;
  margin: 0 auto 80px;
}

#oem #notification01 dl .cnt_box {
  margin: 0 auto 35px;
}

#oem #notification01 dl .cnt_box dt {
  color: #962C46;
  font-weight: 700;
}

#oem #notification01 dl .cnt_box dd {
  color: #231815;
  font-feature-settings: "palt";
  padding-left: 1em;
}

#oem #notification01 .notice {
  max-width: 764px;
}

#oem #notification02 {
  padding: 0 0 138px;
}

#oem #notification02 .title_block {
  top: -375px;
  margin: 0 auto -375px;
}

#oem #notification02 .title_block img {
  margin: 0 0 0 auto;
}

#oem #notification02 .cnt_title_g {
  right: 10.9%;
  left: auto;
  max-width: 354px;
  width: 27.65%;
}

#oem #notification02 .cnt_title_g .title_ptn02 {
  max-width: 354px;
  padding: 23px 5px 13px 27px;
}

#oem #notification02 .first_text {
  padding-top: 65px;
  margin-bottom: 48px;
}

#oem #notification02 .example {
  font-size: 23px;
  line-height: 41px;
  letter-spacing: 0.02em;
  text-align: center;
  margin-bottom: 33px;
}

#oem #notification02 .example_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 840px;
  margin: 0 auto 62px;
}

#oem #notification02 .example_list li {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 186px;
  width: 22.14%;
  background: url(../img/manufacturing/oem/deco02.svg) no-repeat;
  background-size: contain;
  color: #595757;
  font-size: 23px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  padding: 27px 0;
  margin: 0 9.5px 20px;
}

#oem #submission_area {
  padding: 0 0 143px;
}

#oem #submission_area .cnt_title_g {
  max-width: 274px;
  width: 21.4%;
}

#oem #submission_area .cnt_title_g .title_ptn02 {
  max-width: 274px;
  padding: 19px 5px 17px 27px;
}

#oem #submission_area .first_text {
  text-align: center;
  padding-top: 46px;
  margin-bottom: 28px;
}

#oem #submission_area .document_g {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 956px;
  background: #fff;
  border: 3px solid #952C46;
  padding: 57px 55px;
  margin: 0 auto;
}

#oem #submission_area .document_g .text_red {
  color: #D60000;
}

#oem #submission_area .document_g dl {
  width: 63.55%;
  font-feature-settings: "palt";
  font-size: 19px;
  line-height: 34px;
  letter-spacing: 0.04em;
}

#oem #submission_area .document_g dl .cnt_box {
  display: flex;
}

#oem #submission_area .document_g dl dt {
  display: flex;
  align-items: center;
  width: 153px;
  font-weight: 400;
}

#oem #submission_area .document_g dl dt::before {
  content: "";
  display: inline-block;
  width: 23.24px;
  height: 23.24px;
  background: url(../img/common/icon_document.svg) no-repeat;
  background-size: contain;
  margin-right: 9px;
}

#oem #submission_area .document_g dl .cnt_box.text_red dt::before {
  background: url(../img/common/icon_document_red.svg) no-repeat;
  background-size: contain;
}

#oem #submission_area .document_g dl dd {
  width: calc(100% - 153px);
}


#oem #submission_area .document_g .cnt_text {
  width: 36.6%;
  font-feature-settings: "palt";
  text-align: center;
}

#oem #submission_area .document_g .cnt_text .attention {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 262px;
  background: #EAD5DA;
  border-radius: 14.26px;

  font-size: 20px;
  line-height: 29px;
  letter-spacing: 0.04em;
  padding: 26px 3px 21px;
  margin: 0 auto 5px;
}

#oem #submission_area .document_g .cnt_text .note {
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.06em;
}

#oem .cnt_ptn02 {
  background: url(../img/manufacturing/oem/bg01_pc.png) no-repeat bottom center;
  background-size: cover;
  padding: 75px 0 85px;
}

#oem .cnt_ptn02 .contents_in {
  max-width: 1100px;
}

#oem .cnt_ptn02 .cnt_title_ptn03 {
  font-size: 41.4px;
  font-weight: 500;
  line-height: 62px;
  letter-spacing: 0.16em;
  text-align: center;
  padding-bottom: 40px;
  margin-bottom: 75px;
}

#oem .cnt_ptn02 .cnt_title_ptn03 .number {
  font-size: 54.4px;
}

#oem .cnt_ptn02 .cnt_title_ptn03 .inner {
  position: relative;
  display: block;
}

#oem .cnt_ptn02 .cnt_title_ptn03 .inner::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -39px;
  display: block;
  width: 727px;
  height: 29px;
  background: url(../img/manufacturing/oem/title_bg.svg) no-repeat;
  background-size: contain;
  transform: translateX(-50%);
  z-index: 1;
}

#oem .cnt_ptn02 .cnt_block {
  background: #fff;
  padding: 90px 80px 100px;
  margin-bottom: 105px;
}

#oem .cnt_ptn02 .strength_list .title_g {
  display: flex;
  border: 1px solid rgba(150, 44, 70, 0.25);
  border-image: linear-gradient(to right, rgba(150, 44, 70, 0.25) 0%, #fff 100%);
  border-image-slice: 1;
  margin: 30px 0 36px;
}

#oem .cnt_ptn02 .strength_list .title_g .number_title {
  position: relative;
  width: 64px;
  background: #ECECEC;
  z-index: 1;
}

#oem .cnt_ptn02 .strength_list .title_g .number_title .number {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);

}

#oem .cnt_ptn02 .strength_list li:first-child .title_g .number_title .number {
  width: 27.7px;
}

#oem .cnt_ptn02 .strength_list li:nth-child(2) .title_g .number_title .number {
  bottom: 9px;
  width: 47.14px;
}

#oem .cnt_ptn02 .strength_list li:nth-child(3) .title_g .number_title .number {
  width: 46.3px;
}

#oem .cnt_ptn02 .strength_list .title_g .number_title::before {
  content: "";
  position: absolute;
  top: 0;
  right: -18px;
  width: 0;
  height: 0;
  border-right: 18px solid transparent;
  border-top: 66px solid #ECECEC;
}

#oem .cnt_ptn02 .strength_list .title_g .list_title {
  position: relative;
  width: calc(100% - 82px);
  background: #962C46;
  color: #fff;
  font-feature-settings: "palt";
  font-size: 32px;
  font-weight: 700;
  line-height: 46px;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 7px 0 12px;
}

#oem .cnt_ptn02 .strength_list .title_g .list_title::before {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 0;
  height: 0;
  border-right: 20px solid transparent;
  border-top: 66px solid #962C46;
}

#oem .cnt_ptn02 .strength_list p {
  font-feature-settings: "palt";
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.08em;
}

#oem #strength_area .strength_list li:first-child p {
  margin-bottom: 85px;
}

#oem #strength_area .strength_list li:nth-child(2) p {
  margin-bottom: 40px;
}

#oem #strength_area .strength_list li:nth-child(3) p {
  margin-bottom: 40px;
}

#oem .cnt_ptn02 .strength_list .flow_list {
  display: flex;
  justify-content: space-between;
  max-width: 880px;
  margin: 0 auto 85px;
}

#oem .cnt_ptn02 .strength_list .flow_list li {
  position: relative;
  text-align: center;
  margin: 0 30px;
}

#oem .cnt_ptn02 .strength_list .flow_list li::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -34px;
  display: block;
  width: 19.5px;
  height: 34.5px;
  background: url(../img/common/arrow_right_gray.svg) no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

#oem .cnt_ptn02 .strength_list .flow_list li:last-child:before {
  display: none;
}

#oem .cnt_ptn02 .strength_list .flow_list h4 {
  color: #952C46;
  font-feature-settings: "palt";
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.08em;
  margin-bottom: 14px;
}

#oem .cnt_ptn02 .strength_list .flow_list li .img_box {
  max-width: 99px;
  width: 100%;
  margin: 0 auto;
}

#oem .cnt_ptn02 .cnt_g {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 60px;
}

#oem .cnt_ptn02 .cnt_g .cnt_box {
  max-width: 587px;
  width: 62.45%;
}

#oem .cnt_ptn02 .cnt_g .cnt_box .img_box {
  max-width: 527px;
  width: 100%;
}

#oem .cnt_ptn02 .cnt_g .cnt_img {
  max-width: 314px;
  width: 33.4%;
}

#oem .cnt_ptn02 .notice02 {
  font-size: 44px;
  font-weight: 700;
  line-height: 63px;
  letter-spacing: 0.05em;
  text-align: center;
}



/*---------------------------
22.備前化成の3つの強み
----------------------------*/

#strength #introduce_area {
  padding: 115px 0 93px;
}

#strength .lead_text {
  font-feature-settings: "palt";
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.14em;
}

#strength .cnt_title_ptn01 {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.2em;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 49px;
}

#strength .cnt_title_ptn01 .number {
  font-size: 60px;
}

#strength .cnt_title_ptn01 .inner {
  position: relative;
  display: block;
}

#strength .cnt_title_ptn01 .inner::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -46px;
  display: block;
  width: 472px;
  height: 27px;
  background: url(../img/manufacturing/strength/title_bg.svg) no-repeat;
  background-size: contain;
  transform: translateX(-50%);
  z-index: 1;
}

#strength #introduce_area .lead_text {
  max-width: 670px;
  margin: 0 auto 112px;
}

#strength #introduce_area ol {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

#strength #introduce_area ol li {
  position: relative;
  max-width: 309px;
  width: 30.9%;
  padding: 98px 10px 102px;
}

#strength #introduce_area ol li::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 277px;
  border: 2px solid #962C46;
  transform: skewY(-7deg);
  z-index: -1;
}

#strength #introduce_area ol li .point {
  position: absolute;
  top: -54px;
  left: 50%;
  width: 108px;
  height: 108px;
  transform: translateX(-50%);
}

#strength #introduce_area ol li .point span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #952C46;
  border-radius: 50%;
  color: #fff;
  font-size: 29.6px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
}

#strength #introduce_area ol li p {
  font-feature-settings: "palt";
  font-size: 21.44px;
  line-height: 31px;
  letter-spacing: 0.16em;
  text-align: center;
}

#strength #introduce_area ol li p span {
  display: block;
  font-size: 37.52px;
  font-weight: 700;
  line-height: 60px;
  margin-top: 5px;
}

#strength .cnt_area {
  background: url(../img/manufacturing/strength/bg_title01.png) no-repeat top center;
  background-size: 100% auto;
  padding: 279px 0 73px;
}

#strength .cnt_area p {
  font-feature-settings: "palt";
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.12em;
  text-align: justify;
  text-justify: inter-ideograph;
}

#strength .cnt_area .contents_in {
  position: relative;
  max-width: 1117px;
  background: #fff;
  padding: 72px 79px 63px;
}

#strength .cnt_area .cnt_number {
  position: absolute;
  top: -28px;
  left: 50%;
  max-width: 163px;
  width: 100%;
  background: #fff;
  font-size: 31px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.06em;
  padding: 6px 5px;
  text-align: center;
  transform: translateX(-50%);
}

#strength .cnt_area .cnt_number .text_big {
  font-size: 40px;
}

#strength .cnt_area .cnt_title_ptn02 {
  font-size: 52px;
  font-weight: 500;
  line-height: 73.55px;
  letter-spacing: 0.08em;
  text-align: center;
  margin-bottom: 55px;
}

#strength .cnt_area .lead_text {
  max-width: 890px;
  font-feature-settings: "palt";
  font-size: 18px;
  line-height: 30.77px;
  letter-spacing: 0.14em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 0 auto 100px;
}

#strength #strength01 .sub_title_g {
  margin-bottom: 33px;
}

#strength #strength01 .sub_title_g .title_mission {
  font-size: 30.8px;
  line-height: 38.5px;
  letter-spacing: 0.14em;
  text-align: center;
}

#strength #strength01 .sub_title_g .title_mission .en {
  display: block;
  color: #231815;
  font-size: 14.73px;
  line-height: 21px;
  letter-spacing: 0.12em;
  margin-bottom: 5px;
}

#strength #strength01 .worth_list {
  max-width: 960px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

#strength #strength01 .worth_list li {
  position: relative;
  max-width: 458px;
  width: 47.7%;
  border-radius: 9.8px;
  box-shadow: 0px 0px 12px 0px rgb(51 51 51 / 20%);
}

#strength #strength01 .worth_list li a {
  display: block;
}

#strength #strength01 .worth_list li .badge {
  position: absolute;
  top: -8px;
  left: -8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 106px;
  height: 106px;
  background: #952C46;
  border-radius: 50%;
  color: #fff;
  font-size: 19.38px;
  line-height: 22px;
  text-align: center;
  z-index: 1;
}

#strength #strength01 .worth_list li .badge .text_big {
  font-size: 25px;
}

#strength #strength01 .worth_list li .cnt_text {
  padding: 21px 31px 39px 35px;
}

#strength #strength01 .worth_list li .cnt_text h4 {
  font-size: 30px;
  line-height: 44px;
  letter-spacing: 0.14em;
  text-align: center;
  margin-bottom: 14px;
}

#strength #strength01 .worth_list li .cnt_text p {
  margin-bottom: 15px;
}

#strength #strength01 .worth_list li .cnt_text .btn_ptn01 {
  margin: 0 auto;
}

#strength #strength01 .worth_list li a:hover .btn_ptn01 span {
  background: #C3264D;
}

#strength #strength01 .worth_list li a:hover .btn_ptn01>span::before {
  right: 0;
}

#strength #strength02 {
  background: url(../img/manufacturing/strength/bg_title02.png) no-repeat top center;
  background-size: 100% auto;
  padding: 290px 0 42px;
}

#strength #strength02 .lead_text {
  margin-bottom: 54px;
}

#strength #strength02 .flow_block {
  max-width: 973px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 auto 51px;
}

#strength #strength02 .flow_block ul {
  max-width: 241px;
  width: 24.77%;
  padding-left: 13px;
}

#strength #strength02 .flow_block ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 32px;
  z-index: 1;
}

#strength #strength02 .flow_block ul li span {
  position: relative;
  width: 143px;
  height: 143px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 2px solid #3C4B94;
  border-radius: 50%;
  color: #3C4B94;
  font-feature-settings: "palt";
  font-size: 23.86px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.14em;
  text-align: center;
}

#strength #strength02 .flow_block ul li::before {
  position: absolute;
  left: 50%;
  bottom: -40px;
  content: "";
  display: block;
  width: 3px;
  height: 50px;
  background-image: linear-gradient(to bottom, #3C4B94 3px, transparent 3px);
  background-size: 2.5px 8px;
  background-repeat: repeat-y;
  background-position: bottom;
  transform: translateX(-50%);
}

#strength #strength02 .flow_block ul li.list_ptn02::before {
  content: "";
  position: absolute;
  top: auto;
  left: 50%;
  bottom: -54px;
  display: block;
  width: 0;
  height: 0;
  background: none;
  border-style: solid;
  border-right: 21.5px solid transparent;
  border-left: 21.5px solid transparent;
  border-top: 25.5px solid #c6c5c6;
  border-bottom: 0;
  transform: translateX(-50%);
}

#strength #strength02 .flow_block ul li.list_ptn01 span {
  width: 172px;
  height: 172px;
  background-color: #F5F2EE;
}

#strength #strength02 .flow_block ul li.list_ptn02 span {
  width: 241px;
  height: 139px;
  background-color: #3C4B94;
  border-radius: 9.8px;
  color: #fff;
  padding: 0 3px;
}

#strength #strength02 .flow02 ul li {
  margin: 0 auto 21px;
}

#strength #strength02 .flow02 ul li span {
  border: 2px solid #962C46;
  color: #962C46;
}

#strength #strength02 .flow02 ul li::before {
  background-image: linear-gradient(to bottom, #962C46 3px, transparent 3px);
}

#strength #strength02 .flow02 ul li.list_ptn02 span {
  height: 111px;
  background-color: #962C46;
}

#strength #strength02 .flow02 ul li.list_ptn02::before {
  display: none;
}

#strength #strength02 .flow_block ul li.list_ptn01::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -92px;
  display: block;
  width: 120px;
  height: 2px;
  background: #3C4B94;
  transform: translateY(-50%);
  z-index: -1;
}

#strength #strength02 .flow02 ul li.list_ptn01::after {
  background: #962C46;
}


#strength #strength02 .flow_block .cnt_g {
  position: relative;
  max-width: 639px;
  width: 65.68%;
  background: #fff;
  border: 2px solid #3C4B94;
  border-radius: 9.8px;
  padding: 105px 39px 45px 36px;
  z-index: 1;
}

#strength #strength02 .flow_block .development_title {
  position: absolute;
  top: 0;
  left: 50%;
  width: 134px;
  height: 67px;
  border-radius: 0 0 67px 67px;
  background: #3C4B94;
  color: #fff;
  font-size: 22.39px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.14em;
  text-align: center;
  padding-top: 12px;
  transform: translateX(-50%);
}

#strength #strength02 .flow_block .cnt_g .cnt_box {
  display: flex;
}

#strength #strength02 .flow_block .cnt_g .box01 {
  align-items: center;
  margin-bottom: 20px;
}

#strength #strength02 .flow_block .cnt_g .box01 h4 {
  font-size: 30.13px;
  line-height: 44px;
  letter-spacing: 0.14em;
  margin-right: 20px;
}

#strength #strength02 .flow_block .cnt_g .box01 p {
  color: #3C4B94;
  font-size: 19.6px;
  font-weight: 700;
  line-height: 25.77px;
  letter-spacing: 0.12em;
}

#strength #strength02 .flow_block .cnt_g .box02 .img_box {
  max-width: 203px;
  width: 37.11%;
  margin-right: 13px;
}

#strength #strength02 .flow_block .cnt_g .box02 p {
  max-width: 335px;
  width: 61.24%;
}

#strength #strength02 .flow01 .cnt_g .wrap_box:first-of-type .box02 {
  margin-bottom: 50px;
}

#strength #strength02 .flow01 .cnt_g .wrap_box:nth-of-type(2) .box02 {
  flex-direction: row-reverse;
}

#strength #strength02 .flow01 .cnt_g .wrap_box:nth-of-type(2) .box02 .img_box {
  margin: 0 0 0 13px;
}

#strength #strength02 .flow02 .cnt_g {
  border: 2px solid #962C46;
  padding: 95px 39px 25px;
}

#strength #strength02 .flow02 .development_title {
  background: #962C46;
}

#strength #strength02 .flow02 .cnt_g .box01 {
  justify-content: center;
}

#strength #strength02 .flow02 .cnt_g .box01 p {
  color: #962C46;
  text-align: center;
}

#strength #strength02 .flow02 .cnt_g .text_box .img_box {
  margin: 0 auto 21px;
}

#strength #strength03 {
  background: url(../img/manufacturing/strength/bg_title03.png) no-repeat top center;
  background-size: 100% auto;
  padding: 294px 0 90px;
}

#strength #strength03 .lead_text {
  margin: 0 auto 87px;
}

#strength #strength03 .process_img {
  max-width: 664px;
  margin: 0 auto 84px;
}

#strength #strength03 .cnt_block {
  max-width: 950px;
  border-top: 10px solid #962C46;
  border-radius: 0 0 9.8px 9.8px;
  box-shadow: 0px 0px 17px 0px rgb(51 51 51 / 20%);
  padding: 52px 73px 47px;
  margin: 0 auto 45px;
}

#strength #strength03 .block_title {
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0.14em;
  text-align: center;
  margin: 0 auto 38px;
}

#strength #strength03 .block_title span {
  position: relative;
}

#strength #strength03 .block_title span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -58px;
  display: block;
  width: 44.19px;
  height: 23.15px;
  background: url(../img/manufacturing/strength/icon_strengths01.svg) no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

#strength #strength03 .block02 .block_title span::before {
  left: -49px;
  width: 31.01px;
  height: 26.98px;
  background: url(../img/manufacturing/strength/icon_strengths02.svg) no-repeat;
  background-size: contain;
}

#strength #strength03 .block03 .block_title span::before {
  left: -51px;
  width: 32.87px;
  height: 31.27px;
  background: url(../img/manufacturing/strength/icon_strengths03.svg) no-repeat;
  background-size: contain;
}

#strength #strength03 .block04 .block_title span::before {
  left: -50px;
  width: 32.8px;
  height: 22.4px;
  background: url(../img/manufacturing/strength/icon_strengths04.svg) no-repeat;
  background-size: contain;
}

#strength #strength03 .cnt_block h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: 0.14em;
  margin-bottom: 14px;
}

#strength #strength03 .block01 .cnt_g {
  display: flex;
  justify-content: space-between;
  max-width: 804px;
  margin: 0 auto;
}

#strength #strength03 .block01 .cnt_g li {
  max-width: 366px;
  width: 45.52%;
}

#strength #strength03 .block01 .cnt_g li .cnt_img {
  margin-bottom: 17px;
}

#strength #strength03 .block02 h4 {
  text-align: center;
  margin-bottom: 27px;
}

#strength #strength03 .block02 .cnt_g {
  display: flex;
  justify-content: space-between;
  max-width: 806px;
  margin: 0 auto;
}

#strength #strength03 .block02 .cnt_g li {
  max-width: 208px;
  width: 25.9%;
}

#strength #strength03 .block02 .cnt_g li .cnt_img {
  margin-bottom: 29px;
}

#strength #strength03 .block03 {
  padding: 52px 73px 30px;
}

#strength #strength03 .block03 .cnt_g {
  display: flex;
  justify-content: space-between;
  max-width: 792px;
  margin: 0 auto;
}

#strength #strength03 .block03 .cnt_g .cnt_box {
  max-width: 481px;
  width: 60.73%;
  margin-top: 23px;
}

#strength #strength03 .block03 h4 {
  font-size: 14.73px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 10px;
}

#strength #strength03 .block03 p.color_red {
  font-size: 20px;
  line-height: 29px;
  letter-spacing: 0.12em;
  margin-bottom: 12px;
}

#strength #strength03 .block03 .tablet_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  max-height: 192px;
  margin: 0 auto;
}

#strength #strength03 .block03 .tablet_list li {
  max-width: 298px;
  width: 61.95%;
  background: #F4F5F5;
  border-radius: 21px;
  font-feature-settings: "palt";
  font-size: 14.73px;
  line-height: 23.67px;
  letter-spacing: 0.14em;
  padding: 14px 10px 15px 15px;
  margin: 0 22px 17px 0;
}

#strength #strength03 .block03 .tablet_list li:nth-child(n+3) {
  max-width: 161px;
  width: 33.47%;
  padding: 13px 14px 14px 15px;
  margin: 0 0 9px 0;
}

#strength #strength03 .block03 .tablet_list li span {
  display: inline-block;
  text-indent: -1em;
  padding-left: 1em;
}

#strength #strength03 .block03 .cnt_g .cnt_img {
  max-width: 270px;
  width: 34.1%;
}

#strength #strength03 .block04 {
  padding: 52px 52px 48px;
  margin: 0 auto;
}

#strength #strength03 .block04 .block_title {
  margin: 0 auto 52px;
}

#strength #strength03 .block04 .cnt_g {
  position: relative;
  max-width: 846px;
  margin: 0 auto;
}

#strength #strength03 .block04 .cnt_g .cnt_img {
  max-width: 377px;
  width: 44.56%;
  margin: 0 auto;
}

#strength #strength03 .block04 .cnt_g .packing_box {
  position: absolute;
}

#strength #strength03 .block04 .cnt_g .packing_box:nth-child(1) {
  top: 59px;
  left: 17px;
}

#strength #strength03 .block04 .cnt_g .packing_box:nth-child(2) {
  top: 171px;
  left: 17px;
}

#strength #strength03 .block04 .cnt_g .packing_box:nth-child(3) {
  top: 0;
  right: 0;
}

#strength #strength03 .block04 .cnt_g .packing_box:nth-child(4) {
  top: 170px;
  right: 0;
}


#strength #strength03 .block04 .cnt_g .packing_list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 193px;
  height: 98px;
  background: #F4F5F5;
  border-radius: 21px;
  font-feature-settings: "palt";
  font-size: 14.73px;
  line-height: 23.67px;
  letter-spacing: 0.14em;
  padding: 14px 10px 15px 15px;
}

#strength #strength03 .block04 .cnt_g .packing_list:nth-child(n+3) {
  width: 200px;
}

#strength #strength03 .block04 .cnt_g .packing_list::before {
  position: absolute;
  top: 50%;
  right: -79px;
  content: "";
  display: block;
  width: 82px;
  height: 3px;
  background-image: linear-gradient(to right, #962C46 3px, transparent 3px);
  background-size: 6px 2px;
  background-repeat: repeat-x;
  background-position: bottom;
  transform: translateY(-50%);
}

#strength #strength03 .block04 .cnt_g .packing_box:nth-child(n+3) .packing_list::before {
  right: auto;
  left: -79px;
}

#strength #strength03 .block04 .cnt_g .packing_box:nth-child(2) .packing_list::before {
  right: -72px;
  width: 72px;
}

#strength #quality_management_area {
  padding: 69px 0 133px;
}

#strength #quality_management_area .contents_in {
  max-width: 884px;
}

#strength .cnt_title_ptn03 {
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0.14em;
  text-align: center;
  margin-bottom: 46px;
}

#strength #quality_management_area .lead_text {
  max-width: 755px;
  margin: 0 auto 48px;
}

#strength #quality_management_area .management_list {
  display: flex;
  justify-content: space-between;
  max-width: 884px;
  font-feature-settings: "palt";
  font-size: 15.43px;
  line-height: 22px;
  letter-spacing: 0.14em;
  margin: 0 auto 71px;
}

#strength #quality_management_area .management_list li {
  position: relative;
  max-width: 155px;
  width: 18.7%;
  background: #fff;
  border-radius: 9.96px;
  text-align: center;
  padding: 7px 5px 9px;
  margin: 0 30px;
}

#strength #quality_management_area .management_list li::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -43px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/common/arrow_right_gray02.svg) no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

#strength #quality_management_area .management_list li:last-child:before {
  display: none;
}

#strength #quality_management_area .management_list li .cnt_img {
  max-width: 123px;
  width: 100%;
  margin: 2.5px auto 4.2px;
}

#strength #quality_management_area .notice {
  max-width: 780px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.12em;
  margin: 0 auto 19px;
}

#strength #quality_management_area .confirmation_list {
  max-width: 824px;
  background: #fff;
  padding: 24px 30px 27px 73px;
  margin: 0 auto 57px;
}

#strength #quality_management_area .confirmation_list li {
  position: relative;
  font-feature-settings: "palt";
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.12em;
}

#strength #quality_management_area .confirmation_list li:first-child {
  margin-bottom: 30px;
}

#strength #quality_management_area .confirmation_list li .number {
  position: absolute;
  left: -77px;
  display: block;
  width: 54px;
  background: #962C46;
  border-radius: 0 17.5px 17.5px 0;
  color: #fff;
  font-size: 21px;
  line-height: 33px;
  padding-left: 25px;
}

#strength #quality_management_area .acquisition_list {
  max-width: 786px;
  margin: 0 auto;
}

#strength #quality_management_area .acquisition_list .cnt_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(158, 159, 159, 0.3);
  padding: 15px 0 10px 33px;
}

#strength #quality_management_area .acquisition_list .cnt_box:first-child {
  border-top: 1px solid rgba(158, 159, 159, 0.3);
}

#strength #quality_management_area .acquisition_list dt {
  display: flex;
  align-items: center;
  width: 250px;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0.04em;
}

#strength #quality_management_area .acquisition_list dt .title {
  width: 101px;
}

#strength #quality_management_area .acquisition_list dt .cnt_img {
  width: calc(100% - 101px);
}

#strength #quality_management_area .acquisition_list dt .cnt_img.img01 img,
#strength #quality_management_area .acquisition_list dt .cnt_img.img02 img {
  max-width: 65.28px;
}

#strength #quality_management_area .acquisition_list dt .cnt_img.img03 img {
  max-width: 116.41px;
}

#strength #quality_management_area .acquisition_list dd {
  max-width: 503px;
  width: calc(100% - 250px);
  font-feature-settings: "palt";
  font-size: 12px;
  line-height: 15.4px;
  letter-spacing: 0.04em;
}



/*---------------------------
23.製品形態
----------------------------*/

#product_form {
  font-feature-settings: "palt";
}

#product_form #title_area {
  padding: 120px 0 130px;
}

#product_form #title_area .page_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.16em;
  margin-bottom: 23px;
}

#product_form #title_area .lead_text {
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.14em;
}

#product_form .product_area {
  border-top: 2px solid #C5C6C6;
  padding: 91px 0 38px;
}

#product_form .product_area#product_granule {
  padding: 95px 0 60px;
}

#product_form .product_area#product_capsule {
  padding: 95px 0 102px;
}

#product_form .product_area .contents_in {
  max-width: 836px;
}

#product_form .product_area .text_bold {
  font-weight: 700;
}

#product_form .product_area .area_title {
  font-size: 40px;
  font-weight: 500;
  line-height: 58px;
  letter-spacing: 0.18em;
  text-align: center;
  margin-bottom: 54px;
}

#product_form .product_area .area_title span {
  position: relative;
}

#product_form .product_area .area_title span::before,
#product_form .product_area .area_title span::after {
  content: "−";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#product_form .product_area .area_title span::before {
  left: -1em;
}

#product_form .product_area .area_title span::after {
  right: -1em;
}

#product_form .product_area .introduction_g {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 26px;
}

#product_form .product_area#product_granule .introduction_g {
  margin: 0 auto 50px;
}

#product_form .product_area#product_capsule .introduction_g {
  margin: 0 auto 42px;
}

#product_form .product_area .introduction_g p {
  width: 59%;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.08em;
}

#product_form .product_area .introduction_g figure {
  width: 35.9%;
}

#product_form .product_area .form_list_g {
  margin: 0 auto 50px;
}

#product_form .product_area .form_list_g .list_title {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.08em;
  text-align: center;
  margin: 0 auto 13px;
}

#product_form .product_area .form_list_g h4 {
  font-size: 17px;
  line-height: 28px;
  letter-spacing: 0.08em;
  text-align: center;
  margin: 0 auto 18px;
}

#product_form .product_area .form_list_g p {
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 0.08em;
  text-align: center;
  margin: 0 auto 20px;
}

#product_form .product_area .form_list_g p.text_note {
  text-align: left;
  margin: 19px 0 0 0;
}

#product_form .product_area .form_list_g table {
  width: 100%;
  table-layout: fixed;
  word-break: break-word;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 0.08em;
  margin: 0 auto;
}

#product_form .product_area .form_list_g table .recommendation {
  display: block;
  width: 68px;
  background: #962C46;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  padding: 0 1px 2px;
  margin-top: 3px;
}

#product_form .product_area .form_list_g table th {
  background: #962C46;
  border-right: 4px solid #fff;
  color: #fff;
  font-weight: 400;
  text-align: center;
  padding: 8px 5px;
  vertical-align: middle;
}

#product_form .product_area .form_list_g table th:last-child {
  border-right: none;
}

#product_form .product_area .form_list_g table td {
  background: #F5F2EE;
  border-right: 4px solid #fff;
  padding: 8px 10px 8px 29px;
  vertical-align: middle;
}

#product_form .product_area .form_list_g table tr:nth-of-type(odd) td {
  background: #E6DFD4;
}

#product_form .product_area .form_list_g table td:last-child {
  border-right: none;
}

#product_form .product_area .form_list_g table td ul li {
  letter-spacing: 0.05em;
  text-align: justify;
  text-justify: inter-ideograph;
}

#product_form .product_area .form_list_g.g01 table {
  max-width: 509px;
}

#product_form .product_area .form_list_g.g01 table .th01 {
  width: 30.8%;
}

#product_form .product_area .form_list_g.g01 table .th02 {
  width: 68.76%;
}

#product_form .product_area .form_list_g.g01 table td:nth-child(2) {
  padding-left: 97px;
}

#product_form .product_area .form_list_g.g02 {
  margin: 0 auto 96px;
}

#product_form .product_area .form_list_g.g02 table th {
  letter-spacing: 0.03em;
}

#product_form .product_area .form_list_g.g02 table .th01 {
  width: 18%;
}

#product_form .product_area .form_list_g.g02 table .th02 {
  width: 16.5%;
  text-align: justify;
  text-align-last: justify;
  padding: 8px 12px;
}

#product_form .product_area .form_list_g.g02 table .th03 {
  width: 11.6%;
  text-align: justify;
  text-align-last: justify;
}

#product_form .product_area .form_list_g.g02 table .th04 {
  width: 20.4%;
  text-align: justify;
  text-align-last: justify;
}

#product_form .product_area .form_list_g.g02 table .th04 span {
  display: block;
  max-width: 98px;
  width: 100%;
  margin: 0 auto;
}

#product_form .product_area .form_list_g.g02 table .th05 {
  width: 32.7%;
  text-align: justify;
  text-align-last: justify;
}

#product_form .product_area .form_list_g.g02 table .th05 span {
  display: block;
  max-width: 98px;
  width: 100%;
  margin: 0 auto;
}

#product_form .product_area .form_list_g.g02 table td {
  padding: 12px 10px;
  vertical-align: baseline;
}

#product_form .product_area .form_list_g.g03 table {
  max-width: 629px;
}

#product_form .product_area .form_list_g.g03 table .th01 {
  width: 34.15%;
}

#product_form .product_area .form_list_g.g03 table .th02 {
  width: 65.6%;
}

#product_form .product_area .form_list_g.g03 table td:first-child {
  letter-spacing: 0.06em;
  padding-left: 12px;
}

#product_form .product_area .form_list_g.g03 table td:nth-child(2) {
  padding-left: 15px;
}

#product_form .product_area .form_list_g.g04 table {
  max-width: 630px;
}

#product_form .product_area .form_list_g.g04 table .th01 {
  width: 20.63%;
}

#product_form .product_area .form_list_g.g04 table .th02 {
  width: 79.3%;
}

#product_form .product_area .form_list_g.g04 table td:first-child {
  letter-spacing: 0.06em;
  padding-left: 9px;
}

#product_form .product_area .form_list_g.g04 table td:nth-child(2) {
  padding-left: 16px;
}


#product_form .product_area .form_list_g.g05 table {
  max-width: 630px;
}

#product_form .product_area .form_list_g.g05 table .th01 {
  width: 39.2%;
}

#product_form .product_area .form_list_g.g05 table .th02 {
  width: 38.7%;
}

#product_form .product_area .form_list_g.g05 table .th03 {
  width: 21.4%;
}

#product_form .product_area .form_list_g.g05 table td:first-child {
  letter-spacing: 0.06em;
  padding-left: 10px;
}

#product_form .product_area .form_list_g.g05 table td .td_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#product_form .product_area .form_list_g.g05 table td:first-child .item {
  display: inline-block;
}

#product_form .product_area .form_list_g.g05 table td:nth-child(2) {
  padding-left: 10px;
}

#product_form .product_area .form_list_g.g05 table td:nth-child(3) {
  padding-left: 38px;
}

#product_form .product_area .form_list_g.g06 table {
  max-width: 630px;
}

#product_form .product_area .form_list_g.g06 table .th01 {
  width: 29.3%;
}

#product_form .product_area .form_list_g.g06 table .th02 {
  width: 37.7%;
}

#product_form .product_area .form_list_g.g06 table .th03 {
  width: 32.2%;
}

#product_form .product_area .form_list_g.g06 table td:first-child {
  padding-left: 9px;
}

#product_form .product_area .form_list_g.g06 table td:nth-child(2) {
  padding-left: 14px;
}

#product_form .product_area .form_list_g.g06 table td:nth-child(3) {
  padding-left: 12px;
}

#product_form .product_area .form_list_g.g06 table tr:nth-of-type(n+3) td {
  border-right: 4px solid #fff;
}

#product_form .product_area .form_list_g.g07 {
  margin-bottom: 60px;
}

#product_form .product_area .form_list_g.g07 table {
  max-width: 509px;
}

#product_form .product_area .form_list_g.g07 table .th01 {
  width: 45.1%;
}

#product_form .product_area .form_list_g.g07 table .th02 {
  width: 54.6%;
}

#product_form .product_area .form_list_g.g07 table td:first-child {
  text-align: center;
  padding-left: 10px;
}

#product_form .product_area .form_list_g.g07 table td:nth-child(2) {
  text-align: center;
  padding-left: 10px;
}

#product_form .product_area .form_list_g.g08 table {
  max-width: 630px;
}

#product_form .product_area .form_list_g.g08 table .th01 {
  width: 42%;
}

#product_form .product_area .form_list_g.g08 table .th02 {
  width: 57.9%;
}

#product_form .product_area .form_list_g.g08 table td:first-child {
  padding-left: 36px;
}

#product_form .product_area .form_list_g.g08 table td:nth-child(2) {
  padding-left: 60px;
}

#product_form .product_area .form_img_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 698px;
  margin: 0 auto 30px;
}

#product_form .product_area .form_img_list li {
  width: 19.62%;
  margin: 0 2.65% 32.6px;
}

#product_form .product_area .form_img_list li figcaption {
  font-size: 17px;
  line-height: 19.6px;
  letter-spacing: 0.08em;
  text-align: center;
  margin-top: 5px;
}

#product_form .product_area .form_img_list.g04 {
  margin: 0 auto 35px;
}



/*---------------------------
24.原薬、オメガ３系脂肪酸試薬
----------------------------*/

#drug_substance #underlayer_menu {
  padding: 120px 0 165px;
}

#drug_substance #underlayer_menu .contents_in {
  max-width: 1100px;
}

#drug_substance #underlayer_menu .page_title {
  font-size: 40px;
  font-weight: 500;
  line-height: 70px;
  letter-spacing: 0.09em;
  text-align: center;
  margin-bottom: 161px;
}

#drug_substance .cnt_g_ptn01 {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 179px;
}

#drug_substance .cnt_g_ptn01:nth-child(even) {
  flex-direction: row-reverse;
}

#drug_substance .cnt_g_ptn01:last-child {
  margin-bottom: 0;
}

#drug_substance .cnt_g_ptn01 .cnt_img {
  position: absolute;
  top: -81px;
  left: 0;
  max-width: 662px;
  width: 60%;
  z-index: 1;
}

#drug_substance .cnt_g_ptn01:nth-child(odd) .cnt_img {
  top: -118px;
  right: -20px;
  left: auto;
}

#drug_substance .cnt_g_ptn01 .cnt_box {
  max-width: 516px;
  width: 46.9%;
  background: #F5F2EE;
  font-feature-settings: "palt";
  padding: 60px 79px 55px 137px;
}

#drug_substance .cnt_g_ptn01:nth-child(odd) .cnt_box {
  margin-left: 17px;
}

#drug_substance .cnt_g_ptn01:nth-of-type(2) .cnt_box {
  padding: 58px 142px 61px 70px;
}


#drug_substance .cnt_g_ptn01 .cnt_box .cnt_title {
  font-size: 28px;
  font-weight: 700;
  line-height: 49px;
  letter-spacing: 0.09em;
  margin-bottom: 25px;
}

#drug_substance .cnt_g_ptn01 .cnt_box p {
  max-width: 303px;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.14em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 30px;
}

#drug_substance .cnt_g_ptn01 .cnt_box .btn_ptn01 {
  margin-top: 9px;
}

/*---------------------------
25.原薬EPA
----------------------------*/

#epa {
  font-feature-settings: "palt";
}

#epa #title_area {
  padding: 115px 0 112px;
}

#epa #title_area .page_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.16em;
  margin-bottom: 67px;
}

#epa #title_area .lead_title {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.1em;
  margin-bottom: 35px;
}

#epa #title_area .lead_text {
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.14em;
}

#epa .cnt_area {
  background: url(../img/drug_substance/epa/bg_title01.png) no-repeat top center;
  background-size: 100% auto;
  padding: 260px 0 80px;
}

#epa .cnt_area#pharmaceutical_quality_area {
  background: url(../img/drug_substance/epa/bg_title02.png) no-repeat top center;
  background-size: 100% auto;
}

#epa .cnt_area p {
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.12em;
  text-align: justify;
  text-justify: inter-ideograph;
}

#epa .cnt_area .contents_in {
  background: #fff;
  padding: 50px 65px 12px;
}

#epa .cnt_area .area_title {
  position: relative;
  font-size: 40px;
  font-weight: 700;
  line-height: 57px;
  letter-spacing: 0.1em;
  padding-bottom: 47px;
  text-align: center;
  margin: 0 auto 49px
}

#epa .cnt_area .area_title::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: 50px;
  height: 2px;
  background-color: #962C46;
  transform: translateX(-50%);
}

#epa .cnt_area .cnt_g {
  max-width: 800px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 100px;
}

#epa .cnt_area .cnt_g.g02 {
  flex-direction: row-reverse;
}

#epa .cnt_area .cnt_g:last-child {
  margin: 0 auto;
}

#epa .cnt_area .cnt_g .cnt_text {
  width: 53.75%;
}

#epa .cnt_area .cnt_g .cnt_text p {
  margin-bottom: 2em;
}

#epa .cnt_area .cnt_g .cnt_text p:last-child {
  margin-bottom: 0;
}

#epa .cnt_area .cnt_g.g02 .cnt_text {
  width: 48.75%;
  margin-top: 15px;
}

#epa .cnt_area .cnt_g .cnt_img {
  width: 38.75%;
}

#epa .cnt_area .cnt_g.g02 .cnt_img {
  width: 47.375%;
}

#epa .cnt_area .cnt_g .cnt_img figure {
  margin-bottom: 20px;
}

#epa .cnt_area .cnt_g .cnt_img figure:last-child {
  margin-bottom: 0;
}



/*下層ページメニュースライダー*/

/*
.other_development_area.under_slider_cnt {
  padding: 40px 0 150px;
}

.other_development_area.under_slider_cnt .other_development_slider {
  max-width: 698px;
}

.other_development_area.under_slider_cnt .other_development_slider .slider_item {
  width: 42.26%;
  margin: 0 27px;
}

.other_development_area.under_slider_cnt .other_development_slider button.slick-prev.slick-arrow {
  left: -60px;
}

.other_development_area.under_slider_cnt .other_development_slider button.slick-next.slick-arrow {
  right: -60px;
}

.other_development_area.under_slider_cnt {
  padding: 40px 0 160px;
}

.other_development_area.under_slider_cnt .slider_title {
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
  text-align: center;
  margin-bottom: 46px;
}

.other_development_area.under_slider_cnt .underlayer_slider {
  max-width: 972px;
  width: 100%;
  margin: auto;
}

.other_development_area.under_slider_cnt .underlayer_slider .slider_item {
  max-width: 295px;
  width: 45.52%;
  margin: 0 14.5px;
}

.other_development_area.under_slider_cnt .underlayer_slider .slider_item .cnt_text {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  padding-top: 10px;
}
*/



/*---------------------------
26.オメガ3系脂肪酸 高純度試薬
----------------------------*/

#omega {
  font-feature-settings: "palt";
}

#omega #title_area {
  padding: 115px 0 95px;
}

#omega #title_area .page_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
  letter-spacing: 0.1em;
  margin-bottom: 12px;
}

#omega #title_area .lead_text {
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0.14em;
}

#omega .cnt_area {
  background: url(../img/drug_substance/omega/bg_title01.png) no-repeat top center;
  background-size: 100% auto;
  padding: 260px 0 98px;
}

#omega .cnt_area#grade_area {
  background: url(../img/drug_substance/omega/bg_title02.png) no-repeat top center;
  background-size: 100% auto;
}

#omega .cnt_area#drug_discovery_area {
  background: url(../img/drug_substance/omega/bg_title03.png) no-repeat top center;
  background-size: 100% auto;
  padding: 260px 0 85px
}

#omega .cnt_area p {
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.12em;
  text-align: justify;
  text-justify: inter-ideograph;
}

#omega .cnt_area .contents_in {
  background: #fff;
  padding: 50px 65px 45px;
}

#omega .cnt_area .area_title {
  position: relative;
  font-size: 40px;
  font-weight: 700;
  line-height: 57px;
  letter-spacing: 0.1em;
  padding-bottom: 47px;
  text-align: center;
  margin: 0 auto 49px
}

#omega .cnt_area .area_title::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: 50px;
  height: 2px;
  background-color: #962C46;
  transform: translateX(-50%);
}

#omega .cnt_area .area_title .text_middle {
  display: block;
  font-size: 29px;
  line-height: 42px;
  letter-spacing: 0.05em;
}

#omega .cnt_area .area_title .text_small {
  font-size: 16px;
  line-height: 42px;
  letter-spacing: 0.05em;
}

#omega .cnt_area p.lead_text {
  max-width: 800px;
  margin: 0 auto;
}

#omega #development_technology_area p.lead_text:first-of-type {
  margin: 0 auto 149px;
}

#omega #grade_area p.lead_text:first-of-type {
  margin: 0 auto 33px;
}

#omega #grade_area p.lead_text:nth-of-type(2) {
  margin: 0 auto 42px;
}

#omega #drug_discovery_area p.lead_text:first-of-type {
  margin: 0 auto 63px;
}

#omega #drug_discovery_area p.lead_text:first-of-type .italic {
  font-style: italic;
}

#omega #grade_area .grade_list {
  max-width: 727px;
  border: 1px solid #969696;
  margin: 0 auto 136px;
}

#omega #grade_area .grade_list li {
  display: flex;
  align-items: baseline;
  justify-content: center;
  border-bottom: 1px solid #969696;
  font-size: 34px;
  font-weight: 700;
  line-height: 35px;
  padding: 28px 20px 25px;
}

#omega #grade_area .grade_list li:last-child {
  border-bottom: none;
}

#omega #grade_area .grade_list li:nth-child(n+3) {
  padding: 28px 20px 15px;
}


#omega #grade_area .grade_list li .small_text01 {
  font-size: 25px;
}

#omega #grade_area .grade_list li .small_text02 {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

#omega #grade_area .grade_list li .sub_text {
  font-size: 24px;
  font-weight: 400;
  line-height: 35px;
  margin-left: 0.5em;
}

#omega #grade_area .grade_img_list {
  max-width: 683px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 17px;
}

#omega #grade_area .grade_img_list li {
  width: 18.3%;
}

#omega #grade_area .grade_img_list li figcaption {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12em;
  text-align: center;
  margin-top: 2px;
}

#omega #drug_discovery_area .cnt_box {
  max-width: 590px;
  margin: 0 auto 134px;
}

#omega #drug_discovery_area .cnt_box figure {
  margin: 0 auto 36px;
}

#omega #drug_discovery_area .btn_g {
  max-width: 702px;
  margin: 0 auto;
}

#omega #drug_discovery_area .btn_g .btn_contact:first-child {
  margin: 0 auto 35px;
}

#omega #drug_discovery_area .btn_g .btn_contact a {
  font-size: 27px;
  padding: 23px 30px;
}

#omega #drug_discovery_area .btn_g .btn_contact a::before {
  right: 27px;
  width: 113px;
  height: 9px;
}

#omega #drug_discovery_area .btn_g .btn_contact a:hover::before {
  right: 10px;
}

#omega .other_development_area.under_slider_cnt {
  padding-bottom: 133px;
}


/*---------------------------
27.研究開発（油脂・素材・製剤）
----------------------------*/
#development {
  font-feature-settings: "palt";
}

#development #title_area {
  padding: 120px 0 50px;
}

#development #title_area .page_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.16em;
  margin-bottom: 23px;
}

#development #title_area .lead_text {
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.14em;
}

#development .development_area {
  background: url(../img/development/bg_title01.png) no-repeat top center;
  background-size: 100% auto;
  padding: 260px 0 92px;
}

#development .development_area .contents_in {
  max-width: 959px;
  background: #fff;
  padding: 52px 79px 10px;
}

#development .development_area .area_title {
  position: relative;
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
  letter-spacing: 0.1em;
  text-align: center;
  padding-bottom: 27px;
  margin-bottom: 53px;
}

#development .development_area .area_title::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: 50px;
  height: 1px;
  background-color: #962C46;
  transform: translateX(-50%);
}

#development .development_area .cnt_g {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 51px;
}

#development .development_area .cnt_g .cnt_img {
  max-width: 341px;
  width: 42.63%;
}

#development .development_area .cnt_g .cnt_text {
  max-width: 430px;
  width: 53.75%;
}

#development .development_area .cnt_g .cnt_title {
  font-size: 21px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}

#development .development_area .cnt_g p {
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.12em;
  text-align: justify;
  text-justify: inter-ideograph;
}

#development .development_area .story_block {
  margin: 0 auto;
}

#development .development_area .story_block .story_title {
  font-size: 29px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 16px;
}

#development .development_area .story_block .story_title .inner {
  position: relative;
  display: inline-block;
}

#development .development_area .story_block .story_title .inner::before,
#development .development_area .story_block .story_title .inner::after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 42px;
  background-color: #962C46;
  position: absolute;
  top: -2px;
}

#development .development_area .story_block .story_title .inner::before {
  left: -43px;
  transform: rotate(-20deg);
}

#development .development_area .story_block .story_title .inner::after {
  right: -45px;
  transform: rotate(20deg);
}

#development .development_area .story_block .box_wrap {
  position: relative;
  background: url(../img/development/bg_story01.png) no-repeat center left;
  background-size: cover;
  padding: 43px 44px 29px;
}

#development #material_development .story_block .box_wrap {
  position: relative;
  background: url(../img/development/bg_story02.png) no-repeat center left;
  background-size: cover;
  padding: 43px 44px 29px;
}

#development #flormuation_development .story_block .box_wrap {
  position: relative;
  background: url(../img/development/bg_story03.png) no-repeat center left;
  background-size: cover;
  padding: 43px 44px 29px;
}


#development .development_area .story_block .cnt_box {
  max-width: 395px;
  width: 55.40%;
  color: #fff;
  margin: 0 0 0 auto;
}

#development .development_area .story_block .interview {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.1em;
  margin-bottom: 13px;
}

#development .development_area .story_block .interview .inner {
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
}

#development .development_area .story_block .interview .inner::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  transform: translateX(-50%);
}

#development .development_area .story_block p {
  font-size: 23px;
  line-height: 35px;
  letter-spacing: 0.1em;
  margin-bottom: 29px;
}

#development .development_area .story_block .btn_ptn02 {
  max-width: 220px
}

#development .development_area .story_block .btn_ptn02 a {
  border: 1px solid #fff;
  color: #fff;
}

#development .development_area .story_block .btn_ptn02 a::before {
  background: url(../img/common/arrow_right_white.svg) no-repeat;
  background-size: contain;
}

#development .development_area .coming_soon_block .box_wrap {
  padding: 68px 20px;
}

#development .development_area .coming_soon_block .cnt_box {
  max-width: 385px;
  text-align: center;
  margin: 0 auto;
}

#development .development_area .coming_soon_block .cnt_box .interview {
  font-size: 21px;
  margin-bottom: 0;
}

#development .development_area .coming_soon_block .cnt_box .interview .inner {
  width: 100%;
  padding-bottom: 8px;
}

#development .development_area .coming_soon_block .cnt_box .interview .inner::before {
  max-width: 354px;
}

#development .development_area .coming_soon_block .cnt_box .coming_soon_text {
  font-size: 47px;
  font-weight: 700;
  line-height: 69px;
  margin-bottom: 0;
}

#development #material_development {
  background: url(../img/development/bg_title02.png) no-repeat top center;
  background-size: 100% auto;
}

#development #material_development .contents_in {
  padding: 58px 79px 10px;
}

#development #material_development .coming_soon_block .box_wrap {
  background: url(../img/development/bg_story02.png) no-repeat center left;
  background-size: cover;
}

#development #formulation_development {
  background: url(../img/development/bg_title03.png) no-repeat top center;
  background-size: 100% auto;
}

#development #formulation_development .contents_in {
  padding: 58px 79px 10px;
}

#development #formulation_development .coming_soon_block .box_wrap {
  background: url(../img/development/bg_story03.png) no-repeat center left;
  background-size: cover;
}

/*研究開発下部スライダー*/

.underlayer_development_area {
  padding: 64px 0 135px;
}

.underlayer_development_area .underlayer_development_slider {
  max-width: 295px;
  width: 100%;
  margin: auto;
}

.underlayer_development_area .underlayer_development_slider .slider_item {
  position: relative;
}

.underlayer_development_area .underlayer_development_slider .slider_item .cnt_text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.14em;
  text-align: center;
  transform: translate(-50%, -50%);
}

/*slickの矢印*/
.underlayer_development_slider button.slick-arrow {
  position: absolute;
  top: 50%;
  border: none;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0);
  text-indent: -9999px;
  width: 30.1px;
  height: 69.4px;
  padding: 0;
  transform: translateY(-50%);
  z-index: 2;
}

.underlayer_development_slider button.slick-prev.slick-arrow {
  background: url(../img/common/slider_arrow_prev.svg) no-repeat left top;
  background-size: 100% auto;
  left: -140px;
}

.underlayer_development_slider button.slick-next.slick-arrow {
  background: url(../img/common/slider_arrow_next.svg) no-repeat right top;
  background-size: 100% auto;
  right: -140px;
}

/*END　slickの矢印*/


/*---------------------------
28.開発ストーリー
----------------------------*/

#story {
  color: #231815;
  font-feature-settings: "palt";
}

#story #title_area {
  padding: 120px 0 67px;
}

#story #title_area .page_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.16em;
}

#story .story_tabs .tabs_title_list {
  display: flex;
  justify-content: space-between;
  max-width: 925px;
  margin: 0 auto 87px;
  transform: skew(-22deg);
}

#story .story_tabs .tabs_title_list li {
  max-width: 290px;
  width: 31.35%;
  border: 2px solid#962C46;
  transition: all 0.3s;
  overflow: hidden;
}

#story .story_tabs .tabs_title_list li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #962C46;
  font-size: 24px;
  line-height: 35px;
  text-align: center;
  padding: 7px 0 8px;
  transform: skew(22deg);
}

#story .story_tabs .tabs_title_list li a:hover,
#story .story_tabs .tabs_title_list li a.is-active {
  width: calc(100% + 40px);
  background: #962C46;
  color: #fff;
  margin: 0 -22px;
}

#story .hide {
  display: none;
}

#story .tabs_contents {
  border-top: 1px solid #C5C6C6;
  border-bottom: 1px solid #C5C6C6;
  padding-top: 91px;
}

#story .story_area .contents_in {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

#story .story_area .story_title_block .story_title {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.12em;
  text-align: center;
  margin-bottom: 105px;
}

#story .story_area .story_title_block .story_cnt_g {
  position: relative;
  margin: 0 auto 77px;
}

#story .story_area .story_title_block .story_cnt_g .story_cnt_title {
  position: absolute;
  top: -56px;
  left: -31px;
  max-width: 604px;
  width: 100%;
  color: #231815;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0.06em;
  padding: 47px 5px 40px 95px;
}

#story .story_area .story_title_block .story_cnt_g .cnt_text {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 615px;
  width: 100%;
  color: #fff;
  padding: 375px 0 0 143px;
}

#story .story_area .story_title_block .story_cnt_g .cnt_title {
  font-size: 32.58px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: 0.07em;
  margin-bottom: 13px;
}

#story .story_area .story_title_block .story_cnt_g .cnt_title span {
  display: block;
}

#story .story_area .story_title_block .story_cnt_g .cnt_title .name {
  font-size: 24px;
}

#story .story_area .story_title_block .story_cnt_g .cnt_text p {
  font-size: 16px;
  font-weight: 500;
  line-height: 29px;
  letter-spacing: 0.12em;
  text-align: justify;
  text-justify: inter-ideograph;
  text-indent: 1em;
}

#story .story_area .article_box.contents_in {
  max-width: 768px;
  margin-bottom: 100px;
}

#story .story_area .article_box .article_box_title {
  font-size: 26px;
  font-weight: 700;
  line-height: 46px;
  letter-spacing: 0.06em;
  margin-bottom: 35px;
}

#story .story_area .article_box p {
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.12em;
  text-indent: 1em;
  margin-bottom: 2em;
  text-align: justify;
  text-justify: inter-ideograph;
}

#story .story_area .article_box p.note {
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.12em;
  text-align: center;
  text-indent: 1em;
  margin-top: 90px;
}

#story .story_area .article_title_g {
  position: relative;
  margin: 0 auto 77px;
}

#story .story_area .article_title_g.contents_in {
  max-width: 1100px;
  width: 100%;
}

#story .story_area .article_title_g .article_title {
  position: absolute;
  left: -31px;
  bottom: -17px;
  max-width: 705px;
  width: 100%;
  color: #231815;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: 0.06em;
  padding: 30px 5px 13px 35px;
}

#story .story_area .article_title_g.g02 .article_title {
  top: 0;
  bottom: auto;
  max-width: 448px;
  padding: 10px 5px 30px 50px;
}

#story #development_story2 .story_title_block .story_cnt_g .story_cnt_title {
  /* max-width: 710px;*/
  /*padding: 47px 60px 50px 95px;*/
  max-width: 790px;
  padding: 47px 0px 50px 38px;
}

#story #development_story2 .story_title_block .story_cnt_g .cnt_text p {
  text-indent: 0;
}

#story #development_story2 .article_box.box01.contents_in {
  margin-bottom: 130px;
}

#story #development_story2 .article_title_g .article_title {
  /*max-width: 500px;*/
  max-width: 525px;
}

#story #development_story2 .article_title_g.g02 .article_title {
  /*max-width: 590px;*/
  max-width: 390px;
}

#story #development_story3 .story_title_block .story_cnt_g .story_cnt_title {
  max-width: 654px;
  padding: 47px 45px 50px 95px;
}

#story #development_story3 .story_title_block .story_cnt_g .cnt_text p {
  text-indent: 0;
}

#story #development_story3 .article_title_g .article_title {
  max-width: 500px;
}

#story #development_story3 .article_title_g.g02 .article_title {
  max-width: 600px;
}




/*研究開発下層ページのスライダー*/

.other_development_area {
  padding: 121px 0 125px;
}

.other_development_area .other_development_slider {
  max-width: 648px;
  width: 100%;
  margin: auto;
}

.other_development_area .other_development_slider .slider_item {
  position: relative;
  max-width: 295px;
  width: 45.52%;
  margin: 0 14.5px;
}

.other_development_area .other_development_slider .slider_item .cnt_text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.14em;
  text-align: center;
  transform: translate(-50%, -50%);
}

/*slickの矢印*/
.other_development_slider button.slick-arrow {
  position: absolute;
  top: 50%;
  border: none;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0);
  text-indent: -9999px;
  width: 30.1px;
  height: 69.4px;
  padding: 0;
  transform: translateY(-50%);
  z-index: 2;
}

.other_development_slider button.slick-prev.slick-arrow {
  background: url(../img/common/slider_arrow_prev.svg) no-repeat left top;
  background-size: 100% auto;
  left: -140px;
}

.other_development_slider button.slick-next.slick-arrow {
  background: url(../img/common/slider_arrow_next.svg) no-repeat right top;
  background-size: 100% auto;
  right: -140px;
}

*/
/*END　slickの矢印*/

/*---------------------------
29.文献一覧
----------------------------*/
#paper .contents_in {
  margin: 0 auto;
  max-width: 1560px;
}

#paper .page_title01 {
  font-feature-settings: "palt";
  padding: 38px 0 19px;
}

#paper #application_area {
  margin: 0 auto 20px;
}

#paper .tab {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

#paper .tab li {
  max-width: 240px;
  width: 24%;
}

#paper .tab li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #231815;
  font-size: 19.2px;
  font-weight: 500;
  line-height: 28.5px;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 9px 20px 9px;
  border: 0.25px solid;
}

#paper .tab li.active a {
  background: #962C46;
  color: #fff;
}

#paper .area.is-active {
  display: block;
  animation-name: displayAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes displayAnime {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#paper .area {
  display: none;
  opacity: 0;
  background: #fff;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0.04em;
  padding: 32px 0px 74px;
}

#paper .area .note_text {
  font-size: 12px;
  text-align: right;
  margin-bottom: 19px;
}

#paper .area table {
  width: 100%;
  table-layout: fixed;
  word-break: break-word;
}

#paper .area table .color_yellow {
  background: #FFCC00;
}

#paper .area table tr {
  font-feature-settings: "palt";
  color: #231815;
  font-size: 15.6px;
  border-bottom: 1px dashed #9FA0A0;
  letter-spacing: 0.04em;
}


#paper .area table th {
  width: 14.28%;
  border-top: 1px dashed #9FA0A0;
  border-bottom: 1px dashed #9FA0A0;
  font-weight: 400;
  padding: 14px 0;
  vertical-align: middle;
  font-size: 16.64px;
}

#paper .area table th:first-child {
  width: 13.5%;
  padding: 14px 0 14px 11px;
}

#paper .area table th:nth-child(2) {
  width: 35.0%;
  text-align: center;
  padding-right: 50px;
}

#paper .area table th:last-child {
  width: 51.5%;
  text-align: center;
  padding-right: 93px;
}

#paper .area table td {
  line-height: 21px;
  text-align: left;
  font-size: 14.1px;
}

#paper .area table td img {
  max-width: 80px;
}

#paper .area table td:first-child {
  border-left: none;
  width: 13.5%;
  height: 60px;
  padding: 10.5px 40px 10.5px 8px;
}

#paper .area table td:nth-child(2) {
  border-left: none;
  width: 35%;
  padding: 10.5px 40px 10.5px 3px;
}

#paper .area table td:last-child {
  border-left: none;
  padding: 10.5px 0px 10.5px 3px;
}

#paper .area table td dl {
  max-width: 658px;
  margin: 0 auto;
}

#paper .area table td dl>div {
  display: flex;
}

#paper .area table td dl dt {
  width: 60px;
  font-weight: 400;
}

#paper .area table td dl dd {
  width: calc(100% - 60px);
  text-align: left;
}

#paper .area table td a {
  color: #3090BC;
  transition: all 0.3s;
}

#paper .area table td a:hover {
  opacity: 0.7;
}

#paper .area table td a::before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-style: solid;
  border-width: 2.5px 0 2.5px 5px;
  border-color: transparent transparent transparent #A6165F;
  margin: 3px 1.5px;
}

#paper .area td.paper_flex {
  display: flex;
}

#paper .area td.paper_flex .paper_flex_text {
  max-width: 435px;
  width: 84.46%;
}

#paper .area .paper_flex_img a::before {
  display: none;
}



/*特許一覧*/
#paper #patent {
  max-width: 1000px;
  margin: 0 auto;
}

#paper .area_title {
  font-size: 19.23px;
  margin-bottom: 23px;
}

#paper #patent table th:first-child {
  width: 24%;
  padding: 14px 0 14px 19px;
}

#paper #patent table th:last-child {
  width: 76%;
  padding-right: 156px;
}

#paper #patent table td:first-child {
  padding-left: 2%;
  vertical-align: middle
}

#paper #patent table td:last-child {
  vertical-align: middle
}


/*学会発表*/
#paper #conference {
  max-width: 1000px;
  margin: 0 auto;
}



/*セレクトボックス*/
#paper .col-auto {
  overflow: hidden;
  margin: 22px auto 35px;
  text-align: center;
}

#paper #industryr .col-auto {
  overflow: hidden;
  margin: 0em auto;
  text-align: center;
}

#paper #industryr .col-auto.cp_sl02 {
  margin: 2em 84% 2em 0;
}


#paper .col-auto select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

#paper .col-auto select::-ms-expand {
  display: none;
}

#paper .col-auto.cp_sl02 {
  position: relative;
  border: 1px solid #000;
  border-radius: 2px;
  background: #ffffff;
  width: 16%;
  margin-right: 84%;
  font-size: 15px;
}

#paper .col-auto.cp_sl02::before {
  position: absolute;
  top: 0.8em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0px -3px;
  border-bottom: 1px solid #C93664;
  border-right: 1px solid #C93664;
  transform: rotate(45deg);
  pointer-events: none;
}

#paper .col-auto.cp_sl02:after {
  position: absolute;
  top: 0;
  right: 1.8em;
  bottom: 0;
  width: 1px;
  content: '';
  /*border-left: 1px solid #bbbbbb;*/
}

#paper .col-auto.cp_sl02 select {
  padding: 8px 8px 8px 8px;
  color: #000000;
  border-right: 27px solid #EDEDED;
}


/*ストーリーのページ内リンク*/
.service-tabs__menu-item {
  display: none;
}

.service-tabs__body {
  display: none;
}

.is-active {
  display: block;
}


/*---------------------------
30.安心・安全（品質管理）
----------------------------*/

#quality {
  font-feature-settings: "palt";
}

#quality #title_area {
  padding: 99px 0 97px;
}

#quality #title_area .page_title {
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.16em;
  margin-bottom: 18px;
}

#quality #title_area .page_title .sub_title {
  display: inline-block;
  font-size: 26px;
  margin-left: 1.4em;
}

#quality #title_area .lead_text {
  font-size: 18px;
  line-height: 35px;
  letter-spacing: 0.14em;
  margin-bottom: 95px;
}

#quality #title_area .policy_g {
  border: 1px solid #B1B1B2;
  padding: 65px 85px 60px 125px;
}

#quality #title_area .policy_g .g_title {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.14em;
  margin-bottom: 20px;
}

#quality #title_area .policy_g ol {
  margin-bottom: 28px;
}

#quality #title_area .policy_g ol.g02 {
  margin-bottom: 0;
}

#quality #title_area .policy_g ol li {
  font-size: 18px;
  line-height: 26.6px;
  letter-spacing: 0.04em;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 7px;
}

#quality #title_area .policy_g ol.g02 li {
  letter-spacing: 0;
}

#quality .quality_area {
  background: url(../img/quality/bg_title01.png) no-repeat top center;
  background-size: 100% auto;
  padding: 275px 0 37px;
}

#quality .quality_area p {
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.12em;
  text-align: justify;
  text-justify: inter-ideograph;
}

#quality .quality_area .contents_in {
  background: #fff;
  padding: 58px 66px 40px;
}

#quality .quality_area .area_title {
  position: relative;
  font-size: 52px;
  font-weight: 700;
  line-height: 73px;
  letter-spacing: 0.08em;
  padding-bottom: 63px;
  text-align: center;
  margin: 0 auto 74px
}

#quality .quality_area .area_title::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: 100px;
  height: 2.8px;
  background-color: #962C46;
  transform: translateX(-50%);
}

#quality .quality_area .lead_text {
  max-width: 460px;
  font-size: 18px;
  line-height: 35px;
  letter-spacing: 0;
  margin: 0 auto 70px
}

#quality .quality_area .item_block {
  max-width: 866px;
  padding-left: 40px;
  margin: 0 auto;
}

#quality .quality_area .item_block .item_g {
  max-width: 826px;
  display: flex;
  justify-content: space-between;
}

#quality .quality_area .item_block .item_g .cnt_box {
  max-width: 575px;
  width: 69.61%;
  border-top: 10px solid #962C46;
  border-radius: 0;
  box-shadow: 0px 4px 14px 0px rgb(51 51 51 / 10%);
  padding: 30px 51px 28px;
}

#quality .quality_area .item_block .item_g:first-child .cnt_box {
  border-radius: 10px 10px 0 0;
}

#quality .quality_area .item_block .item_g:last-child .cnt_box {
  border-radius: 0 0 14px 14px;
}

#quality .quality_area .item_block .item_g .item_title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.06em;
  margin-bottom: 8px;
}

#quality .quality_area .item_block .item_g .cnt_img {
  max-width: 220px;
  width: 26.63%;
  margin-top: 14px;
}

#quality #quality_management .item_block .item_g:nth-child(2) .cnt_img {
  margin-top: 28px;
}

#quality .management_list {
  display: flex;
  justify-content: space-between;
  max-width: 866px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.14em;
  padding-left: 8px;
  margin: 0 auto 73px;
}

#quality .management_list li {
  position: relative;
  max-width: 155px;
  width: 18.1%;
  background: #F5F2EE;
  border-radius: 14.23px;
  padding: 7px 5px 9px;
  text-align: center;
  margin: 0 30px;
}

#quality .management_list li::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -43px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/common/arrow_right_gray02_bold.svg) no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

#quality .management_list li:last-child:before {
  display: none;
}

#quality .management_list li p {
  text-align: center;
}

#quality .management_list li h4 {
  font-size: 15px;
}

#quality .management_list li .cnt_img {
  max-width: 124px;
  width: 100%;
  margin: 2.5px auto 4.2px;
}

#quality #quality_assurance {
  background: url(../img/quality/bg_title02.png) no-repeat top center;
  background-size: 100% auto;
  padding: 273px 0 67px;
}

#quality #quality_assurance .lead_text {
  max-width: 702px;
}

#quality #quality_assurance .item_block .item_g:first-child .cnt_img {
  margin-top: 31px;
}

#quality #quality_assurance .item_block .item_g:nth-child(2) .cnt_img {
  margin-top: 29px;
}

#quality #quality_assurance .item_block .item_g:nth-child(3) .cnt_img {
  margin-top: 51px;
}

#quality #quality_assurance .item_block .item_g:nth-child(4) .cnt_img {
  margin-top: 49px;
}

#quality #quality_assurance .item_block .item_g:nth-child(n+3) p {
  letter-spacing: 0.11em;
}

#quality #certification {
  background: url(../img/quality/bg_title03.png) no-repeat top center;
  background-size: 100% auto;
  padding: 320px 0 100px;
}

#quality #certification .area_title {
  margin: 0 auto 64px;
}

#quality #certification .lead_text {
  max-width: 360px;
  margin: 0 auto 30px;
}

#quality #certification .acquisition_list {
  max-width: 767px;
  margin: 0 auto 102px;
}

#quality #certification .acquisition_list .cnt_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(157, 158, 158, 0.46);
  padding: 32px 20px 27px 40px;
}

#quality #certification .acquisition_list .cnt_box:first-child {
  border-top: 1.5px solid rgba(157, 158, 158, 1);
}

#quality #certification .acquisition_list .cnt_box:last-child {
  border-bottom: 1.5px solid rgba(157, 158, 158, 1);
}

#quality #certification .acquisition_list dt {
  display: flex;
  align-items: center;
  width: 235px;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0.04em;
}

#quality #certification .acquisition_list dt .title {
  width: 118px;
}

#quality #certification .acquisition_list .cnt_box:nth-child(3) dt .title {
  width: 100px;
}

#quality #certification .acquisition_list dt .cnt_img {
  width: calc(100% - 118px);
}

#quality #certification .acquisition_list .cnt_box:nth-child(3) dt .cnt_img {
  width: calc(100% - 100px);
}

#quality #certification .acquisition_list dt .cnt_img.img01 img,
#quality #certification .acquisition_list dt .cnt_img.img02 img {
  max-width: 65px;
}

#quality #certification .acquisition_list dt .cnt_img.img03 img {
  max-width: 116.41px;
}

#quality #certification .acquisition_list dd {
  max-width: 503px;
  width: calc(100% - 235px);
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.04em;
}

#quality #certification .other_info_g {
  max-width: 780px;
  display: flex;
  margin: 0 auto;
}

#quality #certification .other_info_g .info_title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.06em;
  margin-bottom: 8px;
}

#quality #certification .other_info_g ul li {
  font-size: 14px;
  line-height: 24.35px;
  letter-spacing: 0.04em;
}

#quality #certification .other_info_g .affiliate_info {
  max-width: 275px;
  width: 35.26%;
  margin-right: 8.46%;
}

#quality #certification .other_info_g .affiliate_info li {
  display: flex;
  justify-content: space-between;
}

#quality #certification .other_info_g .permission_info {
  max-width: 439px;
  width: 56.28%;
}


/*---------------------------
31.サプリメント素材一覧
----------------------------*/


#raw_material {
  font-feature-settings: "palt";
}

#raw_material #title_area {
  padding: 120px 0 100px;
}

#raw_material #title_area .page_title {
  color: #231815;
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
  letter-spacing: 0.1em;
  margin-bottom: 45px;
}

#raw_material #title_area .lead_text {
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0.12em;
  margin-bottom: 64px;
}

#raw_material .btn_ptn02.btn_dl_raw_material {
  max-width: 336px;
  margin: 0 auto;
}

#raw_material .btn_ptn02.btn_dl_raw_material a {
  padding: 12px 10px 13px;
}

#raw_material #material_list_area {
  padding: 75px 0 73px;
}

#raw_material #material_list_area .contents_in {
  max-width: 961px;
}

#raw_material #material_list_area .area_title {
  width: 100%;
  margin-bottom: 42px;
}

#raw_material #material_list_area .area_title #all_item {
  display: block;
  width: 100%;
  background: #fff;
  border-radius: 4.96px;
  box-shadow: 2px 2px 3px 1px rgb(4 0 0 / 10%);
  color: #000;
  font-size: 21px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.07em;
  padding: 6px 10px;
  text-align: center;
  transition: all 0.3s;
}

#raw_material #material_list_area .area_title #all_item.current {
  background: #962C46;
  color: #fff;
}

#raw_material #material_list_area .cnt_block {
  max-width: 961px;
  display: flex;
  justify-content: space-between;
}

#raw_material #material_list_area .cnt_block .cnt_g {
  background: #EAD5DA;
  padding: 11px 16px 18px;
}

#raw_material #material_list_area .cnt_block .cnt_g.g01 {
  max-width: 758px;
  width: 78.88%;
}

#raw_material #material_list_area .cnt_block .cnt_g.g02 {
  max-width: 182px;
  width: 18.94%;
}

#raw_material #material_list_area .g_title {
  color: #231815;
  font-size: 21px;
  font-weight: 500;
  line-height: 33px;
  letter-spacing: 0.07em;
  text-align: center;
  margin-bottom: 12px;
}

#raw_material #material_list_area .material_menu {
  display: flex;
  flex-wrap: wrap;
}

#raw_material #material_list_area .material_menu li {
  max-width: 172px;
  width: 100%;
  margin-bottom: 14px;
}

#raw_material #material_list_area .cnt_g.g01 .material_menu li {
  width: 23.7%;
  margin-right: 1.7%;
}

#raw_material #material_list_area .material_menu li:last-child {
  margin-bottom: 0;
}

#raw_material #material_list_area .cnt_g.g01 .material_menu li:nth-child(4n) {
  margin-right: 0;
}

#raw_material #material_list_area .material_menu li button {
  display: block;
  width: 100%;
  background: #fff;
  border-radius: 4.58px;
  box-shadow: 2px 2px 3px 1px rgb(4 0 0 / 10%);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.07em;
  text-align: center;
  padding: 10px 5px 11px;
  transition: all 0.3s;
}

#raw_material #material_list_area .material_menu li button.current {
  background: #962C46;
  color: #fff;
}

@media only screen and (min-width:751px) {

  #raw_material #material_list_area .material_menu li button:hover,
  #raw_material #material_list_area .area_title #all_item:hover {
    background: #962C46;
    color: #fff;
  }
}

#raw_material .btn_dl_bottom {
  padding-bottom: 148px;
}

#raw_material #underlayer_material {
  /*padding: 199px 0 162px;*/
  /*padding: 50px 0 50px;*/
  padding: 100px 0 0;
}

/*#raw_material #underlayer_material .contents_in {
  max-width: 1102px;
}*/

#raw_material #underlayer_material .cnt_g_ptn01 {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin: 100px auto 162px;
}

#raw_material #underlayer_material .cnt_g_ptn01.cnt_reverse {
  flex-direction: row;
}

#raw_material #underlayer_material .cnt_g_ptn01:last-child {
  margin-bottom: 162px;
}

#raw_material #underlayer_material .cnt_g_ptn01 .cnt_img {
  position: absolute;
  top: -87px;
  left: 0;
  max-width: 662px;
  width: 60%;
  z-index: 1;
}

#raw_material #underlayer_material .cnt_g_ptn01.cnt_reverse .cnt_img {
  top: -117px;
  right: -21px;
  left: auto;
}

#raw_material #underlayer_material .cnt_g_ptn01 .cnt_box {
  max-width: 515px;
  width: 46.74%;
}

#raw_material #underlayer_material .cnt_g_ptn01.cnt_reverse .cnt_box {
  margin-left: 19px;
}

#raw_material #underlayer_material .cnt_g_ptn01 .cnt_box .inner {
  background: #F5F2EE;
  padding: 61px 88px 71px 138px;
}

#raw_material #underlayer_material .cnt_g_ptn01 .cnt_box .efficacy {
  color: #231815;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 2px;
}

#raw_material #underlayer_material .cnt_g_ptn01 .cnt_box .efficacy span {
  display: inline-block;
  background: #fff;
  padding: 5px 7px;
  text-align: center;
}

#raw_material #underlayer_material .cnt_g_ptn01 .cnt_box .cnt_title {
  font-size: 28px;
  font-weight: 700;
  line-height: 49px;
  letter-spacing: 0.09em;
}

#raw_material #underlayer_material .cnt_g_ptn01 .cnt_box .cnt_title .text_small {
  display: inline-block;
  font-size: 18px;
  margin-left: 4px;
}

#raw_material #underlayer_material .cnt_g_ptn01 .cnt_box .summary {
  max-width: 281px;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.14em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 52px;
}

#raw_material #underlayer_material #material_epa70-bapt .cnt_box .summary .trademark {
  letter-spacing: 0;
}

#raw_material #underlayer_material .cnt_g_ptn01 .cnt_box .note {
  color: #231815;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.09em;
  margin: 13px 0 0;
}

#raw_material #underlayer_material .cnt_g_ptn01 .cnt_box .btn_ptn02 {
  margin-top: 9px;
}



/*素材個別CSS*/

/*SAC高含有ニンニク*/
#raw_material #underlayer_material #material_sac_garlic_extract_powder .cnt_box .inner {
  padding: 52px 73px 53px 129px;
}

/*ニンニク*/
#raw_material #underlayer_material #material_garlic_extract_powder .cnt_box .inner {
  padding: 61px 146px 45px 89px;
}

#raw_material #underlayer_material #material_garlic_extract_powder .cnt_box .summary {
  margin-bottom: 20px;
}

/*エゾウコギ*/
#raw_material #underlayer_material #material_ukogin .cnt_box .inner {
  padding: 61px 88px 71px 138px;
}

/*ニガウリ*/
#raw_material #underlayer_material #material_bitter_melon_juice_powder .cnt_box .inner {
  padding: 61px 96px 71px 139px;
}

#raw_material #underlayer_material #material_bitter_melon_juice_powder .cnt_box .summary {
  margin-bottom: 20px;
}

/*カオバン茶*/
#raw_material #underlayer_material #material_caobangtea_extract_powder .cnt_box .inner {
  padding: 61px 95px 73px 139px;
}

#raw_material #underlayer_material #material_caobangtea_extract_powder .cnt_box .summary {
  margin-bottom: 18px;
}

/*アガリクス*/
#raw_material #underlayer_material #material_agaricus_blazei_extract_powder .cnt_box .inner {
  padding: 61px 81px 73px 132px;
}

#raw_material #underlayer_material #material_agaricus_blazei_extract_powder .cnt_box .summary {
  letter-spacing: 0;
}

/*ギムネマシルベスタ*/
#raw_material #underlayer_material #material_gymnema_extract_powder-h .cnt_box .inner {
  padding: 61px 77px 73px 128px;
}

/*EPA*/
#raw_material #underlayer_material #material_epa70-bapt .cnt_box .inner {
  padding: 54px 95px 55px 139px;
}

#raw_material #underlayer_material #material_epa70-bapt .cnt_box .summary {
  margin-bottom: 8px;
}

/*DHA*/
#raw_material #underlayer_material #material_dha70-bapt .cnt_box .inner {
  padding: 54px 94px 55px 139px;
}

#raw_material #underlayer_material #material_dha70-bapt .cnt_box .summary {
  margin-bottom: 8px;
}

/*----------
32.検索結果
----------*/
.search_results_page #search-results #current-page {
  display: none;
}

.search_results_page #search-results #news_list_area .asset-meta-list {
  width: 100%;
}

.search_results_page #search-results #news_list_area .asset-meta-list li {
  flex-wrap: nowrap;
  padding: 0;
}

.search_results_page #search_example_results_area {
  padding: 200px 0;
}

.search_results_page #search_example_results_area p {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

.search_results_page #search_no_results_area {
  padding: 200px 0;
}

.search_results_page #search_no_results_area p {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

/*END*/