@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: 82px;
}

/*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;
}



/*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 {
  max-width: 308px;
  width: 67.7%;
  font-size: 15px;
  line-height: 30px;
  text-align: left;
  /* letter-spacing: 0.14em; */
  margin: 0 auto 40px;
}

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

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

#top #manufacturing_area .cnt_g li {
  max-width: 300px;
  width: 30%;
  /* margin: 0 15px; */
}

#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: 17px;
  line-height: 23px;
  /*letter-spacing: 0.1em;*/
  text-align: center;
  padding: 8px 0 14px;
}


#top #manufacturing_area .product_block .title_ptn01 {
  padding: 0 10px;
  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 {
  justify-content: flex-start;
  gap: 2%;
  margin-bottom: 41px;
}

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

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

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

#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.g01 .cnt_box .cnt_img {
  width: 40.95%;
}

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

#top #manufacturing_area .product_block .product_g.g02 .cnt_box .functional_display {
  top: 8px;
  bottom: auto;
  right: 8px;
  font-size: 12px;
  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 {
  width: 59.06%;
  color: #fff;
  background: #962C46;
  padding: 13px 5px 13px 14px;
}

#top #manufacturing_area .product_block .product_g.g01 .cnt_box .cnt_text {
  display: flex;
  align-items: center;
}

#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: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 1px;
}

#top #manufacturing_area .product_block .product_g.g01 .cnt_box .cnt_text .name {
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  /*letter-spacing: 0.05em;*/
}

#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%;
  padding: 0 10px;
}

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


/*---------------------------
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 {
  padding: 10px 0 0 3px;
}

#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%;
}

#company .underlayer_slider_area {
  padding-top: 90px;
}

/*---------------------------
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: 27px;
  line-height: 59px;
  /*letter-spacing: 0.1em;*/
  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: 20px;
  font-weight: 700;
  line-height: 26px;
  /*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 130px;
  font-size: 14px;
  line-height: 25.3px;
  /*letter-spacing: 0.04em;*/
  font-feature-settings: "palt";
}

#outline #outline_area table .pdf_link_text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#outline #outline_area table .pdf_link_text p {
  width: fit-content;
  margin-right: 0.8em;
}

#outline #outline_area table .pdf_link_text .label_pdf {
  width: 31.5px;
}

#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,
td,
th {
  border-top: 1px #C9CACA solid;
}

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

/*---------------------*/
#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: 160px;
  width: 30%;
}

/*---------------------*/
#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: 14.51%;
  padding-bottom: 0;
  position: absolute;
  top: 5px;
  left: 365px;
}

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

/*------------------*/
#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: 38px;
  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の矢印*/


#summary .underlayer_slider_area {
  padding-top: 90px;
}


/*---------------------------
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.1em;*/
  margin-bottom: 21px;
}

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

#history #history_area {
  padding-top: 100px;
  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.02em;*/
  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 30px;
}

#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 .g02 .cnt_text .title_g .g_title {
  width: calc(100% - 402px);
}

#sdgs #sdgs_area .g03 .cnt_text .title_g .g_title {
  width: calc(100% - 158px);
}

#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 .mv {
  margin: 0;
}

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

#recruit #application_area .contents_in {
  max-width: 1133px;
}

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

#recruit .tab li {
  max-width: 375px;
  width: 33%;
  margin-right: 22.5px;
}

#recruit .tab li a {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  color: #231815;
  font-size: 22.5px;
  font-weight: 400;
  line-height: 30.54px;
  /*letter-spacing: 0.04em;*/
  text-align: center;
  padding: 10px 20px;
}

#recruit .tab li.active a {
  background: #962C46;
  border-top: 1px solid rgba(150, 44, 70, 0.5);
  border-right: 1px solid rgba(150, 44, 70, 0.5);
  border-left: 1px solid rgba(150, 44, 70, 0.5);
  color: #fff;
}

