@charset "utf-8";



#main_box {

  line-height: 2.0;

}



/* side_menu ----------------- */

li.btn007 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

li.btn007 > a {

  pointer-events: none;

  cursor: auto;

}

#side_box .side_menu li.btn007 > a::after { display: none; }





/* contents ---- */

.box03 .segment_box {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between;

  padding-top: 12px;

  position: relative;

}

.box03 .segment_box > div {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  position: relative;

  width: 100%; /* calc(589 / 1190 * 100%) */

  margin-bottom: 24px;

  background-color: rgb(255,255,255);

}



.box03 .segment_box div.domestic_beverage::after {

  display: block;

  position: absolute;

  bottom: 17px;

  right: 17px;

  width: 16px;

  height: 20.6px;

  background-image: url(/common/images/arrow_right.svg);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center top;

  content: '';

}



.box03 .segment_box div.overseas_beverage a{

    position: relative;

}



.box03 .segment_box div.overseas_beverage a::after {

  display: block;

  position: absolute;

  bottom: 12px;

  right: 17px;

  width: 16px;

  height: 20.6px;

  background-image: url(/common/images/arrow_right.svg);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center top;

  content: '';

}



.box03 .segment_box div.oem::after {

  display: block;

  position: absolute;

  bottom: 17px;

  right: 17px;

  width: 16px;

  height: 20.6px;

  background-image: url(/common/images/arrow_right.svg);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center top;

  content: '';

}



.box03 .segment_box div.food_production::after {

  display: block;

  position: absolute;

  bottom: 17px;

  right: 17px;

  width: 16px;

  height: 20.6px;

  background-image: url(/common/images/arrow_right.svg);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center top;

  content: '';

}



.box03 .segment_box > div > .text {

  width: calc(505 / 794 * 100%); /* calc(300 / 589 * 100%); */

  height: calc(100% - 55px);

  padding-top: calc(32 / 794 * 100%);

  padding-right: calc(20 / 794 * 100%);

  padding-left: calc(30 / 794 * 100%);

  padding-bottom: calc(16 / 794 * 100%);

  font-size: 17.3px;

  background-color: rgb(246, 246, 246);

}



.box03 .segment_box > div.overseas_beverage > .text {

  width: calc(505 / 794 * 100%); /* calc(300 / 589 * 100%); */

  height: calc(100% - 120px);

  padding-top: calc(32 / 794 * 100%);

  padding-right: calc(20 / 794 * 100%);

  padding-left: calc(30 / 794 * 100%);

  padding-bottom: calc(16 / 794 * 100%);

  font-size: 17.3px;

  background-color: rgb(246, 246, 246);

}



.box03 .segment_box > div .title_text {

  margin-bottom: calc(32 / 300 * 100%);

  text-align: left;

  font-size: 23.3px;

  line-height: 1;

}

.box03 .segment_box > div > .image {

  position: relative;

  width: calc(289 / 794 * 100%);

  background-color: rgb(246, 246, 246);

}



.box03 .segment_box > div > .image::after {

  display: block;

  position: absolute;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center top;

  content: '';

}

.box03 .segment_box > div.domestic_beverage > .image::after,

.box03 .segment_box > div.overseas_beverage > .image::after {

  top: calc(20 / 275 * 100%);

  right: calc(18 / 289 * 100%);

  width: calc(100 / 289 * 100%);

  height: calc(36.57 / 275 * 100%);

  background-image: url(/common/images/logo_dydo.svg);

}

.box03 .segment_box > div.oem > .image::after {

  top: calc(19 / 275 * 100%);

  right: calc(19 / 289 * 100%);

  width: calc(100 / 289 * 100%);

  height: calc(30.83 / 275 * 100%);

  background-image: url(/common/images/logo_daido.svg);

}

.box03 .segment_box > div.food_production > .image::after {

  top: calc(11 / 275 * 100%);

  right: calc(17 / 289 * 100%);

  width: calc(106 / 289 * 100%);

  height: calc(52.92 / 275 * 100%);

  background-image: url(/common/images/logo_tarami.svg);

}


.box03 .segment_box > div.odb > .image::after {

  top: calc(11 / 275 * 100%);

  right: calc(17 / 289 * 100%);

  width: calc(106 / 289 * 100%);

  height: calc(52.92 / 275 * 100%);

  background-image: url(/common/images/logo_pharma.svg);

}

.box03 .segment_box > div > .image > img {

  width: 100%;

  height: auto;

}

