/*
Theme Name: Understrap child
Version: 1.2.4
Template: understrap
*/

/*小デバイス（横向きモバイル, 576px 以上）sm*/
@media (min-width: 576px){

}

/*中デバイス（タブレット, 768px 以上）md*/
@media (min-width: 768px){

}

/*大デバイス（デスクトップ, 992px 以上）lg*/
@media (min-width: 992px){

}

/*特大デバイス（ワイド・デスクトップ, 1200px 以上）xl*/
@media (min-width: 1200px){

}


@media (min-width: 576px) { ... }

@media (min-width: 768px) { ... }

@media (min-width: 992px) { ... }

@media (min-width: 1200px) { ... }

html {
   scroll-behavior: smooth;
   font-feature-settings: "palt";
}

body{
   letter-spacing: 0.75px;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}

p {
   text-align: justify;
   text-justify: inter-ideograph;
}

.entry-content a{
   color: #0071bc;
}

.entry-content a:hover{
   color: #000000;
}

.noto-serif {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.noto-sans {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

#full-width-page-wrapper.wrapper.top_page{
   padding-top: 0;
   /*padding-bottom: 150px;
   margin-top: 0;*/
}

@media (min-width: 768px){
   #full-width-page-wrapper.wrapper.top_page{
      padding-top: 0;
      /*padding-bottom: 150px;
      margin-top: -113px;*/
   }
}

.top_copy{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
   line-height: 180%;
   margin-bottom: 90px;
}

@media (min-width: 768px){
   .top_copy{
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 500;
     font-style: normal;
     font-size: 24px;
      line-height: 180%;
      margin-bottom: 90px;
   }
}

.company_wrap{
   background-image: url(images/company_back.jpg);
   background-repeat: repeat-x;
   background-position: bottom left;
   background-size: 100% 70%;
   margin-top: 100px;
   margin-bottom: 90px;
}

@media (min-width: 768px){
   .company_wrap{
      background-image: url(images/company_back.jpg);
      background-repeat: repeat-x;
      background-size: 100% 53%;
      background-position: bottom left;
      margin-top: 100px;
      margin-bottom: 90px;
   }
}

.privacy_text01{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
   line-height: 200%;
   margin-bottom: 36px;
}

.privacy_text02{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
   line-height: 200%;
   margin-bottom: 36px;
}

.privacy_text03{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
   line-height: 200%;
}

h2.privacy_h2{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  margin-bottom: 4px;
}

ol.privacy_list{
   list-style: none;
   padding-left: 0;
   margin-bottom: 36px;
}

ol.privacy_list li{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
   line-height: 200%;
}

h2.std{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  display: inline-block;
  text-align: center;
  position: relative;
  margin-bottom: 50px;
}

h2.std::after{
   content: "";
   width: 60px;
   height: 6px;
   background-color: #0071bc;
   position: absolute;
   bottom: 30px;
   left: calc(50% - 30px);
}

h2.std small{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  display: block;
  margin-top: 30px;
}

@media (min-width: 768px){

   h2.std{
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 700;
     font-style: normal;
     font-size: 36px;
     display: inline-block;
     text-align: center;
     position: relative;
     margin-bottom: 50px;
   }

   h2.std::after{
      content: "";
      width: 60px;
      height: 6px;
      background-color: #0071bc;
      position: absolute;
      bottom: 30px;
      left: calc(50% - 30px);
   }

   h2.std small{
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 500;
     font-style: normal;
     font-size: 16px;
     display: block;
     margin-top: 30px;
   }
}

/* company_information */

.company_information_text {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 200%;
}

.company_information_ceo {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  margin-left: 1rem;
}

@media (min-width: 768px){
   .company_information_ceo {
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
     font-size: 28px;
     margin-left: 1rem;
   }
}

table.table.company_information_table{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  border-bottom: 1px solid #e6e6e6;
}

table.table.company_information_table th{
   font-weight: 400;
   padding: 19px 19px;
   text-align: right;
   border-top: 1px solid #e6e6e6;
   white-space: nowrap;
}

table.table.company_information_table td{
   padding: 19px 19px;
   vertical-align: middle;
   border-top: 1px solid #e6e6e6;
}

table.table.company_histry_table{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  border-bottom: 1px solid #e6e6e6;
}