#recruit .area {
  display: none;
  opacity: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 43.6px 91.3px;
}

#recruit .area.is-active {
  display: block;
  animation-name: displayAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  border: 1px solid rgba(150, 44, 70, 0.5);
}

@keyframes displayAnime {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#recruit .area {
  display: none;
  opacity: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.5);
  font-size: 13.37px;
  font-weight: 400;
  line-height: 18px;
  /*letter-spacing: 0.04em;*/
  padding: 43.6px 91.3px 90px;
}

#recruit .area .note_text {
  text-align: right;
  margin-bottom: 19.6px;
}

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

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

#recruit .area table tr {
  border: 1px solid rgba(159, 160, 160, 0.5);
  border-bottom: none;
}

#recruit .area table tr:last-of-type {
  border-bottom: 1px solid rgba(159, 160, 160, 0.5);
}

#recruit .area table th {
  width: 14.28%;
  background: #F4F4F4;
  font-weight: 400;
  padding: 10.5px 18px;
  text-align: left;
}

#recruit .area table td {
  width: 14.28%;
  border-left: 1px solid rgba(159, 160, 160, 0.5);
  text-align: center;
  padding: 10.5px 18px;
  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: left;
  vertical-align: middle;
}

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

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

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

#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.25px 0 2.25px 4px;
  border-color: transparent transparent transparent #A6165F;
  margin: 0 1.5px;
}

#recruit .area#career table tr:nth-of-type(4) td,
#recruit .area#career table tr:nth-of-type(9) td {
  vertical-align: top;
}

#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 .breadcrumb {
  margin-bottom: 55px;
}

#news .title_area {
  max-width: 1166px;
  margin-bottom: 60px;
}

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

#news #search_area .contents_in {
  max-width: 1228px;
}

#news #search_area .searchform {
  background-color: #EDEDED;
  padding: 28.8px 171.6px 21.4px;
}

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

#news #search_area .searchform .search_box {
  background-color: #fff;
  border: 1px solid rgba(110, 110, 110, 0.6);
  color: #02405A;
  font-size: 12.75px;
  font-weight: 400;
  line-height: 22.31px;
  max-width: 779px;
  width: 100%;
  min-height: 37.5px;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 8px 44px 8px 14.5px;
  margin: 0 auto;
}

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

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

#news #search_area .searchform ul {
  display: flex;
  justify-content: space-between;
  max-width: 885px;
  margin: 0 auto;
}

#news #search_area .searchform ul li a {
  color: #231815;
  font-size: 19.5px;
  font-weight: 700;
  line-height: 30.54px;
  /*letter-spacing: 0.04em;*/
  transition: all 0.3s;
}

#news #search_area .searchform ul li a:hover {
  color: #B91F52;
}

#news #search_area .searchform ul li a.current {
  color: #B91F52;
}

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

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

#news #news_list_area ul li {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-bottom: 33px;
  margin-bottom: 30px;
  word-break: break-all;
}

#news #news_list_area ul li::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-size: 5px 1px;
  background-image: linear-gradient(to right, #5A5A5A, #5A5A5A 2px, transparent 2px, transparent 3px);
  background-repeat: repeat-x;
}

#news #news_list_area ul li:last-of-type:before {
  background: none;
}

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

#news #news_list_area ul li span.date {
  max-width: 173px;
  font-size: 19.5px;
  font-weight: 700;
  line-height: 30.54px;
  /*letter-spacing: 0.04em;*/
}

#news #news_list_area ul li span.cate {
  max-width: 107px;
  color: #fff;
  font-size: 12.42px;
  line-height: 15px;
  /*letter-spacing: 0.08em;*/
  padding: 1.7px 0;
  text-align: center;
  margin: 6px 10px 0 0;
}

#news #news_list_area ul li a {
  width: calc(100% - 290px);
  color: #308eba;
  font-size: 19.5px;
  font-weight: 700;
  line-height: 30.54px;
  /*letter-spacing: 0.04em;*/
  transition: all 0.3s;
}

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

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