.box03 .segment_box > div > .link {

  display: flex;

  width: 100%;

  height: 55px;

  padding-right: 60px;

  padding-left: 60px;

}

.box03 .segment_box > div.domestic_beverage > .link {

  background-color: #f6aa00;

}

.box03 .segment_box > div.overseas_beverage > .link {

  background-color: #00a4ac;

    height: 40px;

    padding-left: 40px;

}

.box03 .segment_box > div.oem > .link {

  background-color: #0d71b4;

}

.box03 .segment_box > div.food_production > .link {

  background-color: #d65c13;

}


.box03 .segment_box > div.odb > .link {

  background-color: #ccccd3;

}

.box03 .segment_box > div > .link > span {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  height: 55px;

}



.box03 .segment_box > div.overseas_beverage > .link > span {

  height: 40px;

}



.box03 .segment_box > div > .link > span > span {

  display: block;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.4;

}

.box03 .segment_box > div > .link:hover > span > span {

  text-decoration: underline;

}

.box03 .segment_box > div > .link > span > span ._small {

  font-size: 14px;

}



@media screen and (max-width:980px) {

  .box03 .segment_box > div > .text {

    font-size: calc(1.5566vw + 2.0453px); /* 17.3 -> 14*/

  }

  .box03 .segment_box > div .title_text {

    font-size: calc(2.5vw - 1.2px); /* 23.3 -> 18 */

  }

}



@media screen and (max-width:767px) {

  #main_box .box03 .ttl_m_underbox {

    margin-top: 0;

  }

  .box03 .segment_box {

    padding-top: 0;

  }

  .box03 .segment_box > div {

    /* width: 100%; */

  }

  .box03 .segment_box > div > .text {

    padding-top: 10px;

    padding-right: 8px;

    padding-left: 8px;

    font-size: 13px;

    line-height: 1.4;

  }

    .box03 .segment_box > div.overseas_beverage > .text {

    padding-top: 10px;

    padding-right: 8px;

    padding-left: 8px;

    font-size: 13px;

    line-height: 1.4;

  }

  .box03 .segment_box > div .title_text {

    font-size: 16px;

  }

  .box03 .segment_box > div::after {

    bottom: 14px;

    right: 14px;

    width: 10px;

    height: 13px;

  }

  .box03 .segment_box > div > .link > span > span {

    font-size: 14px;

  }

}





































































































































































.corporate_field .box02 {

  position: relative;

  max-width: 760px;

  margin-right: auto;

  margin-left: auto;

}