table.table.company_histry_table th,
table.table.company_histry_table th:first-child{
   font-weight: 400;
   padding: 19px 12px 0 12px;
   text-align: left;
   width: auto;
   border-top: 1px solid #e6e6e6;
   white-space: nowrap;
   display: inline-block;
   width: 100px;
}

table.table.company_histry_table td{
   padding: 0 12px 28px 12px;
   vertical-align: middle;
   /*border-top: 1px solid #e6e6e6;*/
   border-top: none;
   display: block;
   width: 100%;
}

table.table.company_histry_table td.date_cell{
   width: calc(100% - 100px);
   display: inline-block;
   border-top: 1px solid #e6e6e6;
   padding: 32px 12px 0 12px;
}

table.table.company_histry_table th .western_calendar{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 30px;
  color: #0071bc;
}

@media (min-width: 768px){
   table.table.company_histry_table{
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
     font-size: 14px;
     border-bottom: 1px solid #e6e6e6;
   }

   table.table.company_histry_table th,
   table.table.company_histry_table th:first-child{
      font-weight: 400;
      padding: 19px 12px;
      text-align: right;
      width: 180px;
      border-top: 1px solid #e6e6e6;
      white-space: nowrap;
      display: table-cell;
   }

   table.table.company_histry_table td{
      padding: 19px 12px;
      vertical-align: middle;
      border-top: 1px solid #e6e6e6;
      display: table-cell;
      width: auto;
   }

   table.table.company_histry_table td.date_cell{
      width: 120px;
      display: table-cell;
      /*padding: 32px 12px 28px 12px;*/
      padding: 19px 12px;
   }

   table.table.company_histry_table th .western_calendar{
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 600;
     font-style: normal;
     font-size: 30px;
     color: #0071bc;
   }
}

/* business_information */
@media (min-width: 768px){
   .stationery_back{
      background-image: url(images/stationery_back.jpg);
      background-repeat: no-repeat;
      background-position: top center;
      background-size: cover;
      margin-bottom: 90px;
   }

   .original_back{
      background-image: url(images/original_back.jpg);
      background-repeat: no-repeat;
      background-position: top center;
      background-size: cover;
   }
}

h2.std_left{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
}

h2.std_left::after{
   content: "";
   width: 60px;
   height: 6px;
   background-color: #0071bc;
   position: absolute;
   bottom: 30px;
   left: 0;
}

h2.std_left small{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  display: block;
  margin-top: 30px;
}

@media (min-width: 768px){
   h2.std_left{
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 700;
     font-style: normal;
     font-size: 36px;
     display: inline-block;
     position: relative;
     margin-bottom: 10px;
   }

   h2.std_left::after{
      content: "";
      width: 60px;
      height: 6px;
      background-color: #0071bc;
      position: absolute;
      bottom: 30px;
      left: 0;
   }

   h2.std_left small{
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 500;
     font-style: normal;
     font-size: 16px;
     display: block;
     margin-top: 30px;
   }
}

.business_text01{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  color: #0071bc;
}

@media (min-width: 768px){
   .business_text01{
      font-size: 24px;
      margin-top: 16px;
   }
}

.business_text02{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 200%;
}

.top_cat01{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  color: #FFFFFF;
  background-color: rgba(0,90,164,0.8);
  display: inline-block;
  padding: 14px 23px;
  position: absolute;
  top: -30px;
  left: 15px;
}

.top_cat02{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  color: #FFFFFF;
  background-color: rgba(0,90,164,0.8);
  display: inline-block;
  padding: 14px 23px;
  position: absolute;
  bottom: -30px;
  left: 0;
}

.top_text01{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  margin-top: 45px;
  line-height: 200%;
}

.top_text02{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 200%;
}

@media (min-width: 768px){
   .top_cat01{
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 700;
     font-style: normal;
     font-size: 36px;
     color: #FFFFFF;
     background-color: rgba(0,90,164,0.8);
     display: inline-block;
     padding: 18px 35px;
     position: absolute;
     top: -45px;
     left: 15px;
   }

   .top_text01{
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 500;
     font-style: normal;
     font-size: 16px;
     margin-top: 18px;
   }
}

.top_text03{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 19px;
  color: #0071bc;
  margin-bottom: 0;
  line-height: 180%;
}

@media (min-width: 768px){
   .top_text03{
      font-size: 24px;
   }
}

.top_text04{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 180%;
}

