/* ===============================
   company office style
   =============================== */

/* ============================================= company office */
.product_content .pc-thumb-col3 > li a, 
a.link_thumbnail_text_button {
    width: 45%;
}
.flexbox.flex-wrap.pc-text-col2 {
	margin-top: 30px;
    margin-bottom: 35px;
    padding-bottom: 40px;
    border-bottom: 1px solid #afafaf;
}
.flexbox.flex-wrap.pc-text-col2 a {
	color: #000;
	text-decoration: none;
	margin-top:28px;
}
.flexbox.flex-wrap.pc-text-col2.border-none {
    border: none;
    margin-bottom: 40px;
    padding-bottom: 0;
}
.map img {
	margin-bottom: 80px;
}
.contents {
	margin-bottom: 80px;
}
.accordion {
	margin-bottom: 15px;
}
.accordion:first-child {
	margin-top: 40px;
}
.item {
    margin-bottom: 45px;
    padding-bottom: 45px;
    border-bottom: 1px solid #afafaf;
}
#panel_02 .accordion a {
	color: #0051f4;
	text-decoration: none;
}
#panel_02 .accordion a:hover {
	text-decoration: underline;
}
#panel_02 .accordion .tel a {
	color: #000;
}

  /* ClickableMap */
  .map_box {
	border:1px solid #cccccc;
	width:100%;
	background-color:#ffffff;}
  .worldmap-wrap{position:relative;max-width:928px;margin:0 auto;}
  #worldmap{width:100%;height:auto;display:block;}
  #mapOverlay{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:contain; pointer-events:none;
    opacity:0; transition:opacity .2s ease;
  }
  .region-link{color:#333; text-decoration:none; transition:color .2s ease;}
  .region-link.is-active{color:#1177dd;}
  .region_list {
  	display:flex;list-style:none;
  	justify-content:space-between;
  	width:90%;
  	max-width:800px;
  	margin:40px auto 0 auto;}
  .region_list li:before {
  	background-image:url("../imgs/company/map_eye.png");
    width: 12.5px;
    height: 14px;
    position: relative;
    top: 0;
    left: 0;
    background-size: 100% 100%;
    content: "";
    display: inline-block;
    margin-right: 0.5em;}

#office_jp_link02 .flexbox.flex-wrap.pc-text-col2 {
    margin-top: 25px;
	padding-bottom:60px;}

#office_jp_link02 .flexbox.flex-wrap.pc-text-col2.noborder-box {
	padding-bottom:0;
	border-bottom:0;	
}

#office_jp_link03 .title_blue_line span {
	padding-right:0;
	padding-bottom:0;
	border-bottom:0;}

#office_jp_link03 .title_blue_line span:after {
	display:none;
}

#office_jp_link03 .title_blue_line span {
	font-size:1.6rem;}
#office_jp_link03 .flexbox.flex-wrap.pc-text-col2 {
    margin-top: 25px;}

#office_jp_link03 .last-box {
	padding-bottom:80px;}

.attention01 {
	font-size:1.2rem;}

.accordion_button {
	color:#000000;}

@media screen and (max-width: 768px) {
.map img {
	margin-top: -30px;
	margin-bottom: 55px;
}
.read_area {
    width: 37%;
	margin-top: -20px;
    margin-bottom: 60px;
	}
#panel_02 .read_area {
    width: 48%;
    margin-top: -20px;
    margin-bottom: -30px;
	}
.product_content .pc-thumb-col3 > li a, 
a.link_thumbnail_text_button {
    width: 100%;
	}
.read_area img {
	margin-bottom: 40px;
	}
.contents {
	margin-bottom: 40px;
	}
.accordion:first-child {
    margin-top: 20px;
	}
.accordion_content {
    margin-top: -10px;
	}
.item {
	margin-bottom: 20px;
	padding-bottom: 25px;
	}
.region_list {
    display: block;
    width: 35%;
    line-height: 2;}
.map_box {
        margin: 80px 0 60px 0;}

section.office .tabs_01 .tabs_nav {
	justify-content:center;}

section.office .read_area {
	margin-top:inherit;}

section.office .inner_links li {
    margin: 0 20px;
    font-size: 1.3rem;
    line-height: 2.1;
	}

section.office .heading_02 {
	font-size:1.8rem}

section.office .flexbox.pc-text-col2 .image {
    margin-top: 20px;}

section.office .flexbox.flex-wrap.pc-text-col2 a {
	width:77%;
	margin-bottom:10px;}

section.office .product_content .pc-thumb-col3 > li a p,
section.office  a.link_thumbnail_text_button p {
    padding: 0.4rem 0.6rem;
	}
section.office #office_jp_link02 {
	margin-top:80px;}

#office_jp_link02 .flexbox.flex-wrap.pc-text-col2 {
	margin-top:30px;}

#office_jp_link02 p.mt40.bold,
#office_jp_link02 p.mt30.bold{
	margin-top:50px!important;}

#office_jp_link02 .image img.mt80 {
	margin-top:35px!important;} 

#office_jp_link02 p.mt30+.mt20+.mt30 {
	margin-top:35px!important;}

#office_jp_link02 .sp-pd-box {
	padding-bottom:35px;}

.last-box {
	padding-bottom:60px;}
}

@media screen and (min-width: 768.0px) and (max-width: 768.9px) {
.read_area {
    width: 25%;
	}
.region_list {
    width: 38%;
	}
}