@charset "utf-8";
/* CSS Document */
@charset "UTF-8";
/* CSS Document */
/* Breadcrumb
------------------------------------------------------------ */
#breadcrumb {
  padding: 10px 10px 10px 40px;
}
#breadcrumb ul {
  list-style-type: none;
}
#breadcrumb ul li {
  padding: 0 5px 0 0;
  display: inline;
}
#breadcrumb ul li.chiled {
  padding: 0 0 0 15px;
  background: url(/brand_pc/images/icon_breadcrumb.png) no-repeat left center;
}
#changeArea {
  background: url(/brand_pc/images/common/bg.png) repeat left top;
}
#bg_white {
  /* width: 1200px;*/
  width: 995px;
  margin: 0 auto;
  background: #fff;
  -moz-box-shadow: 0px 0px 2px #969696;
  -webkit-box-shadow: 0px 0px 2px #969696;
  padding-bottom: 40px;
}
#left_nav_no_acc {
  width: 198px;
  margin-left: 30px;
  _margin-left: 15px;
  float: left;
}
#left_nav_no_acc p {
  border: 1px solid #c8c8c8;
  border-bottom: none;
}
#left_nav_no_acc ul {
  line-height: 50px;
  border: 1px solid #c8c8c8;
  border-top: none;
}
#left_nav_no_acc dl ul {
  border-left: none;
  border-bottom: none;
}
#left_nav_no_acc ul li {
  height: 45px;
  list-style-type: none;
}
#left_nav_no_acc ul li a {
  _width: 173px;
  height: 45px;
  padding: 0 0 0 25px;
  display: block;
  background: url(/brand_pc/images/btn_leftnav.png) no-repeat;
}
#left_nav_no_acc ul li a:hover, #left_nav_no_acc ul li a.selected {
  background: url(/brand_pc/images/btn_leftnav_a.png) no-repeat;
  text-decoration: none;
  color: #fff;
}
#right_container {
  min-width: 715px;
  width: 715px;
  float: left;
  margin-left: 20px;
  _margin-left: 10px;
}
.contents_block {
  width: 350px;
  margin-right: 11px;
  _margin-right: 5px;
  float: left;
}
.inquiry_contents_block {
  width: 231px;
  margin-right: 11px;
  _margin-right: 5px;
  float: left;
}
.contents_block_right {
  width: 350px;
  float: left;
}
.contents_block_inner {
  padding: 5px;
  margin-bottom: 20px;
}
.inquiry_contents_block_right {
  width: 231px;
  float: left;
}
/*Title
------------------------------------------------------------ */
h2.title_short {
  font-size: 123%;
  padding: 9px 0 10px 45px;
  background: url(/brand_pc/images/title_bg_short.png) no-repeat;
  font-weight: normal;
  background-size: 100% 100%;
}
.align_center {
  text-align: center;
}
/*Title
------------------------------------------------------------ */
h2.title {
  font-size: 123%;
  padding: 10px 0 10px 40px;
  background: url(../images/title_bg.png) no-repeat;
  letter-spacing: 0.1em;
  font-weight: normal;
}
/* h2.title_short { font-size:123%; padding:9px 0 10px 40px; background:url(../images/title_bg_short.png) no-repeat; letter-spacing:0.1em; font-weight:normal;} */
h2.title_long {
  font-size: 123%;
  padding: 10px 0 10px 40px;
  background: url(../images/title_bg_long.png) no-repeat;
  letter-spacing: 0.1em;
  font-weight: normal;
}
/*------------------------------------------------------------

/*ul
------------------------------------------------------------ */
ul.link_icon li {
  list-style: none;
  padding: 0 0 0 15px;
  _padding: 0 0 0 7px;
  background: url(/brand_pc/images/icon_link.png) no-repeat left 4px;
}
#history_left {
  width: 525px;
  float: left;
}
#history_right {
  width: 170px;
  float: right;
}
/* q/a
-------------------------------------------------------------*/
ul.faq li.q {
  color: #376900;
  list-style: none;
  padding: 0 0 0 30px;
  background: url(/corp/faq/images/icon_q.png) no-repeat left center;
  margin-bottom: 10px;
}
ul.faq li.a {
  list-style: none;
  padding: 0 0 0 30px;
  background: url(/corp/faq/images/icon_a.png) no-repeat left top;
  margin-bottom: 40px;
}
/* guide - glossary
------------------------------------------------------------ */
#glossary_navi {
  padding: 20px 0 0;
}
#glossary_navi li {
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
}
#glossary_navi li.first {
  margin-left: 0;
}
#glossary_navi li img {
  vertical-align: bottom;
}
#glossary {
  clear: left;
  padding-top: 40px;
}
#glossary h3.title {
  margin-bottom: 0px;
}
#glossary dl {
  margin-bottom: 40px;
}
#glossary dt {
  clear: left;
  padding: 15px 15px 0px;
  color: #FF6400;
  font-size: 120%;
  font-weight: bold;
}
#glossary dd {
  overflow: hidden;
  padding: 5px 15px 10px;
  border-bottom: 1px dotted #C8C8C8;
  font-size: 110%;
}
#glossary dd img {
  float: left;
  width: 160px;
}
#glossary dd span.txt {
  float: left;
  width: 510px;
  padding-left: 10px;
}
.about_shop_inner {
  padding: 10px;
  float: left;
}
.article_green {
  padding: 15px;
  background: #e5f4e1;
}
#about_shop {
  width: 450px;
  margin: 0 auto;
}
dl.newslist {
  border-bottom: dotted 1px #c8c8c8;
  margin: 10px;
}
.article_orange {
  padding: 15px;
  background: #fffaec;
}
#landWanted {
  height: 43px;
}
#landWanted ul li {
  width: 177px;
  height: 36px;
  float: left;
  text-indent: -9999px;
  list-style-type: none;
}
#landWanted ul li.detail a {
  background-position: 0px 0px;
}
#landWanted ul li a {
  display: block;
  width: 177px;
  height: 36px;
  background-image: url(/corp/estate/images/estate_btn_land_wanted.gif);
  background-repeat: no-repeat;
}
#landWanted ul li a:hover {
  background-image: url(/corp/estate/images/estate_btn_land_wanted_hover.gif);
}
#landWanted ul li.land {
  margin: 0px 77px;
}
#landWanted ul li.form {
  width: 206px;
}
#landWanted ul li.land a {
  background-position: -246px 0px;
}
#landWanted ul li.form a {
  background-position: -496px 0px;
  width: 206px;
}
.estate .estateBox {
  width: 695px;
  background-color: #e1f0d8;
}
.estate .estateTitle01 {
  background: url(../../corp/estate/images/estate_bar02.png) no-repeat;
  color: #FFF;
  width: 698px;
  height: 39px;
  padding-top: 10px;
  padding-left: 20px;
  font-size: 120%;
  font-weight: bold;
}
.estate .estateBox01_inner {
  padding: 10px;
}
.estate .iconGreen {
  background: url(../../corp/estate/images/estate_icon01.png) no-repeat center left;
  padding-left: 14px;
}
h3.title_short {
  font-size: 123%;
  padding: 9px 0 10px 50px;
  background: url(/img/menu_title.jpg) no-repeat;
  letter-spacing: 0.1em;
  font-weight: normal;
}
/*******************************************************
estate
********************************************************/
.estate .inq-box {
  background: #fffbc9;
  padding: 20px;
  margin-bottom: 40px;
  text-align: center;
}
.estate .inq-box a {
  display: inline-block;
  border: 1px solid #e5e5e5;
  padding: 10px;
  background: #fff url("/corp/estate/images_201910/rec_arrow1.png") no-repeat right 10px center;
  padding: 15px 40px 15px 15px;
  width: 200px;
  margin-bottom: 10px;
}
.estate .anc {
  padding: 20px;
}
.estate .anc h3 {
  font-size: 1.25rem;
  margin-bottom: 20px;
}
.estate .anc.recruitment {
  background: #c1e29b;
  margin-bottom: 10px;
}
.estate .anc.owner {
  background: #a2d0e2;
  margin-bottom: 40px;
}
.flex3 {
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 20px;
}
.flex3 div {
  width: 30%;
  margin: 0;
  font-size: 93%;
  text-align: center;
}
.flex3 div img {
  width: 100%;
  margin-bottom: 10px;
}
.flex3 div a {
  background: url("/corp/estate/images_201910/rec_arrow2.png") no-repeat center bottom;
  display: block;
  padding-bottom: 20px;
}
.estate .recruitment > div.flex3 {
  height: auto;
}
.estate .recruitment > div {
  height: 334px;
  position: relative;
  margin-bottom: 10px;
}
.estate .recruitment .img1 {
  background: url("/corp/estate/images_201910/rec_img08.jpg") no-repeat;
  background-size: cover;
}
.estate .recruitment .img2 {
  background: url("/corp/estate/images_201910/rec_img09.jpg") no-repeat;
  background-size: cover;
}
.estate .recruitment .img3 {
  background: url("/corp/estate/images_201910/rec_img10.jpg") no-repeat;
  background-size: cover;
}
.estate .recruitment .layout {
  display: flex;
  background: url("/corp/estate/images_201910/layout_bg.png");
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.estate .recruitment .layout div:first-of-type {
  width: 60%;
}
.estate .recruitment .layout div:last-of-type {
  width: 40%;
}
.estate .recruitment .layout div p.title {
  font-size: 1.125rem;
  font-weight: bold;
  color: #4b5195;
  margin-bottom: 20px;
}
.estate .recruitment .layout div p.text {
  line-height: 1.8rem;
}
.estate .recruitment .layout div ul li {
  width: 100%;
}
.estate .recruitment .layout div ul li a {
  padding: 10px;
  border: 1px solid #e5e5e5;
  background: url("/corp/estate/images_201910/arrow.png") no-repeat right 10px center;
  display: block;
}
.estate .recruitment .layout div ul li:first-of-type {
  background: #fff;
  margin-bottom: 10px;
}
.estate .recruitment .layout div ul li:last-of-type {
  background: #fcc900;
}
.estate .owner .box {
  border: 3px solid #a2d0e2;
  padding: 20px;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
}
.estate .owner .box:nth-of-type(odd) {
  background: url("/corp/estate/images_201910/rec_face_bg1-48.png") left top no-repeat;
}
.estate .owner .box:nth-of-type(even) {
  background: url("/corp/estate/images_201910/rec_face_bg1.png") right top no-repeat;
}
.estate .owner .box {
  border: 3px solid #a2d0e2;
  background: url("/corp/estate/images_201910/rec_face_bg1-48.png") left top no-repeat;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
}
.estate .owner .box:nth-of-type(odd) > div:first-of-type {
  width: calc(100% - 300px);
  margin-right: 20px;
}
.estate .owner .box:nth-of-type(odd) > div:last-of-type {
  width: 280px;
  margin: 0;
}
.estate .owner .box:nth-of-type(even) > div:first-of-type {
  width: 280px;
  margin: 0;
}
.estate .owner .box:nth-of-type(even) > div:last-of-type {
  width: calc(100% - 300px);
  margin-left: 20px;
}
.estate .owner .box div img {
  width: 100%;
  margin-bottom: 10px;
}
.estate .owner .box div a {
  display: block;
}
.estate .owner .box p.title {
  font-size: 1.125rem;
  margin-bottom: 15px;
}
.estate .owner .box p.title span {
  font-size: 1.315rem;
  font-weight: bold;
  color: #3794b8;
}
.estate .owner .box p.text {
  line-height: 1.4rem;
  margin-bottom: 10px;
}
.estate .owner .box p.name {
  font-size: 1.125rem;
}
.estate .owner .box a {
  border: 1px solid #e5e5e5;
  padding: 10px;
  background: url("/corp/estate/images_201910/arrow.png") no-repeat right 10px center;
}
.estate .logo {
  width: 100%;
}
.estate .logo ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px 0 40px;
}
.estate .logo ul li {
  width: 30%;
  text-align: center;
  margin-bottom: 15px;
}
.estate .owner .case .box {
  border: none;
}
.estate .owner .case .box p.title {
  border-bottom: 3px solid #a2d0e2;
  padding: 0 0 20px 0;
}
/*20210719*/
.asset .catch {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}
.flexbox {
  display: flex;
  justify-content: space-between;
}
.asset .flexbox > div {
  width: 48%;
}
.asset .flexbox > div > img {
  max-width: 100%;
  margin-bottom: 10px;
}
.asset .flexbox > div > a {
  padding: 10px;
  border: 1px solid #e5e5e5;
  background: url(/corp/estate/images_201910/arrow.png) no-repeat right 10px center;
  display: block;
}
.asset .floatbox:after {
  content: "";
  display: table;
}
.asset .floatbox .fr {
  float: right;
  margin: 0 0 15px 15px;
}
.asset .floatbox .fl {
  float: left;
  margin: 0 15px 15px 0;
}
.asset h4.title {
  background: none;
}
.asset h4.title:before {
  content: "■";
  color: #424784;
}
.asset dl.style01 {
  margin: 0 0 30px 30px;
}
.asset dl.style01 dt {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 5px;
  margin: 0 0 10px;
  color: #424784;
}
.asset dl.style01 dd {
  margin: 0 0 20px 0;
}
.asset .HalfBox {
  display: block;
  margin-top: 30px;
  border: 1px solid #c8c8c8;
  padding: 15px;
}
.asset .HalfBox * {
  margin: 0;
  padding: 0;
}
.asset .HalfBox .Layout {
  display: block;
}
.asset .HalfBox .Layout h2 {
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.asset .HalfBox .Layout .ImgTx {
  display: flex;
  justify-content: space-between;
}
.asset .HalfBox .Layout .ImgTx > img {
  max-width: 210px;
  height: fit-content;
}
.asset .HalfBox .Layout .ImgTx > .Right {
  display: block;
  width: calc(100% - 230px);
}
.asset .HalfBox .Layout .ImgTx > .Right .Catch {
  color: #4c8014;
  font-size: 18px;
  margin-bottom: 10px;
}
.asset .HalfBox .Layout .ImgTx > .Right .Tocont {
  margin-bottom: 10px;
}
.asset .HalfBox .Layout .ImgTx > .Right ul.Basic {
  margin-bottom: 20px;
}
.asset .HalfBox .Layout .ImgTx > .Right ul.Basic li {
  margin-left: 15px;
  display: list-item;
  list-style-type: disc;
  margin-bottom: 3px;
}
.asset .HalfBox .Layout .ImgTx > .Right .Btn {
  width: 50%;
  display: block;
  margin: 0 auto 0 0;
  padding: 10px;
  border: 1px solid #e5e5e5;
}
.asset .HalfBox .Layout .ImgTx > .Right .Btn:hover {
  color: #00ae75;
}
.asset .HalfBox .Layout .ImgTx > .Right .Btn.Pdf {
  background: url(/global/images/icon_pdf.png) no-repeat right 10px center;
  background-size: 14px auto;
}
/*20241126 ダイバーシティインクルージョン*/
body div.article.diversity table.pagestyle {
  width: 100%;
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
body div.article.diversity table.pagestyle th {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #FFE5C4;
  font-weight: bold;
  padding: 5px;
}
body div.article.diversity table.pagestyle td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
body div.article.diversity section {
  margin: 0;
  padding: 0;
}
body div.article.diversity h4.nonstyle {
  margin: 0;
  padding: 0;
  line-height: 1;
  vertical-align: bottom;
}
body div.article.diversity .career .policy {
  margin-bottom: 40px;
}
body div.article.diversity .career .policy .bloc {
  background: #b9e8a4 url(/activity/sustainability/philosophy/diversity-career-bloc-bg1.png) no-repeat bottom center;
  padding: 22px 47px;
}
body div.article.diversity .career .policy .bloc .catch {
  font-size: 23px;
  letter-spacing: -1px;
  line-height: 1.6;
  color: #258e34;
  font-weight: 900;
  margin-bottom: 12px;
}
body div.article.diversity .career .policy .bloc .sub {
  font-size: 17px;
  line-height: 1.6;
  color: #fff;
  font-weight: 900;
}
body div.article.diversity .career .guidelines {
  margin-bottom: 40px;
}
body div.article.diversity .career .guidelines .bloc {
  background: url(/activity/sustainability/philosophy/diversity-career-bloc-bg2.png) no-repeat bottom center, url(/activity/sustainability/philosophy/diversity-career-bloc-bg3.png) repeat-y top center;
  padding: 22px 22px 44px;
}
body div.article.diversity .career .guidelines .bloc dl {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body div.article.diversity .career .guidelines .bloc dl * {
  box-sizing: border-box;
}
body div.article.diversity .career .guidelines .bloc dl dt {
  width: 24.85%;
  background: #258e34;
  color: #fff;
  font-weight: 600;
  margin-bottom: 22px;
  padding: 18px 0;
  text-align: center;
}
body div.article.diversity .career .guidelines .bloc dl dd {
  width: calc(100% - 24.85%);
  background: #b9e8a4;
  color: #258e34;
  margin-bottom: 22px;
  padding: 9px 18px;
}
body div.article.diversity .work-life-style .policy {
  margin-bottom: 40px;
}
body div.article.diversity .work-life-style .policy .bloc {
  background: #cce59b url(/activity/sustainability/philosophy/diversity-work-life-style-bloc-bg1.png) no-repeat bottom center;
  padding: 22px 47px;
}
body div.article.diversity .work-life-style .policy .bloc .catch {
  font-size: 23px;
  letter-spacing: -1px;
  line-height: 1.6;
  color: #437707;
  font-weight: 900;
  margin-bottom: 12px;
}
body div.article.diversity .work-life-style .policy .bloc .catch sup {
  font-size: 14px;
}
body div.article.diversity .work-life-style .policy .bloc .sub {
  font-size: 17px;
  line-height: 1.6;
  color: #fff;
  font-weight: 900;
  padding-left: 1em;
  text-indent: -1em;
}
body div.article.diversity .work-life-style .guidelines {
  margin-bottom: 40px;
}
body div.article.diversity .work-life-style .guidelines .bloc {
  background: url(/activity/sustainability/philosophy/diversity-work-life-style-bg2.png) no-repeat bottom center, url(/activity/sustainability/philosophy/diversity-work-life-style-bg3.png) repeat-y top center;
  padding: 22px 22px 44px;
}
body div.article.diversity .work-life-style .guidelines .bloc dl {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body div.article.diversity .work-life-style .guidelines .bloc dl * {
  box-sizing: border-box;
}
body div.article.diversity .work-life-style .guidelines .bloc dl dt {
  width: 24.85%;
  background: #9acc37;
  color: #fff;
  font-weight: 600;
  margin-bottom: 22px;
  padding: 18px 0;
  text-align: center;
}
body div.article.diversity .work-life-style .guidelines .bloc dl dd {
  width: calc(100% - 24.85%);
  background: #cce59b;
  color: #437707;
  margin-bottom: 22px;
  padding: 9px 18px;
}
body div.article.diversity .woman .policy {
  margin-bottom: 40px;
}
body div.article.diversity .woman .policy .bloc {
  background: #9adfe5 url(/activity/sustainability/philosophy/diversity-woman-bg1.png) no-repeat bottom center;
  padding: 22px 47px;
}
body div.article.diversity .woman .policy .bloc .catch {
  font-size: 23px;
  letter-spacing: -1px;
  line-height: 1.4;
  color: #066a7a;
  font-weight: 900;
  margin-bottom: 12px;
  padding-left: 0.9em;
  text-indent: -0.9em;
}
body div.article.diversity .woman .guidelines {
  margin-bottom: 40px;
}
body div.article.diversity .woman .guidelines .bloc {
  background: url(/activity/sustainability/philosophy/diversity-woman-bg2.png) no-repeat bottom center, url(/activity/sustainability/philosophy/diversity-woman-bg3.png) repeat-y top center;
  padding: 22px 22px 44px;
}
body div.article.diversity .woman .guidelines .bloc dl {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body div.article.diversity .woman .guidelines .bloc dl * {
  box-sizing: border-box;
}
body div.article.diversity .woman .guidelines .bloc dl dt {
  width: 24.85%;
  background: #35bfcc;
  color: #fff;
  font-weight: 600;
  margin-bottom: 22px;
  padding: 9px 0;
  text-align: center;
}
body div.article.diversity .woman .guidelines .bloc dl dd {
  width: calc(100% - 24.85%);
  background: #9adfe5;
  color: #066a7a;
  margin-bottom: 22px;
  padding: 9px 18px;
}
body div.article.diversity .disabled .policy {
  margin-bottom: 40px;
}
body div.article.diversity .disabled .policy .bloc {
  background: #f8cad8 url(/activity/sustainability/philosophy/diversity-disabled-bg1.png) no-repeat bottom center;
  padding: 22px 47px;
}
body div.article.diversity .disabled .policy .bloc .catch {
  font-size: 23px;
  letter-spacing: -1px;
  line-height: 1.4;
  color: #e8507f;
  font-weight: 900;
  margin-bottom: 12px;
}
body div.article.diversity .disabled .policy .bloc .sub {
  font-size: 16px;
  letter-spacing: -1px;
  line-height: 1.4;
  color: #e8507f;
  font-weight: 600;
}
body div.article.diversity .disabled .guidelines {
  margin-bottom: 40px;
}
body div.article.diversity .disabled .guidelines .bloc {
  background: url(/activity/sustainability/philosophy/diversity-disabled-bg2.png) no-repeat bottom center, url(/activity/sustainability/philosophy/diversity-disabled-bg3.png) repeat-y top center;
  padding: 22px 22px 44px;
}
body div.article.diversity .disabled .guidelines .bloc dl {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body div.article.diversity .disabled .guidelines .bloc dl * {
  box-sizing: border-box;
}
body div.article.diversity .disabled .guidelines .bloc dl dt {
  width: 24.85%;
  background: #e8507f;
  color: #fff;
  font-weight: 600;
  margin-bottom: 22px;
  padding: 18px 0;
  text-align: center;
}
body div.article.diversity .disabled .guidelines .bloc dl dd {
  width: calc(100% - 24.85%);
  background: #f8cad8;
  color: #e8507f;
  margin-bottom: 22px;
  padding: 9px 18px;
}
body div.article.diversity .lgbt .policy {
  margin-bottom: 40px;
}
body div.article.diversity .lgbt .policy .bloc {
  background: #fce499 url(/activity/sustainability/philosophy/diversity-lgbt-bg1.png) no-repeat bottom center;
  padding: 22px 47px;
  position: relative;
}
body div.article.diversity .lgbt .policy .bloc .catch {
  font-size: 23px;
  letter-spacing: -1px;
  line-height: 1.4;
  color: #f28400;
  font-weight: 900;
  margin-bottom: 12px;
}
body div.article.diversity .lgbt .policy .bloc .sub {
  font-size: 16px;
  letter-spacing: -1px;
  line-height: 1.4;
  color: #f28400;
  font-weight: 600;
}
body div.article.diversity .lgbt .policy .bloc .icon {
  position: absolute;
  right: 10px;
  top: -20px;
}
body div.article.diversity .lgbt .guidelines {
  margin-bottom: 40px;
}
body div.article.diversity .lgbt .guidelines .bloc {
  background: url(/activity/sustainability/philosophy/diversity-lgbt-bg2.png) no-repeat bottom center, url(/activity/sustainability/philosophy/diversity-lgbt-bg3.png) repeat-y top center;
  padding: 22px 22px 44px;
}
body div.article.diversity .lgbt .guidelines .bloc dl {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body div.article.diversity .lgbt .guidelines .bloc dl * {
  box-sizing: border-box;
}
body div.article.diversity .lgbt .guidelines .bloc dl dt {
  width: 24.85%;
  background: #f7bc00;
  color: #fff;
  font-weight: 600;
  margin-bottom: 22px;
  padding: 18px 0;
  text-align: center;
}
body div.article.diversity .lgbt .guidelines .bloc dl dd {
  width: calc(100% - 24.85%);
  background: #fce499;
  color: #f28400;
  margin-bottom: 22px;
  padding: 18px 18px;
}
body div.article.diversity .lgbt .details h4.style1 {
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 20px;
}
body div.article.diversity .lgbt .details .imgtx {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding-bottom: 25px;
  border-bottom: 1px dotted #ccc;
}
body div.article.diversity .lgbt .details .imgtx > figure {
  margin: 0;
  padding: 0;
  width: 162px;
  box-sizing: border-box;
}
body div.article.diversity .lgbt .details .imgtx > figure img {
  width: 100%;
}
body div.article.diversity .lgbt .details .imgtx > div {
  padding: 0 15px 0 0;
  font-size: 14px;
  box-sizing: border-box;
  width: calc(100% - 162px);
}
body div.article.diversity .lgbt .details .imgtx > div .catch {
  font-weight: bold;
  font-size: 18px;
  color: #138e16;
  margin-bottom: 15px;
}