.corporate_field .box02 ul {

  /* width: 676px; */

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.corporate_field .box02 ul li {

  width: calc(50% - 8px);

  /* height: 199px;*/

  margin-bottom: 20px;

  display: block;

  cursor: pointer;

}



.corporate_field .box02 li.box_btn {

  border: 2px solid;

}



.corporate_field .box02 li.box_btn div.box_ttl {

  height: 58px;

  padding-left: 118px;

  font-weight: 700;

  font-size: 18px;

  line-height: 1.4;

  border-bottom: 2px solid;

  display: flex;

  align-items: center;

  overflow: hidden;

  position: relative;

}

.corporate_field .box02 li.box_btn div.box_ttl::before {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  content: '';

  width: 112px;

  height: 56px;

  background-repeat: no-repeat;

  background-image: url(/corporate/business/images/box_ttl.png?ud=180827);

}



.corporate_field .box02 li.box_btn div.box_text {

  padding: 20px;

  font-size: 14px;

}



.corporate_field .box02 li.box_btn.btn01 div.box_ttl {

  background-color: #fef7dc;

  border-color: #f7af0d;

  color: #f7af0d;

}

.corporate_field .box02 li.box_btn.btn01 div.box_ttl::before {

  background-position: 0px 0px;

}



.corporate_field .box02 li.box_btn.btn02 div.box_ttl {

  background-color: #f7ffe5;

  border-color: #8fb957;

  color: #8fb957;

}

.corporate_field .box02 li.box_btn.btn02 div.box_ttl::before {

  background-position: 0px -60px;

}



.corporate_field .box02 li.box_btn.btn03 div.box_ttl {

  background-color: #ebf5f8;

  border-color: #79d1d9;

  color: #79d1d9;

}

.corporate_field .box02 li.box_btn.btn03 div.box_ttl::before {

  background-position: 0px -120px;

}

  

.corporate_field .box02 li.box_btn.btn04 div.box_ttl {

  background-color: #fcefed;

  border-color: #e57663;

  color: #e57663;

}

.corporate_field .box02 li.box_btn.btn04 div.box_ttl::before {

  background-position: 0px -180px;

}



@media screen and (min-width:768px) {

  .corporate_field .box02 li.box_btn:hover div.box_ttl {

    color: rgb(255,255,255);

  }

  .corporate_field .box02 li.box_btn.btn01:hover div.box_ttl {

    background-color: #f7af0d;

    /* background-position: -318px 0px; */

  }

  .corporate_field .box02 li.box_btn.btn02:hover div.box_ttl {

    background-color: #8fb957;

  }

  .corporate_field .box02 li.box_btn.btn02:hover div.box_ttl::before {

    /* background-position: -318px -60px; */

  }



  .corporate_field .box02 li.box_btn.btn03:hover div.box_ttl {

    background-color: #79d1d9;

  }

  .corporate_field .box02 li.box_btn.btn03:hover div.box_ttl::before {

    /* background-position: -318px -120px; */

  }



  .corporate_field .box02 li.box_btn.btn04:hover div.box_ttl {

    background-color: #e57663;

  }

  .corporate_field .box02 li.box_btn.btn04:hover div.box_ttl::before {

    /* background-position: -318px -180px; */

  }

  

}





.corporate_field .box02 li.box_btn.btn01 .hover_box {

  width: 198px;

  height: 223px;

  position: absolute;

  top: -224px;

  left: 66px;

  display: none;

  background-color: #f4f4f4;

  box-shadow: 1px 1px 1px #ccc;

  border-radius: 10px;

  border: #dfdfdf 1px solid;

  padding: 9px;

}



.corporate_field .box02 li.box_btn.btn01 .hover_box:after {

  /* 三角形を作成 */

  position: absolute;

  content: "";

  width: 0;

  height: 0;

  top: 220px;

  /* 三角形の高さを２倍した値 */

  left: 80px;

  border: 16px solid transparent;

  border-top: 16px solid #f4f4f4;

}



.corporate_field .box02 li.box_btn.btn02 .hover_box02 {

  width: 198px;

  height: 98px;

  position: absolute;

  top: -100px;

  left: 402px;

  display: none;

  background-color: #f4f4f4;

  box-shadow: 1px 1px 1px #ccc;

  border-radius: 10px;

  border: #dfdfdf 1px solid;

  padding: 9px;

}



.corporate_field .box02 li.box_btn.btn02 .hover_box02:after {

  /* 三角形を作成 */

  position: absolute;

  content: "";

  width: 0;

  height: 0;

  top: 98px;

  /* 三角形の高さを２倍した値 */

  left: 80px;

  border: 16px solid transparent;

  border-top: 16px solid #f4f4f4;

}



.corporate_field .box02 li.box_btn.btn03 .hover_box03 {

  width: 198px;

  height: 174px;

  position: absolute;

  top: 47px;

  left: 66px;

  display: none;

  background-color: #f4f4f4;

  box-shadow: 1px 1px 1px #ccc;

  border-radius: 10px;

  border: #dfdfdf 1px solid;

  padding: 9px;

}



.corporate_field .box02 li.box_btn.btn03 .hover_box03:after {

  /* 三角形を作成 */

  position: absolute;

  content: "";

  width: 0;

  height: 0;

  top: 174px;

  /* 三角形の高さを２倍した値 */

  left: 80px;

  border: 16px solid transparent;

  border-top: 16px solid #f4f4f4;

}



.corporate_field .box02 li.box_btn.btn04 .hover_box04 {

  width: 198px;

  height: 180px;

  position: absolute;

  top: 41px;

  left: 402px;

  display: none;

  background-color: #f4f4f4;

  box-shadow: 1px 1px 1px #ccc;

  border-radius: 10px;

  border: #dfdfdf 1px solid;

  padding: 9px;

}



.corporate_field .box02 li.box_btn.btn04 .hover_box04:after {

  /* 三角形を作成 */

  position: absolute;

  content: "";

  width: 0;

  height: 0;

  top: 180px;

  /* 三角形の高さを２倍した値 */

  left: 80px;

  border: 16px solid transparent;

  border-top: 16px solid #f4f4f4;

}



.corporate_field .box02 li.box_btn.btn01 {

  border-color: #f7af0d;

}



.corporate_field .box02 li.box_btn.btn02 {

  border-color: #8fb957;

}



.corporate_field .box02 li.box_btn.btn03 {

  border-color: #79d1d9;

}



.corporate_field .box02 li.box_btn.btn04 {

  border-color: #e57663;

}



@media screen and (min-width:768px) {

  .corporate_field .box02 li.box_btn.btn01:hover .hover_box {

    display: block;

  }



  .corporate_field .box02 li.box_btn.btn02:hover .hover_box02 {

    display: block;

  }



  .corporate_field .box02 li.box_btn.btn03:hover .hover_box03 {

    display: block;

  }



  .corporate_field .box02 li.box_btn.btn04:hover .hover_box04 {

    display: block;

  }

}

  

.corporate_field .hover_box_inner {

  width: 180px;

  display: block;

  background-color: #ffffff;

  padding: 5px 12px;

  font-size: 14px;

  margin-bottom: 4px;

}



.corporate_field .hover_box_inner p {

  background-image: url(/corporate/field/images/icon_mark.png);

  background-repeat: no-repeat;

  display: block;

  background-position-y: 11px;

}



.corporate_field .hover_box_inner p a {

  display: block;

  margin-left: 14px;

}



.corporate_field .hover_box_inner img {

  margin: 3px auto 10px;

  display: block;

}

.corporate_field .btn01 .hover_box_inner img {

  width: 81px;

  height: 32px;

}

.corporate_field .btn03 .hover_box_inner img {

  width: 96px;

  height: 32px;

}

.corporate_field .btn04 .hover_box_inner img {

  width: 76px;

  height: 40px;

}



.corporate_field .hover_box_inner img.target_img {

  margin: 1px 0;

  display: inline-block;

  width: 12px;

}



.corporate_field .hover_box_inner p.corp_name {

  font-size: 12px;

  line-height: 1.4;

  background-position-y: 6px;

}





@media screen and (max-width:767px) {

  .corporate_field .box02 ul li {

    width: 100%;

  }

  .corporate_field .box02 li.box_btn.btn01 .hover_box,

  .corporate_field .box02 li.box_btn.btn02 .hover_box02,

  .corporate_field .box02 li.box_btn.btn03 .hover_box03,

  .corporate_field .box02 li.box_btn.btn04 .hover_box04 {

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap;

    width: auto;

    height: auto;

    margin: 0 16px 16px;

    position: relative;

    top: auto;

    left: auto;

    box-shadow: 0 0;

  }

  .hover_box_inner {

    width: auto;

  }

  .corporate_field .box02 li.box_btn.btn01 .hover_box:after,

  .corporate_field .box02 li.box_btn.btn02 .hover_box02:after,

  .corporate_field .box02 li.box_btn.btn03 .hover_box03:after,

  .corporate_field .box02 li.box_btn.btn04 .hover_box04:after {

    display: none;

  }

}







/* common */

.business_local_navi {

  display: flex;

  justify-content: space-between;

}

.business_local_navi > li {

  width: calc((100% - 32px) / 4);

  text-align: center;

  font-size: 112.5%;

}

.business_local_navi > li > a {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 60px;

  border: 2px transparent solid;

  background-color: rgb(226,226,226);

  line-height: 1.3;

}



.business_local_navi > li.btn01 > a:hover,

.corporate_field_domestic .business_local_navi > li.btn01 > a {

  background-color: #fef7dc;

  border-color: #f7af0d;

}

.business_local_navi > li.btn02 > a:hover,

.corporate_field_oversea .business_local_navi > li.btn02 > a {

  background-color: #f7ffe5;

  border-color: #8fb957;

}

.business_local_navi > li.btn03 > a:hover,

.corporate_field_oem .business_local_navi > li.btn03 > a {

  background-color: #ebf5f8;

  border-color: #79d1d9;

}

.business_local_navi > li.btn04 > a:hover,

.corporate_field_food .business_local_navi > li.btn04 > a {

  background-color: #fcefed;

  border-color: #e57663;

}





.corporate_field_domestic .business_local_navi > li.btn01 > a,

.corporate_field_oversea .business_local_navi > li.btn02 > a,

.corporate_field_oem .business_local_navi > li.btn03 > a,

.corporate_field_food .business_local_navi > li.btn04 > a {

  pointer-events: none;

  cursor: auto;

}





/* ===== corporate_field_domestic ==================== */

/* contents ---- */

.corporate_field_domestic .business_local_navi li.btn01 a { background-position: 0px -62px; }



.corporate_field_domestic .img01 {

  max-width: 470px;

  margin-right: auto;

  margin-left: auto;

}

.corporate_field_domestic .box01_03 img {

  width: calc(230 / 794 * 100%);

	margin-left: 25px;

}







/* ===== corporate_field_oversea ==================== */

.corporate_field_oversea .table-box { 

  



}

.corporate_field_oversea table { 

	width: 100%; 

}

.corporate_field_oversea th,

.corporate_field_oversea td {

	padding-top: 20px;

	padding-right: 4px;

	padding-bottom: 19px;

	padding-left: 22px;

	vertical-align: top;

}

.corporate_field_oversea th {

	width: 94px;

	background-color: #f4f4f4;

	font-weight: bold;

}



.corporate_field_oversea .box03_01 ul {

  display: flex;

  justify-content: flex-start;

  position: relative;

  background-image: url(../images/overseas_beverage/img02.jpg);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center top;

}

.corporate_field_oversea .box03_01 ul li {

  display: block;

  padding-top: calc(153 / 660 * 100%);

  cursor: pointer;

}

.corporate_field_oversea .box03_01 ul .img02,

.corporate_field_oversea .box03_01 ul #box03_01_img_cover {

  display: none;

}



