@charset "UTF-8";

/*サイトロゴcss*/

.header_logo .logo {
  height: 29px;
  width: 264px;
}
.header_logo .logo:lang(ja) {
  height: 29px;
}

@media screen and (max-width: 30em) {
  .header_logo .logo {
    margin-right: 15px;
    margin-bottom: 15px;
	width: 63%;
  }
}

/*グローバルロゴcss*/
@media only screen and (min-width: 810px) and (max-width: 1260px) {
 .header_area1-2{
     margin-left: 0;
 }
}

@media only screen and (min-width: 615px) and (max-width: 810px) {
  .header_area1-2 {
  width: 100%;
  }
}
@media screen and (max-width: 1260px) {
  .header_global_logo {
  display: inline-block;
  margin: 0 0 0 10px;
  position: static;
  }
}
@media only screen and (min-width: 615px) and (max-width: 810px) {
  .header_global_logo {
    margin-top: 12px;
    position: absolute;
    top: 12px;
    right: 20px;
  }
}

.header_hamburger_close {
  margin-top: 0;
}

.m_tbl-data table._center td,
.m_tbl-data table._center th{
  text-align: center;
}

.tel{
font-size: 1.5em;
font-weight: bold;
}

/*ここからサイト専用*/

.top_main-visual {
  max-width: 100%;
  background: #fff;
  position: relative;
  height: 500px;
  background: #454545 url(/images/top_main.jpg) no-repeat 50% bottom;
  background-size:  cover;  
}
.top_main-visual .inside {
  font-family: 'Noto Serif SC', serif;
  font-size: 3em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}




.top_work {
  margin-top: 0;
  color: #333;
  background: #dedbd2;
}
.top_work .work_detail_link a::before {
  border-top: 0.1em solid #e50000;
  border-right: 0.1em solid #e50000;
}
.hdg > .hdg_link > :first-child {
  margin-top: 0 !important;
}
.hdg > .hdg_text {
  padding: 0 25px 7px 0;
  display: inline-block;
  vertical-align: middle;
}
.hdg > .hdg_text h2,
.hdg > .hdg_text h3,
.hdg > .hdg_text h4,
.hdg > .hdg_text h5,
.hdg > .hdg_text h6 {
  font-size: 1.5rem;
  font-weight: bold;
}
.hdg > .hdg_link {
  padding: 0 0 7px 0;
  display: inline-block;
  vertical-align: middle;
}


/*メガドロップダウンにミニ画像を追加*/

.header_global-nav_megadown{
  max-width: 100%;
}
.header_global-nav_megadown > .megadown {
  padding: 1em 10px 0;
}

.header_global-nav_megadown .megadown > .pad{
  max-width: 1260px;
  margin: 0 auto;
  text-align: center;  
}
.header_global-nav_megadown .megadown > .pad ._left{
  text-align: left;
  width: 100%;
}
.header_global-nav_megadown a {
  text-decoration: none;
}
.header_global-nav_megadown .button_close {
  margin-top: 0;
  border-top: none;
}
.header_global-nav_megadown .link_index {
font-weight: bold;
text-align: left;
font-size: 1.1em;
}
.header_global-nav_megadown .m_links._subtoc_box{
  margin-left: -1.3%;
  text-align: left;
}
.header_global-nav_megadown .m_links._subtoc_box a:not(.anc_button)::before {
display: none;
}
.header_global-nav_megadown .m_links._subtoc_box a:not(.anc_button) {
  padding: 0.5em 0.5em 0.5em 0.5em;
}
.header_global-nav_megadown .m_links._subtoc_box > li {
  margin: 0 0 1em 1.3%;
  width: 23.7%;
}
@media screen and (max-width: 56em) {
 .header_global-nav_megadown .m_links._subtoc_box > li {
    width: 47.8%;
  }
}
@media screen and (max-width: 28em) {
.header_global-nav_megadown .m_links._subtoc_box > li {
    width: 97.8%;
  }
}

/*=============================================================
 sidebar_local-nav
=============================================================*/

/*sidebarの子供リンクを小さくする*/
.sidebar_local-nav .nav_list > li li a {
  padding: 0.8em 20px;
  font-size: 0.9rem;
}
.sidebar_local-nav .nav_list > li > ul > li a::before {
  top: 1.5em;
}

/*カレントカテゴリを表示する*/
.sidebar_local-nav .nav_list li a,
.sidebar_local-nav .nav_list li .nolink{
	display:block;
	position:relative;
}
.sidebar_local-nav li.act>a{
  background-color: #e6eff7;
  font-weight: bold;
  pointer-events: none;
}
/* children */
.sidebar_local-nav .nav_list li ul{display:none;}
.sidebar_local-nav .nav_list li.open>ul,
.sidebar_local-nav .nav_list li.act>ul{display:block;}
/*=============================================================
 b_topic-path
=============================================================*/
/*パンクズの＞を表示する*/
.b_topic-path span {
  font-size: 0.75rem;
}
.b_topic-path span {
  margin: 0 1.25em;
}