a.link_box{
   border: 1px solid #0071bc;
   background-color: #FFFFFF;
   background-image: url(images/link_arrow_b.svg);
   background-repeat: no-repeat;
   background-size: 42px 12px;
   background-position: bottom 30px right 5px;
   color: #0071bc;
   text-align: center;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  padding: 20px 16px;
  display: inline-block;
  width: 100%;
  height: 100%;
  transition: all  0.3s ease;
}

a.link_box:hover{
   border: 1px solid #0071bc;
   background-color: #0071bc;
   background-image: url(images/link_arrow_w.svg);
   background-repeat: no-repeat;
   background-size: 42px 12px;
   background-position: bottom 30px right 5px;
   color: #FFFFFF;
   text-decoration: none;
}

.news_cat{
   display: inline-block;
   color: #FFFFFF;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  text-align: center;
  padding: 2px 8px;
  margin-bottom: 8px;
}

.cat_2{
   background-color: #0071bc;
}

.cat_4{
   background-color: #4f9775;
}

.news_image_wrap{
   width: 100%;
   padding-top: 75%;
   margin-bottom: 8px;
   background-size: cover;
   background-position: center;
}

.news_date{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  line-height: 22px;
  margin-bottom: 8px;
}

.news_title{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}

.news_title a{
   color: #000000;
}

.entry-content.news_content{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

.article_border{
   border-bottom: 1px dashed #999999;
   margin: 35px 0;
}

.wrapper#single-wrapper .entry-header{
   margin-bottom: 16px;
}

.page-link{
   color: #0071bc !important;
}

.page-item.active .page-link{
   background-color: #0071bc !important;
   border-color: #0071bc !important;
   color: #ffffff !important;
}

ul.pagination{
   justify-content: center; 
}

.contact_wrap{
   border: 1px solid #0071bc;
   background-color: #FFFFFF;
   position: relative;
   padding: 25px 25px 15px 25px;
   margin-top: 120px;
   margin-bottom: 100px;
}

.contact_title{
   background-color: #0071bc;
   color: #FFFFFF;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  display: inline-block;
  text-align: center;
  padding: 10px 16px;
  width: 300px;
  height: auto;
  line-height: 100%;
  position: absolute;
  top: -25px;
  left: calc(50% - 150px);
}

@media (min-width: 768px){
   .contact_wrap{
      border: 1px solid #0071bc;
      background-color: #FFFFFF;
      position: relative;
      padding: 50px 50px 30px 50px;
      margin-top: 120px;
      margin-bottom: 100px;
   }

   .contact_title{
      background-color: #0071bc;
      color: #FFFFFF;
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 700;
     font-style: normal;
     font-size: 25px;
     display: inline-block;
     text-align: center;
     padding: 10px 16px;
     width: 435px;
     height: 50px;
     line-height: 100%;
     position: absolute;
     top: -25px;
     left: calc(50% - 217.5px);
   }
}


.contact_inner{
   border-top: 1px solid #CCCCCC;
   margin-top: 24px;
   padding-top: 24px;
}

.tel_num{
   font-family: "Arial";
   font-weight: bold;
   font-size: 30px;
   color: #0071bc;
   text-align: center;
}

/* Google Mapを囲う要素 */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 400px;
  margin-bottom: 30px;
}
 
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.corp_text01{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 25px;
  display: block;
  padding-right: 0;
  width: 100%;
}

.corp_text02{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  display: block;
  width: 100%;
}

@media (min-width: 768px){
   .corp_text01{
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 700;
     font-style: normal;
     font-size: 32px;
     display: inline-block;
     padding-right: 16px;
     width: auto;
   }

   .corp_text02{
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
     font-size: 14px;
     display: inline-block;
     width: auto;
   }
}