#news_detail {
  margin-bottom: 50px;
}

#news_detail .breadcrumb {
  margin-bottom: 60px;
}

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

#news_detail .article_title_g {
  border-bottom: 3px solid #EDEDED;
  padding-bottom: 30px;
  margin-bottom: 35px;
}

#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: 19.5px;
  font-weight: 700;
  line-height: 30.54px;
  /*letter-spacing: 0.04em;*/
  margin-right: 16px;
}

#news_detail .article_title_g .cate {
  width: 107px;
  color: #fff;
  font-size: 12.42px;
  line-height: 15px;
  /*letter-spacing: 0.08em;*/
  padding: 1.7px 0;
  text-align: center;
}

#news_detail .article_title_g .article_title {
  color: #A6165F;
  font-size: 33.8px;
  font-feature-settings: "palt";
  font-weight: 400;
  line-height: 59.15px;
}

#news_detail .article_detail {
  color: #231815;
  font-size: 15px;
  font-weight: 400;
  font-feature-settings: "palt";
  line-height: 22.54px;
  /*letter-spacing: 0.04em;*/
  padding: 0 35.4px;
}

#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: 4px 0 4px 6px;
  border-color: transparent transparent transparent #A6165F;
  margin: 0 1.5px;
}

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

#news_detail .article_detail a[href$=".pdf"]::after {
  content: "PDF";
  display: inline-block;
  width: 26px;
  color: #fff;
  background: #C30D23;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  /*letter-spacing: 0.04em;*/
  padding: 1px 3.5px;
}

/*---------------------------
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: 55px;
  background-color: #962C46;
  color: #fff;
  font-size: 10px;
  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;
}

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

.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;
}

#inquiry .form_g .form_item:nth-child(9) dd label.error {
  display: block;
  margin: -19px 0 15px;
}

#inquiry .form_g .form_item:nth-child(9) dd label.error:last-child {
  display: block;
  margin: 0 0 15px;
}

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

/* .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 .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 {
  display: inline-block;
  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;
  margin: 0 auto;
  transition: .3s all;
}

.form_page #form_area .btn_from.btn_back {
  background: #999;
  margin-top: 20px;
}

.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: calc(100% - 149px);
}

.form_page #form_area .attention_mail_text {
  max-width: 765px;
  width: 100%;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 auto 30px;
}

/*お問い合わせページ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 {
  max-width: 602px;
  width: calc(100% - 185px);
}

#inquiry #explanation_area .cnt_g ul li {
  display: flex;
  width: 100%;
  margin-bottom: 5px;
}

#inquiry #explanation_area .cnt_g ul li .cnt_img {
  max-width: 127px;
  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;
}


/*------------------------------
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(2) dd label.single_item {
  width: 100% !important;
  font-weight: 700;
  margin-top: 1em;
}

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

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

#download #form_area .form_g .form_item:nth-child(8) dd label.error {
  display: block;
  margin: -19px 0 15px;
}

#download #form_area .form_g .form_item:nth-child(8) dd label.error:last-child {
  display: block;
  margin: 0px 0 15px;
}

/*------------------------------
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: 200px 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(odd) {
  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(even) .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(even) .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: 40px;
  /*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: 16px;
  line-height: 31px;
  /*letter-spacing: 0.14em;*/
  text-align: left;
  text-justify: none;
  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: 847px;
  width: 66.172vw;
  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: 16px;
  line-height: 31px;
  /*letter-spacing: 0.14em;*/
  text-align: left;
  text-justify: none;
  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: 84px;
}

.manufacturing_page #title_area .page_title {
  max-width: 319.06px;
  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: 0 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: 1px;
  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: 30px;
  font-weight: 700;
  line-height: 1;
  /*letter-spacing: 0.04em;*/
  padding-left: 30px;
  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: 15px;
  height: 15px;
  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: 100px;
}

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

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