.corporate_field_oversea .box03_01 ul .btn01 {

  width: calc(270 / 660 * 100%);

}

.corporate_field_oversea .box03_01 ul .btn02 {

  width: calc(172 / 660 * 100%);

}

.corporate_field_oversea .box03_01 ul .btn_blank {

  width: calc(64 / 660 * 100%);

  cursor: auto;

}

.corporate_field_oversea .box03_01 ul .btn03 {

  width: calc(86 / 660 * 100%);

}

.corporate_field_oversea .box03_01 ul .btn04 {

  width: calc(67 / 660 * 100%);

}

.corporate_field_oversea .box03_01 ul:hover li {

  background-color: rgba(0,0,0,.4);

}

.corporate_field_oversea .box03_01 ul .btn01:hover,

.corporate_field_oversea .box03_01 ul .btn02:hover,

.corporate_field_oversea .box03_01 ul .btn03:hover,

.corporate_field_oversea .box03_01 ul .btn04:hover {

  background-color: rgba(0,0,0,0);

}



.corporate_field_oversea .box03_01 ul li .txtbox {

  display: block;

}

.corporate_field_oversea .box03_01 ul li .txt { 

  display: none;

  position: absolute;

  left: 0;

  top: calc(100% + 8px);

  width: 100%;

  border: 1px #d0d0d0 solid;

  border-radius: 4px;

  padding: 7px 0 6px 17px;

  background-color: #f4f4f4;

  line-height: 25px;

}

