@charset "utf-8";
/* ===================================================
	Company CSS
====================================================== */


/* ---------------------------------------------------
#sec1
------------------------------------------------------ */
#sec1 { padding: 40px 0 80px;}

#sec1 .box_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 80px;}
#sec1 .box_wrap dl { width: 65%;}
#sec1 .box_wrap dt { color: #ffae00; font-size: 30px; font-weight: bold;}
#sec1 .box_wrap dd { margin-top: 7%;}
#sec1 .box_wrap div { width: 30%;}
#sec1 .box_wrap div img { width: 100%;}
#sec1 .box_wrap div p { margin-top: 15px; text-align: center;}
#sec1 .box_wrap div p span { padding-right: 15px;}

#sec1_1 { margin-top: 60px;}
#sec1_1 > dl { display: flex; flex-wrap: wrap; border-bottom: 1px solid #aaa;}
#sec1_1 > dl > dt,
#sec1_1 > dl > dd { padding: 60px 2% 60px 4%; box-sizing: border-box;}
#sec1_1 > dl > dt { width: 30%; background: #f3f1f0;}
#sec1_1 > dl > dd { width: 70%;}
#sec1_1 > dl > dt p { font-size: 25px; font-weight: bold; padding-top: 25px; position: relative; line-height: 1;}
#sec1_1 > dl > dt p::before { content: ''; display: block; width: 30px; height: 3px; background: #ffae00; position: absolute; top: 0; left: 0;}
#sec1_1 > dl > dt span { display: block; color: #9b9999; font-size: 13px; font-weight: normal; font-family: 'Montserrat', sans-serif; margin-top: 15px;}

#sec1_1 .li_style dt { white-space: nowrap;}
#sec1_1 .li_style dd .map_link { padding-left: 30px; color: #ffae00; position: relative; display: inline-block;}
#sec1_1 .li_style dd .map_link::before {
  content: ''; display: inline-block; width: 10px; height: 15px;
  background: url(../../company/img/map_icon.svg) no-repeat center /100%; position: absolute; bottom: 7px; left: 17px;
}
#sec1_1 .li_style dd .map_link:hover { text-decoration: none; opacity: 0.75;}

#sec1_1 .li_style dl { display: flex; line-height: 1.9;}
#sec1_1 .li_style dd { padding-left: 10px;}
#sec1_1 .li_style dd a { padding-left: 15px; text-decoration: underline;}
#sec1_1 .li_style dd a:hover { text-decoration: none;}
#sec1_1 .li_style dd p { margin-bottom: 25px;}

#sec1_1 .line_style dt { font-size: 20px; font-weight: bold;}
#sec1_1 .line_style dd { padding: 15px 0 30px;}
#sec1_1 .bnr_list { display: flex; justify-content: space-between;}
#sec1_1 .bnr_list li { width: 48%;}
#sec1_1 .bnr_list li a { display: block; color: #fff; padding: 25px 20px; box-sizing: border-box; font-size: 18px; transition: opacity .3s;}
#sec1_1 .bnr_list li:first-of-type a { background: url(../../company/img/489_bg.png) no-repeat right center #000;}
#sec1_1 .bnr_list li:nth-of-type(2) a { background: url(../../company/img/web_bg.png) no-repeat right center #000;}
#sec1_1 .bnr_list li a:hover { opacity: 0.75;}

#sec1_1 .num_list li { padding-left: 2em; text-indent: -2em;}
#sec1_1 .num_list li::before { content: '一、';}

#sec1_1 .box_style { display: flex;}
#sec1_1 .box_style p:first-of-type { width: 70%;}
#sec1_1 .box_style p:nth-of-type(2) { width: 30%;}
#sec1_1 .box_style p a { display: inline-block; color: #0a4a80; text-decoration: underline; margin-top: 15px;}

@media screen and (max-width: 600px) {
  #sec1 { padding: 10vw 0;}
  #sec1 .box_wrap { margin-top: 8vw;}
  #sec1 .box_wrap dl { width: 100%;}
  #sec1 .box_wrap dt { font-size: 20px;}
  #sec1 .box_wrap dd { margin-top: 3vw;}
  #sec1 .box_wrap div { width: 100%; margin-top: 10px; display: flex; justify-content: flex-end; align-items: flex-end;}
  #sec1 .box_wrap div picture { order: 1; width: 45%;}
  #sec1 .box_wrap div p { margin-top: 0; margin-right: 5%; text-align: right;}
  #sec1 .box_wrap div p span { display: block; padding-right: 0;}

  #sec1_1 { margin-top: 30px;}
  #sec1_1 > dl > dt,
  #sec1_1 > dl > dd { padding: 15px 4%;}
  #sec1_1 > dl > dt { width: 100%;}
  #sec1_1 > dl > dd { width: 100%;}
  #sec1_1 > dl > dt p { font-size: 18px; padding-top: 15px;}
  #sec1_1 > dl > dt p::before { width: 20px;}
  #sec1_1 > dl > dt span { margin-top: 5px;}

  #sec1_1 .li_style dd .map_link { display: block; padding-left: 15px;}
  #sec1_1 .li_style dd .map_link::before { left: 0; bottom: 3px;}

  #sec1_1 .li_style dl { display: block; line-height: 1.5; margin-bottom: 15px;}
  #sec1_1 .li_style dl dt { display: inline-block; font-weight: bold;}
  #sec1_1 .li_style dl dd { display: inline-block; padding-left: 0;}
  #sec1_1 .li_style dd p { margin-bottom: 15px;}
  #sec1_1 .li_style dd a { padding-left: 0;}


  #sec1_1 .line_style dt { font-size: 16px;}
  #sec1_1 .line_style dd { padding: 5px 0 15px;}

  #sec1_1 .bnr_list { display: block;}
  #sec1_1 .bnr_list li { width: 100%; margin-bottom: 10px;}
  #sec1_1 .bnr_list li a { font-size: 16px;}

  #sec1_1 .box_style { justify-content: space-between;}
  #sec1_1 .box_style p:first-of-type { width: 75%;}
  #sec1_1 .box_style p:nth-of-type(2) { width: 25%; max-width: 90px;}
}



/* ---------------------------------------------------

------------------------------------------------------ */

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