#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: 20.5px;
  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: 402px;
}

#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: 3px;
  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: 37px;
  /*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 100px;
}

#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: 330px;
}

#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: 28px;
  line-height: 53px;
  /*letter-spacing: 0.04em;*/
}

#b-hit #efficacy_area .text_big {
  position: relative;
  font-size: 40px;
  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: 23px;
  font-weight: 700;
  line-height: 30px;
  /*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: 24px;
  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;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 309px;
  width: 30.9%;
  height: 277px;
  padding: 10px 10px 0;
}

#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%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 108px;
  height: 108px;
  background: #952C46;
  border-radius: 50%;
  transform: translateX(-50%);
}

#strength #introduce_area ol li .point>span {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  /*letter-spacing: 0.06em;*/
  text-align: center;
}

#strength #introduce_area ol li .point .text_big {
  font-size: 32px;
  line-height: 1;
}

#strength #introduce_area ol li p {
  font-feature-settings: "palt";
  font-size: 20px;
  line-height: 22px;
  /*letter-spacing: 0.16em;*/
  text-align: center;
}

#strength #introduce_area ol li p span {
  display: block;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 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;*/
}

#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: 26px;
  font-weight: 700;
  line-height: 36px;
  /*letter-spacing: 0.06em;*/
  padding: 6px 5px;
  text-align: center;
  transform: translateX(-50%);
}

#strength .cnt_area .cnt_number .text_big {
  font-size: 36px;
}

#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;
  line-height: 1;
}

#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: 17px;
  font-weight: 700;
  line-height: 1.2;
  /*letter-spacing: 0.1em;*/
  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: 13px;
  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;
  padding-top: 6px;
}

#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-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}

#strength #strength03 .block03 .tablet_list li {
  max-width: 298px;
  width: 47.5%;
  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 10px;
  margin: 0 22px 17px 0;
}

#strength #strength03 .block03 .tablet_list li:nth-child(2) {
  margin-right: 0;
}

#strength #strength03 .block03 .tablet_list li:nth-child(n+3) {
  max-width: 161px;
  width: 31.47%;
  padding: 13px 14px 14px 15px;
  margin: 0 0 9px 0;
}

#strength #strength03 .block03 .tablet_list li span {
  display: inline-block;
  text-indent: -1.5em;
  padding-left: 1.5em;
}

#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: 18px;
  left: 8px;
}

#strength #strength03 .block04 .cnt_g .packing_box:nth-child(2) {
  top: 171px;
  left: 8px
}

#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: 210px;
  height: 110px;
  background: #F4F5F5;
  border-radius: 21px;
  font-feature-settings: "palt";
  font-size: 14px;
  line-height: 22px;
  /*letter-spacing: 0.05em;*/
  padding: 14px 10px 15px 15px;
}

#strength #strength03 .block04 .cnt_g .packing_box:first-child .packing_list {
  height: 135px;
}

#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: 18px;
  /*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: 19px;
  /*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;*/
}

#strength .underlayer_slider_area {
  padding-top: 90px;
}



/*---------------------------
23.製品形態
----------------------------*/
/*---------------------------
24.原薬、オメガ３系脂肪酸試薬
----------------------------*/

#drug_substance #underlayer_menu {
  padding: 200px 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(odd) {
  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(even) .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(even) .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;
  margin-bottom: 25px;
}

#drug_substance .cnt_g_ptn01 .cnt_box p {
  max-width: 303px;
  font-size: 16px;
  line-height: 31px;
  /* letter-spacing: 0.14em; */
  text-align: left;
  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;
  margin-bottom: 67px;
}

#epa #title_area .lead_title {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 35px;
}

#epa #title_area .lead_text {
  font-size: 18px;
  line-height: 31px;
}

#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;
}

#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;
  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;
}