.corporate_field_oversea .box03_01 ul li:hover .txt { 

  display: block;

}

.corporate_field_oversea .box03_01 ul li .txt strong {

	display: inline-block; 

	border-right: 1px #999 dotted; 

	padding-right: 19px; 

	margin-right: 14px; 

  font-weight: 700;

}



@media screen and (max-width:767px) {

  .corporate_field_oversea .box03_01 ul li .txt {

    line-height: 1.3;

  }

  .corporate_field_oversea .box03_01 ul li .txt strong {

    display: block;

    border-right-style: none;

  }

}













/* ===== corporate_field_oem ==================== */

.corporate_field_oem .business_local_navi li.btn03 a { background-position: -333px -62px; }



.corporate_field_oem .main_inner { padding-bottom: 60px; }



.corporate_field_oem .subbox03 {

	padding: 15px;

	background-color: #f4f4f4;

}

.corporate_field_oem .subbox03 dl dt {

	font-weight: bold;

}

.corporate_field_oem .subbox03 dl dt .img {

  width: 170px;

  height: 109px;

}



.corporate_field_oem img.img{margin-left: 10px;}





/* ===== corporate_field_food ==================== */



.corporate_field_food .business_local_navi li.btn04 a { background-position: -500px -62px; }



.corporate_field_food .main_inner { padding-bottom: 60px; }



.corporate_field_food .box01_01 p {

	

}

.corporate_field_food .box01_01 img {

  width: calc(300 / 794* 100%);

  margin-left: 20px;

}



@media screen and (max-width:767px) {

  .corporate_field_food .box01_01 img {

    width: 150px;

    margin-left: 20px;

  }

}