/*=============================================================
フッタエリア
=============================================================*/
/*お問い合わせ*/
 .footer_contact::after{
   clear: both;
   display: block;
   content: "";
 }
.footer_contact {
  color: #fff;
  background: #041a45;
  font-size: 0;
}
.footer_contact > .pad {
  margin: 0 auto;
  max-width: 1260px;
  padding: 40px 20px;
  font-size: 1rem;
}
.footer_contact .container{
    display: flex;
	justify-content: center;
	align-items: center;
	-webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    justify-content:space-around;
}
.footer_contact .left_mail {
flex-basis: 30%;

}
.footer_contact .right_tel {
flex-basis: 55%;
}
@media screen and (max-width: 47.5em) {
 .footer_contact .container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
  }
 .footer_contact .right_tel {
	margin-top: 16px;
  }
}
.mail_button {
  align-items: center;
  padding: 0.6em 1em;
  background-color: #014fa4;
  text-align: center;
  width: 90%;
  display: block;
}
.mail_button[href] {
  color: #fff;
  text-decoration: none;
}
.mail_button[href]:hover, .mail_button[href]:focus {
  text-decoration: underline;
}
.mail_button::before {
  display: inline-block;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAcCAYAAAAeC42RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgVJREFUeNrsl00oBGEYx2fGd1xIbGIplBQpF6GWnKQ97N3BwYFycXB0cXBwcHGgFAeJUg7aUjjYSClyJLG15OTjgANaXv+Hd+ppbMyMGTNb/vWrnZ155v317szz7qsKIRSkCiyCgOLvPINBEFOlOCUIoqDBp9I3IAJ26UBjJy5AG1j3ofQJaNGldfEKMApU8ADCYMZH0hugFZzLY5r1UgWPSlB8ZgHk0KMjGQZJ4W2mQSZzGgGv5MzFKTFQxC4Mg0cPhJNy4nSPbDDPzn8Rp5yCWlbUDK7+UPpBTpg+Pk3ktuGalOKUWxBixeXg6A+kE6CRjVsrJ1KYFac8gV52kwIQdVF6HwTYeJ1yAoVVccobGAOqvFkGmHJBegXkMel+8PLN9T+K61kydJwhBzvOOJsYDUyYqDEtTtkBxUy+R75IdmN8FPPBqslaS+KUM1DHBmsClzakr0G74eU/tFBvWZxyBzrYoGXgwEL9Maj+Zbu1JU55Bn2Gn3nNRN0WKGR1EZsLnG3xVC8WdZxJG8u38EKcsgxymdCAoeOkWr7nfjmmI+KUPVDC5LrBvcnl21NxShzUM8kG2XV+Wr49F9c7TheT1Ql9s3zbEtcc/tNfKHdQ/ew7+rwJipwcKNOFHUsWmAU1coc14sa2SP14XhQloaRXKjUlTfMv/i9uoaskQTzNvJPvAgwA+tH9d7oodkUAAAAASUVORK5CYII=);
  vertical-align: -6px;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.m_tel p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	line-height: 1;
	padding-right: 10px;
}
@media screen and (max-width: 30em) {
  .m_tel span {
    width: 100%;
	display: block;
	margin-top: 5px;
  }
}
.footer_contact .m_chronological-legend{
  margin-left: -4%;
}
.footer_contact .m_chronological-legend > li{
  margin: 0 0 0 4%;
  display: inline-block;
  vertical-align: top;
  font-size: 1rem;
}
.footer_contact .m_chronological-legend > li {
  width: 96%;
}
.footer_contact .m_chronological-legend .text_area {
  font-weight: bold;
  font-size: 1.1rem;
}
.footer_contact .m_chronological-legend .icon._cold {
  background-color: #014fa4;
  font-size: 0.8rem;
}




@media screen and (min-width: 28em) {
  .footer_contact .m_chronological-legend._max2 > li {
    width: 46%;
  }
  .footer_contact .m_chronological-legend._max2 > li:nth-child(2) {
    margin-top: 0;
  }
}




.footer_area1 {
  background: #303030 url("../images/l_footer/area1_bg.jpg") no-repeat 50% 50%;
}
.footer_nav > .pad > .column {
  width: 14.3%;
}

/*=============================================================
全体
=============================================================*/
/*all*/
._apart {
  margin-top: 2em;
}


/*=============================================================
クリックすると開く
=============================================================*/

.m_toggle{margin-top: 16px;}
.m_toggle .toggle_button{
position: relative;
display: block;
padding: .9375em 15px;
width: 100%;
background-color: #f2f2f2;
text-align: left;
font-weight: bold;
font-size: 1.2rem;
}
.m_toggle .toggle_button::after{
position: absolute;
top: .7692em;
right: 10px;
content: url(/member_common/images/icon_toggle_open.png);
}
.m_toggle .toggle_button[aria-expanded="false"]::after{
content: url(/member_common/images/icon_toggle_close.png);
}
.m_toggle .toggle_list{
overflow: hidden;
transition: height 0.5s;
}