#epa #pharmaceutical_quality_area .btn_g {
  max-width: 702px;
  margin: 0 auto;
}

#epa #pharmaceutical_quality_area .btn_g .btn_contact:first-child {
  margin: 0 auto 35px;
}

#epa #pharmaceutical_quality_area .btn_g .btn_contact a {
  font-size: 27px;
  padding: 23px 30px;
}

#epa #pharmaceutical_quality_area .btn_g .btn_contact a::before {
  right: 27px;
  width: 113px;
  height: 9px;
}

#epa #pharmaceutical_quality_area .btn_g .btn_contact a:hover::before {
  right: 10px;
}


/*下層ページメニュースライダー*/

/*
.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;
  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;
}

#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;
  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: 40px;
  line-height: 57px;
  /* font-size: 29px;
  line-height: 42px; */
}

#omega .cnt_area .area_title .text_small {
  display: block;
  font-size: 20px;
  line-height: 40px;
}

#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 .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: 'Roboto', 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: 'Roboto', 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: 650px;
  padding: 47px 60px 50px 95px;
}

#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;
}

#story #development_story2 .article_title_g.g02 .article_title {
  max-width: 590px;
}

#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.文献一覧
----------------------------*/
/*---------------------------
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: 702px;
  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: 18px;
  /*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 {
  line-height: 20px;
  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 .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 {
  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;
  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: 600px;
  width: 100%;
  margin: 0 auto 3em;
}

#quality #certification .other_info_g .affiliate_info li {
  display: flex;
  justify-content: space-between;
}

#quality #certification .other_info_g .permission_info {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}


/*---------------------------
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 {
  max-width: 357px;
  width: 49.15%;
  /* 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(2n) {
  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: 14px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  padding: 12px 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;
}

#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: 0 auto 203px;
}

#raw_material #underlayer_material .cnt_g_ptn01.cnt_reverse {
  flex-direction: row;
}

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

#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;
}

#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: 38px;
  /*letter-spacing: 0.09em;*/
  margin-bottom: 10px;
}

#raw_material #underlayer_material .cnt_g_ptn01 .cnt_box .cnt_title .text_small {
  display: block;
  font-size: 18px;
  line-height: 1.5;
  margin-left: 4px;
}

#raw_material #underlayer_material .cnt_g_ptn01 .cnt_box .summary {
  max-width: 281px;
  font-size: 16px;
  line-height: 28px;
  /*letter-spacing: 0.04em;*/
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 30px;
}

#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;
}

/*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: 12px;
}

/*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: 12px;
}



/*--------------------------------
32.お問い合わせ・資料請求暫定ページ
---------------------------------*/

#contact_comment_block p {
  font-size: 16px;
  line-height: 1.625;
  text-align: center;
  margin-bottom: 2em;
}

#contact_comment_block .contact_email_list {
  max-width: 500px;
  background: #F5F2EE;
  padding: 2em 2.5em 1.5em;
  margin: 0 auto 3em;
}

#contact_comment_block .contact_email_list li {
  margin-bottom: 0.5em;
}

#contact_comment_block .contact_email_list li a {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 0.5em;
}

#contact_comment_block .contact_email_list li a:hover {
  color: #962C46;
}

#contact_comment_block .contact_info_list {
  max-width: 400px;
  border: 2px solid #962C46;
  padding: 2em 1.5em 1.5em 2.5em;
  margin: 0 auto 5em;
}

#contact_comment_block .contact_info_list li {
  max-width: 175px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  text-align: left;
  margin: 0 auto 0.5em;
}

#contact_comment_block .contact_info_list li span {
  position: relative;
}

#contact_comment_block .contact_info_list li span::after {
  content: '';
  display: block;
  position: absolute;
  top: 0.3em;
  left: -1.5em;
  width: 13px;
  height: 8px;
  border-left: 3px solid #962C46;
  border-bottom: 3px solid #962C46;
  transform: rotate(-45deg);
}






/*END*/