.footer_link a,
.footer_link a:hover{
   color: #000000;
   margin: 0 4px;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

.copyright_text{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

.link_text a,
.link_text a:hover{
   color: #000000;
   text-decoration: none;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

.link_text a i{
   color: #0071bc;
}

.footer_back{
   background-image: url(images/footer_back.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   padding-top: 180px;
}

.slider_wrap{
   position: relative;
   margin-bottom: 60px;
}

.slide_mask{
   position: absolute;
   bottom: -30px;
   width: 100%;
}

.slide_copy{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 28px;
  letter-spacing: 0.2em;
  color: #FFFFFF;
  writing-mode: vertical-rl;
   position: absolute;
   top: 70px;
   right: calc(50% - 42px);
}

.since_wrap{
   position: absolute;
   left: 10px;
   bottom: 25px;
}

.since_wrap img.since{
   width: 120px;
   height: 80px;
}

@media (min-width: 768px){
   .slide_mask{
      position: absolute;
      bottom: -100px;
      width: 100%;
   }

   .slide_copy{
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 500;
     font-style: normal;
     font-size: 34px;
     letter-spacing: 0.10em;
     color: #FFFFFF;
     writing-mode: vertical-rl;
      position: absolute;
      top: 35px;
      /*right: 180px;*/
      right: 12.5%;
   }

   .since_wrap{
      position: absolute;
      left: calc(50% - 560px);
      bottom: 80px;
   }

   .since_wrap img.since{
      width: 120px;
      height: 100px;
   }
}

img.header_logo{
   width: auto;
   height: 45px;
}

@media (min-width: 768px){
   img.header_logo{
      width: 266px;
      height: 56px;
   }
}

a.nav-link{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
}

.banner_askulagent{
   display: none;
}

img.banner_askulagent,
img.banner_askulagent_sp{
   width: 156px;
   height: 36px;
}

.navbar-collapse.collapse{
   padding: 0 60px;
}

ul.navbar-nav {
   margin-top: 16px;
}

ul.navbar-nav li.menu-item{
   padding: 8px;
   border-top: 1px dashed #CCCCCC;
   text-align: center;
}

@media (min-width: 768px){
   .navbar{
      padding-top: 0px !important;
      padding-bottom: 2px !important;
   }

   img.header_logo{
      width: 266px;
      height: 56px;
      margin-top: 2px;
   }

   a.nav-link{
     font-family: "Noto Sans JP", sans-serif;
     font-optical-sizing: auto;
     font-weight: 500;
     font-style: normal;
     font-size: 18px;
   }

   .navbar-collapse.collapse{
      padding: 0;
   }

   ul.navbar-nav{
      margin-top: 0;
   }

   ul.navbar-nav li.menu-item{
      padding: 5.5px 4px 13.5px 4px;
      border-top: 8px solid #FFFFFF;
      margin: 0 8px;

   }

   ul.navbar-nav li.menu-item:hover,
   ul.navbar-nav li.menu-item.active{
      border-top: 8px solid #0071bc;
   }

   .banner_askulagent{
      margin-left: 32px;
      display: block;
   }
}

.col-md-4.widget-area .side_wrap{
   padding: 20px;
   border: 1px solid #e6e6e6;
}

h2.wp-block-heading{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  padding: 8px;
  background-color: #0071bc;
  color: #FFFFFF;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts{
   margin-bottom: 40px;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li{
   border-bottom: 1px dashed #999999;
   padding: 23px 0;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li a,
ul.wp-block-latest-posts__list.wp-block-latest-posts li a:hover{
   color: #000000;
}

.widget_archive{
   margin-bottom: 40px;
}

h1.entry-title,
h2.entry-title{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
   border-bottom: 1px solid #0071bc;
   padding-bottom: 8px;
   margin-bottom: 8px;
   line-height: 150%;
}

h2.entry-title a{
   color: #000000;
}

.pagetitle_wrap{
   background-image: url(images/pagetitle_back.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   height: 163px;
}

.pagetitle_wrap h1.entry-title{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  line-height: 163px;
  letter-spacing: 1.25px;
  border: none;
}

@media (min-width: 768px){
   .pagetitle_wrap h1.entry-title{
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 700;
     font-style: normal;
     font-size: 44px;
     line-height: 163px;
     letter-spacing: 1.25px;
     border: none;
   }
}

.breadcrumb_wrap{
   display: flex;
   align-items: flex-end;
   flex-direction: column;
}

ul.breadcrumb_list{
   list-style: none;
   padding-left: 16px;
   display: flex;
   flex-wrap: wrap;
}

ul.breadcrumb_list li{
     font-family: "Noto Serif JP", serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
     font-size: 13px;
     padding-right: 0.5rem;
}

ul.breadcrumb_list li::after{
   content: ">";
   margin-left: 0.5rem;
}

ul.breadcrumb_list li:last-child::after{
   content: "";
}

ul.breadcrumb_list li a{
   color: #000000;
}

@media (min-width: 768px){
   .breadcrumb_wrap{
      display: flex;
      align-items: flex-end;
      flex-direction: column;
   }

   ul.breadcrumb_list{
      list-style: none;
      padding-left: 16px;
      display: flex;
      flex-wrap: nowrap;
   }
}