/* #001a43; #0075c2; #f1f8fe*/
 @charset "UTF-8";
 .header_area1::after, #l_content::after, .m_image-sneak::after {
   clear: both;
   display: block;
   content: ""
 }
 @media print {
   .header_area1::after, #l_content::after, .m_image-sneak::after {
     margin-bottom: 1px;
     height: 1px;
     visibility: hidden
   }
 }
   main {
     margin: 0 0 0 210px;
   }
   header {
     width: 210px;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     z-index: 999;
     background-color: #fff;
     line-height: 1.45;
   }
 @media print, screen and (max-width: 1024px) {
  main {
   margin: 0;
   overflow: clip;
 }
 header {
   width: 100%;
   height: 60px;
 }
 }
 main, .l-breadcrumb, .l-scrollTopNavi, .l-content-catalogueConductorArea {
   color: #251e1c;
 }
 article, section, nav, aside, header, footer, main, figure {
   display: block
 }
 h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
   font-size: 1rem;
   font-weight: normal
 }
 address {
   font-style: normal
 }
 p, ol, ul, li, dl, dt, dd, figure, form {
   margin: 0;
   padding: 0
 }
 li {
   list-style: none
 }
 main a {
   color: #0075c2;
   text-decoration: underline
 }
 main a:focus {
   outline: -webkit-focus-ring-color inset 3px
 }
 main a:link, main a:visited {
   color: #0075c2;
 }
 em, strong {
   font-style: normal;
   font-weight: bold
 }
 small {
   font-size: 100%
 }
 dfn, b {
   font-weight: bold
 }
 rt, rp {
   display: inline;
   font-size: .875rem
 }
 rp:first-child {
   margin-left: .5em
 }
 img {
   border: 0
 }
 iframe {
   border: 0
 }
 table {
   border-collapse: collapse
 }
 th {
   font-weight: normal;
   text-align: left
 }
 label {
   cursor: default
 }
 input, select, button, textarea {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   line-height: inherit
 }
 optgroup {
   font-style: inherit
 }
 button {
   margin: 0;
   padding: 0;
   border: 0;
   color: inherit;
   background: transparent;
   line-height: 1;
   cursor: pointer
 }
 button:focus {
   outline: 1px dotted #333
 }
 button:active {
   position: relative
 }
 button::-moz-focus-inner {
   padding: 0;
   border: 0
 }
 button[disabled] {
   cursor: auto
 }
 html, body {
   color: #251e1c;
   background: #fff
 }
 html {
   font-size: 100%;
   line-height: 1.6;
   -webkit-text-size-adjust: 100%
 }
 @media screen and (max-width:47.5em) {
   html {
     font-size: 87.5%
   }
 }
 body {
   margin: auto
 }
 .m-button-cv2 {
   margin: auto;
 }
 .m-widget-modal__inner, .unq-solution-layout__inner, .unq-solution-text__inner, .unq-top-info__inner, .unq-pageTitle-layer3__inner, .unq-pageTitle-layer2__inner, .unq-pageTitle__inner, .l-platform-pageTop__inner, .l-scrollTopNavi__inner, .l-content-top__inner, .l-content-segmentArea__inner, .l-content-productArea__inner, .l-content-leadArea__inner, .l-content-topicArea__inner, .l-content-imageArea__inner, .l-content-imageArea2__inner, .l-content-imageArea3__inner, .l-content-bannerArea__inner, .l-content-catalogueArea__inner, .l-content-area__inner, .l-content-catalogueSearchArea__inner, .l-content-catalogueConductorArea__inner, .l-content-articleArea__inner, .l-content-solutionArea__inner {
   padding-left: 20px;
   padding-right: 20px;
 }
 @media screen and (max-width: 760px) {
.l-content-top__inner,
.l-content-area__inner{
     padding-left: 0;
     padding-right: 0;
   }
 }
 /* パンクズ　*/
 .l-breadcrumb:last-of-type, .l-breadcrumb:first-of-type {
   display: inline-block
 }
 .l-breadcrumb {
   background-color: #fff;
   margin-bottom: 10px;
   font-size: .75rem;
 }
 @media print, screen and (max-width: 750px) {
   .l-breadcrumb {
    margin-bottom: 0;
   }
 }
 .l-breadcrumb__item + .l-breadcrumb__item::before,
 .l-breadcrumb__link:link, .l-breadcrumb__link:visited,
 .l-breadcrumb__link{
  color: #A8A8A8;
}

 .unq-pageTitle__heading .l-breadcrumb {
   letter-spacing: 0.05em;
 }
 /* カラム */
 .m_listpage {
   margin-left: -4%;
   font-size: 0
 }
 .m_listpage > li {
   margin: 40px 0 0 4%;
   display: inline-block;
   vertical-align: top;
   font-size: 1rem
 }
 .m_listpage._max2 > li, .m_listpage._max3 > li, .m_listpage._max4 > li {
   width: 96%
 }
 .m_listpage._max2 > li:nth-child(1), .m_listpage._max3 > li:nth-child(1), .m_listpage._max4 > li:nth-child(1) {
   margin-top: 0
 }
 @media screen and (min-width: 28em) {
   .m_listpage._max2 > li {
     width: 46%
   }
   .m_listpage._max2 > li:nth-child(2) {
     margin-top: 0
   }
 }
 @media screen and (min-width: 28em) {
   .m_listpage._max3 > li {
     width: 46%
   }
   .m_listpage._max3 > li:nth-child(2) {
     margin-top: 0
   }
 }
 @media screen and (min-width: 52em) {
   .m_listpage._max3 > li {
     width: 29.33333%
   }
   .m_listpage._max3 > li:nth-child(3) {
     margin-top: 0
   }
 }
 @media screen and (min-width: 28em) {
   .m_listpage._max4 > li {
     width: 46%
   }
   .m_listpage._max4 > li:nth-child(2) {
     margin-top: 0
   }
 }
 @media screen and (min-width: 52em) {
   .m_listpage._max4 > li {
     width: 29.33333%
   }
   .m_listpage._max4 > li:nth-child(3) {
     margin-top: 0
   }
 }
 @media screen and (min-width: 64em) {
   .m_listpage._max4 > li {
     margin-left: 4%;
     width: 21%
   }
   .m_listpage._max4 > li:nth-child(4) {
     margin-top: 0
   }
 }
 .m_listpage .listpage_title, .m_listpage .listpage_image, .m_listpage .listpage_lede, .m_listpage .listpage_text, .m_listpage .listpage_link {
   margin-top: .625em
 }
 .m_listpage .listpage_title:first-child, .m_listpage .listpage_image:first-child, .m_listpage .listpage_lede:first-child, .m_listpage .listpage_text:first-child, .m_listpage .listpage_link:first-child {
   margin-top: 0
 }
 .m_listpage .listpage_image {
   margin-top: 1.25em;
   margin-bottom: 1.25em
 }
 .m_listpage .listpage_image img, .m_listpage .listpage_image object {
   display: block;
   height: auto;
   width: 100%
 }
 /*---------------------
タイトル　
-------------------------*/
.m-heading-type6::before {
    background-color: #0075c2;
}
 .unq-pageTitle {
   border-bottom: none;
   border-top: 1px solid #a4b1c1;
   margin-top: 0;
 }
 main h1 [lang=en], main h2 [lang=en], main h3 [lang=en], main h4 [lang=en], main h5 [lang=en], main h6 [lang=en] {
   letter-spacing: 0em;
 }
 .unq-pageTitle__inner::after, .unq-pageTitle__inner::before, .unq-top-heading__attach::before {
   display: none;
 }
 .unq-top-heading__attach {
   padding: 6px 0 6px 0;
 }
 .unq-top-heading__text h1, .unq-pageTitle__heading h1, h2.unq-pageTitle__heading  {
   font-size: 3rem;
   color: #251e1c;
 }
 @media screen and (max-width: 30em) {
   .unq-pageTitle__heading,
   .unq-pageTitle__heading h1 {
     font-size: 2.5rem;
   }
 }
 .m-heading-type7__attach, .unq-top-heading__attach {
   font-size: 1.4rem;
   font-weight: 700;
   color: #0075c2;
   text-transform: uppercase;
   font-family: Oswald, sans-serif;
   padding-left: 3px;
 }
 .unq-pageTitle__inner {
   padding: 75px 20px 0;
 }
 @media screen and (max-width: 750px) {
   .unq-pageTitle__inner {
     padding: 50px 0 0;
   }
 }
 /*各インデックスのタイトル*/
 ._index .unq-pageTitle {
   border-top: none;
 }
 ._index .unq-pageTitle__inner {
   padding-left: 0;
   padding-top: 24em;
 }
 @media screen and (max-width: 1700px) {
   ._index .unq-pageTitle__inner {
     padding-top: 20em;
   }
 }
 @media screen and (max-width: 750px) {
   ._index .unq-pageTitle__inner {
     padding-top: 10em;
   }
 }
 ._index .unq-pageTitle__heading {
   margin-bottom: -5px;
   position: relative;
   background: #fff;
   border-radius: 0px 16px 0px 0px;
   padding: 0 82px 0px 20px;
   display: inline-block;
   line-height: 1.2;
 }
 @media screen and (max-width: 750px) {
   ._index .unq-pageTitle__heading {
     padding: 0 42px 0px 20px;
   }
 }
 @media screen and (max-width: 750px) {
   ._index .unq-pageTitle__heading {
     padding: 0 20px 0px 0px;
   }
 }
 ._index .unq-pageTitle__heading:before {
   position: absolute;
   content: "";
   top: 0;
   left: -599px;
   background-color: #fff;
   width: 600px;
   height: 300px;
 }
 .unq-pageTitle__heading p {
   margin-bottom: 5px;
 }

 /* タイトルイメージ*/
 ._index .unq-pageTitle{
   background-size: 100%;
   background-position: bottom;
 }
 @media screen and (max-width: 1400px) {
   ._index .unq-pageTitle {
     background-size: cover;
   }
 }
 ._index._company .unq-pageTitle {
   background-image: url("/company/images/index_img.jpg");
 }
 ._index._business .unq-pageTitle {
   background-image: url("/business/images/index_img.jpg");
 }
 ._index._recruit .unq-pageTitle {
   background-image: url("/recruit/images/index_img.jpg");
 }
 ._index._sustainability .unq-pageTitle {
   background-image: url("/sustainability/images/index_img.jpg");
 }
 /*2階層のインデックス*/
 ._index-lv2 .unq-pageTitle__heading {
   font-size: 2.8rem;
   max-width: 1280px;
   margin: auto;
   padding: 20px;
 }
 ._index-lv2 .unq-pageTitle {
   background-size: 100%;
   background-position: top;
   background-repeat: no-repeat;
   padding-top: 200px;
 }
   @media screen and (max-width: 800px) {
 ._index-lv2 .unq-pageTitle {
     margin-bottom: 0;
	 padding-top: 100px;
}
 }
 ._index-lv2 .unq-pageTitle__inner {
   padding: 20px 20px 0;
   background-color: #fff;
   max-width: 100%;
   margin: 0;
 }
 ._index-lv2._cable .unq-pageTitle {
   background-image: url("/business/cable/images/index-lv2_img.jpg");
 }
 ._index-lv2._webservice .unq-pageTitle {
   background-image: url("/business/webservice/images/index-lv2_img.jpg");
 }
    @media screen and (max-width: 800px) {
 ._index-lv2 .unq-pageTitle {
margin-top: 50px;
}
 }
 /*m-heading-type1*/
 .m-heading-type1 h2 {
   letter-spacing: .01em;
   color: #251e1c;
 }
 .m-heading-type1::before {
   display: none;
 }
 /*m-heading-type4*/
 .m-heading-type4 {
   border-bottom: none;
 }
 .m-heading-type4__heading {
   color: #251e1c;
   padding-left: 0;
 }
 .m-heading-type4__heading::before {
   display: none;
 }
 .m-heading-type4__attach {
   border-bottom: 1px solid #dcdfe6;
   padding-bottom: 10px;
   font-size: 1rem;
   color: #0075c2;
 }
 /*---------------------
その他
-------------------------*/
 .m-media__wrap {
   color: #251e1c;
 }
 .m-media__caption {
   font-size: 1rem
 }
 @media print, screen and (min-width: 760px) {
   .m-media__caption.m-link-list__link {
     font-size: 1.2rem;
     margin-left: -10px;
     font-weight: 700;
   }
 }
 .m-media__caption.m-link-list__link::before {
   top: 7px;
 }
 .m-text-lead__text {
   color: #251e1c;
 }
 /* ボタン */

.m-button {
    background-color: #001a43;
}
 .m-button-type2::before,
 .m-button::before {
   bottom: calc(50% - 1px);
   width: 18px;
 }
 .m-button-type2::before {
 top: auto;
   bottom: calc(50% - 2px);
 }
 .m-button-type2::after,
 .m-button::after {
   right: 16px;
   top: auto;
   bottom: calc(50% - 4px);
   transform: rotate(-135deg);
   border-left: 1px solid #fff;
   border-bottom: 1px solid #fff;
   background-color: rgba(255, 0, 0, 0);
   width: 8px;
   height: 8px;
 }
.m-button-type2:after {
   right: 24px;
   bottom: calc(50% - 2px);
   border-left: 1px solid #0074C2;
   border-bottom: 1px solid #0074C2;
   width: 9px;
   height: 9px;
 }
.m-button-type2:hover::before, .m-button-type2:focus::before,
.m-button:hover::before, .m-button:focus::before {
   right: 10px;
   width: 24px;
 }
.m-button-type2:hover::before, .m-button-type2:focus::before {
    background-color: #0074C2;
 }
.m-button:hover::after, .m-button:focus::after {
   right: 9px;
   background-color: rgba(255, 0, 0, 0);
 }
.m-button-type2:hover::after, .m-button-type2:focus::after {
   right: 18px;
   background-color: rgba(255, 0, 0, 0);
 }
.m-button-type2{
 border: solid 1px #0074C2;
 }
.m-button-type2:hover, .m-button-type2:focus {
    background-color: #e5f1f9;
    border-color: #0074C2;
    color: #0074C2;
}
.m-button-type2:link, .m-button-type2:visited {
  color: #0074C2;
}
 /*---------------------
新着情報　
-------------------------*/
 .m-list-news {
   max-width: 100%;
 }
 .m-list-news__wrap {
   background-color: #f1f8fe;
   margin-bottom: 10px;
   border-radius: 10px;
 }
 .m-list-news__wrap:hover, .m-list-news__wrap:focus {
   background-color: #e4f1fd;
 }
 .m-list-news__list {
   border-top: none;
 }
 .m-list-news__item {
   border-bottom: none;
 }
 /* 矢印 */
 .m-list-news__wrap {
   padding-bottom: 16px;
   padding-left: 24px;
   padding-right: 72px;
   transition: background-color .5s cubic-bezier(0.25, 0.8, 0.25, 1);
   will-change: background-color;
 }
._nolink .m-list-news__wrap:hover{
will-change: unset;
background-color: #f1f8fe;
}
 .m-list-news__wrap::before {
   bottom: calc(50% - 1px);
   right: 16px;
   width: 10px;
 }
 .m-list-news__wrap::after {
   top: auto;
   bottom: calc(50% - 4px);
   right: 16px;
   transform: rotate(-135deg);
   border-left: 1px solid #0074C2;
   border-bottom: 1px solid #0074C2;
   background: none;
   width: 8px;
   height: 8px;
 }
 /*　新着の矢印*/
 .m-list-news__wrap:hover::before, .m-list-news__wrap:focus::before {
   right: 13px;
   width: 14px;
 }
 .m-list-news__wrap:hover:after, .m-list-news__wrap:focus:after { /*　矢印　*/
   right: 13px;
 }
 ._nolink .m-list-news__wrap::after, ._nolink .m-list-news__wrap::before{
 display: none;
 }
 .m-list-news__date {
   font-size: .9rem;
   color: #001a43;
 }
 .m-list-news__label {
   align-items: center;
   color: #001a43;
   background-color: #fff;
   flex: 0 1 auto;
   font-size: .8571428571rem;
   margin-left: 18px;
   margin-right: 18px;
   padding: 4px 6px;
   position: relative;
   z-index: 10;
   border: solid 1px #001a43;
   font-size: .85rem;
   border-radius: 20px;
 }
 .m-list-news__label::before {
   display: none;
 }
 .m-link-list__link::before {
   background-image: url("/common/images/arrow.svg");
 }

 /*--------------------------------------
企業情報 
--------------------------------------------*/
 .navi_foot {
   background-color: #e5f1f8;
   padding-top: 75px;
 }
 /* パネル link */
 .m-panel__media {
   cursor: pointer;
   overflow: hidden;
   width: 100%;
 }
 .m-panel__media img {
   height: auto;
   transition: transform .6s ease; /* ゆっくり変化させる */
   width: 100%;
 }
 .m-panel__wrapInner {
   padding: 0;
 }
 .m-panel__media:hover img, .m-panel__wrap:hover .m-panel__media img {
   transform: scale(1.1); /* 拡大 */
 }
 .m-panel__wrap:hover .m-panel__wrapInner::before {
   display: none;
 }
 .m-panel__wrapInner::before {
   opacity: 0;
 }
 .m-panel__caption p {
   padding-left: 44px;
 }
 @media screen and (max-width:750px) {
   .m-panel__caption p {
     padding-left: 32px;
   }
 }
 /*　パネル、新着の矢印　sp */
 .m-panel__wrap:hover .m-panel__wrapInner::before, .m-panel__wrap:focus .m-panel__wrapInner::before {
   box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.08);
   height: 110%;
   width: 110%
 }
 .m-panel__wrap:hover .m-panel__caption, .m-panel__wrap:focus .m-panel__caption {
   color: #0074C2
 }
 .m-panel__wrap:hover .m-panel__caption::before, .m-panel__wrap:focus .m-panel__caption::before {
   right: 10px;
   width: 16px
 }
 .m-panel__wrap:hover .m-panel__caption::after, .m-panel__wrap:focus .m-panel__caption::after { /*　矢印　*/
   left: 20px;
   right: auto;
 }
 .m-panel__wrap::before, .m-panel__wrap::after {
   content: none
 }
 @media screen and (max-width:750px) {
   .m-panel__wrap:hover .m-panel__caption::before, .m-panel__wrap:focus .m-panel__caption::before {
     right: 5px;
     width: 13px
   }
   .m-panel__wrap:hover .m-panel__caption::after, .m-panel__wrap:focus .m-panel__caption::after { /*　矢印　*/
     left: 10px;
   }
 }
 .m-panel__wrapInner::before {
   transition: box-shadow .5s cubic-bezier(0.25, 0.8, 0.25, 1), height .5s cubic-bezier(0.25, 0.8, 0.25, 1), width .5s cubic-bezier(0.25, 0.8, 0.25, 1);
   will-change: box-shadow, height, width
 }
 .m-panel__media {
   margin-bottom: 16px
 }
 .m-panel__caption {
   padding-right: 0;
   position: relative;
   transition: color .5s cubic-bezier(0.25, 0.8, 0.25, 1);
   will-change: color
 }
 .m-panel__caption::before, .m-panel__caption::after {
   background-color: #0074C2;
   content: "";
   display: block;
   position: absolute;
   z-index: 10
 }
 .m-panel__caption::before { /*　棒　*/
   bottom: calc(50% - 1px);
   height: 1px;
   left: 12px;
   transform: translateY(-50%);
   transition: left .5s cubic-bezier(0.25, 0.8, 0.25, 1), width .5s cubic-bezier(0.25, 0.8, 0.25, 1);
   width: 12px;
   will-change: left, width
 }
 .m-panel__caption::after { /*　矢印 */
   top: auto;
   bottom: calc(50% - 4px);
   /*bottom: 50%;*/
   width: 8px;
   height: 8px;
   left: 16px;
   right: auto;
   transition: left .5s cubic-bezier(0.25, 0.8, 0.25, 1);
   /*will-change: left;*/
   border-left: 1px solid #0074C2;
   border-bottom: 1px solid #0074C2;
   transform: rotate(-135deg);
   background: none;
 }
 @media screen and (max-width:750px) {
   .m-panel__caption::before { /*　棒　*/
     left: 6px;
   }
   .m-panel__caption::after { /*　矢印 */
     left: 8px;
   }
 }
 /* 円 (パネル、新着)*/
 .m-panel__caption p {
   position: relative;
   font-weight: 700;
   font-size: 1.2rem;
 }
 .m-list-news__item::after, .m-panel__caption p::after {
   content: "";
   position: absolute;
   width: 36px;
   height: 36px;
   border-radius: 50%;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
   border: solid 2px #0075c2;
 }
 @media screen and (max-width:750px) {
   .m-panel__caption p::after {
     width: 24px;
     height: 24px;
   }
 }
 .m-list-news__item {
   position: relative;
 }
 .m-list-news__item::after {
   width: 25px;
   height: 25px;
   right: 8px;
   left: auto;
 }
 .m-list-news__item._nolink::after,
 .m-list-news__item._nolink::before{
 display: none;
 }
 
 
 
 
 /*歴史*/
 .m_chronological-table .chronological-table_section + .chronological-table_section {
   margin-top: .5em;
   margin-bottom: 1em;
   padding-top: 1em;
   border-top: 1px solid #ccc
 }
 .m_chronological-table .chronological-table_hdg {
   padding-right: 10px;
   display: table-cell;
   min-width: 6em;
   vertical-align: top
 }
 @media screen and (max-width:36em) {
   .m_chronological-table .chronological-table_hdg {
     padding-right: 0;
     display: block
   }
 }
 .m_chronological-table .chronological-table_hdg .hdg_year {
   font-family: Oswald, sans-serif;
   padding: 0 1em .3em 0;
   font-size: 2rem;
   /* background: #e6e6e6;*/
   line-height: 1;
   white-space: nowrap;
   /* text-align: center*/
 }
 .m_chronological-table .chronological-table_content {
   display: table-cell;
   vertical-align: top
 }
 @media screen and (max-width:36em) {
   .m_chronological-table .chronological-table_content {
     margin-top: 1em;
     display: block
   }
 }
 .m_chronological-table .chronological-table_content > li + li {
   margin-top: .75em
 }
 .m_chronological-table .chronological-table_content .chronological-table_type {
   padding-right: 10px;
   display: table-cell;
   vertical-align: top
 }
 .m_chronological-table .chronological-table_content .chronological-table_type:lang(ja) {
   white-space: nowrap
 }
 .m_chronological-table .chronological-table_content .chronological-table_type .icon {
   font-family: Oswald, sans-serif;
   padding: .3em 1em;
   display: block;
   font-size: 1.2rem;
   font-weight: 700;
   width: 11em;
 }
 .m_chronological-table .chronological-table_content .chronological-table_type .icon > span {
   font-size: .9rem;
   font-weight: 400;
 }
 .m_chronological-table .chronological-table_content .chronological-table_type .icon._cold {
   /*color: #fff;*/
   background-color: #e0e0e0
 }
 .m_chronological-table .chronological-table_content .chronological-table_text_area {
   display: table-cell;
   vertical-align: top
 }
  @media screen and (max-width:36em) {
 .m_chronological-table .chronological-table_content .chronological-table_type {
display: block;
 }
  .m_chronological-table .chronological-table_content .chronological-table_text_area {
padding-top: 5px;
 }
 }
 
/*--------------------------------------
お問い合わせ 
--------------------------------------------*/
 ._note{
 color: #f12617;
 }

 .srm_flow > li {
  padding: 1em 0;
  box-sizing: border-box;
  display: inline-block;
  width: 30%;
  position: relative;
  background: #e6e6e6 no-repeat 0 50%;
  background-size: contain;
  text-align: center;
  vertical-align: middle;
}
.srm_flow > li + li {
  padding-left: 15px;
  width: 35%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAMAAABGivqtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJQTFRF7u7u6Ojo/f399/f3////5ubmsShcPwAAAMxJREFUeNqclVsOwyAMBElS7n/lqg00fqzHUvkKWRgBttdjXq81xsxjzONc8nkoeY69/ZIy4T9/AP/dUONvXom/5yV+La/wm1bg96zA/xZr/MOS+Odb4s1ShbckgbeywLtrZrx/hYT3csKHEEV8jGDARzngU3p5fM4+h8+yw4vSsHhVOQavZINXssH/ITdwPhpfrHkWflQOSRNQTgdOpiYVOZG5DJoi4hLkAm7Kn82DracxLrY9Ns3Gctmw2e6bZsGthhtV0+awSb4FGABNuR8tjyEx1wAAAABJRU5ErkJggg==);
}
.srm_flow > li + li.current {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAMAAABGivqtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACdQTFRF9/f36Ojoqqqq1dXV/f397u7ui4uL9fX19PT0ioqK////gICA5ubmgXnjQgAAAMJJREFUeNqc1dcOxCAMRFG2ZRv//70rEggu4xHevF7lKAVMqeXTr+vXX6Ve7j0/N5TrY9x+g5nxLRO+ZcLvOeaPHPJHDvmeI37kgB854M+M+ZkhPzPkRUa8zICXGfAqe15nx+vseJMtb7PhbTa8y5r3WfE+Kx5kyaMseJQF/0c+8deWfzT+YoLOf1T+SxSdXQ58MRk6t5D5NnB0ZgvyDQzo9eHBR8+k3/mxx4dmQK8NbD7uQ3rlqOEHFaFbpofkT4ABAH0vSV+kKU3sAAAAAElFTkSuQmCC);
}
.srm_flow > li.current {
  color: #fff;
  background-color: #808080;
  font-weight: bold;
}
.srm_flow > li.current + li {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAMAAABGivqtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACdQTFRF9/f36Ojoqqqq1dXV/f397u7u9PT0ioqKi4uL9fX1////5ubmgICA41O70AAAAMNJREFUeNqU1VkSgjAQANG4j8r9z2tAEmftQn67eMWSTNrlNa7bO17tcR/5ekrycp63tywvxPdMfM/Erxn4Ldf8lmv+m0t+zxW/54ofueBnzvmZc/6XU17ljFc543VOeJMjb3LkbQ68y5532fM+Oz5ky4ds+ZgNn2TNJ1nz/2dhnB+NX0z4s/BH5V8i/EN5OfBiEl6KvJB5GwhvIt6CvIGFtz8PDx498sTBxWOPh2ZFHxrYPO5r+sBRwwcV0T3zIfkRYADMLUjnRx6j4wAAAABJRU5ErkJggg==);
}

main .srm_input_table fieldset, main .srm_input_table input, main .srm_input_table textarea, main .srm_input_table select{
    border: 1px solid #000;
}
main .srm_input_table select,
main .srm_input_table input{
   appearance: auto;
} 
main .srm_input_table label{
display: inline-block;
}
@media screen and (max-width: 47.5em) {
  .srm_input_table {
    display: block;
  }
  .srm_input_table tbody,
  .srm_input_table tr,
  .srm_input_table th,
  .srm_input_table td {
    display: block;
    width: auto;
  }
  .srm_input_table th {
    text-align: left;
  }
  .srm_input_table tr + tr th {
    border-top: none;
  }
  .srm_input_table td {
    border-top: none;
  }
}
.srm_input_table input[type="text"],
.srm_input_table input:not([type]),
.srm_input_table select {
  padding: .5em .1em;
  box-sizing: border-box;
}
.srm_input_table input[type="text"],
.srm_input_table input:not([type]) {
  margin-right: .5em;
  width: 12em;
}
.srm_input_table input[type="text"].readonly,
.srm_input_table input:not([type]).readonly {
  padding: 0;
  border: none;
}
.srm_input_table input[type="text"]:last-child,
.srm_input_table input:not([type]):last-child {
  margin-right: 0;
}
.srm_input_table input[type="text"]:only-child,
.srm_input_table input:not([type]):only-child {
  width: 100%;
}
.srm_input_table input[type="text"]:only-child.srm_input_text_number,
.srm_input_table input:not([type]):only-child.srm_input_text_number {
  width: 6em;
}
.srm_input_table textarea {
  box-sizing: border-box;
  height: 10em;
  width: 100%;
}
.srm_input_table input[type="radio"] + label,
.srm_input_table input[type="checkbox"] + label {
  margin-right: .5em;
}
.srm_input_table input[type="radio"] + label:last-child,
.srm_input_table input[type="checkbox"] + label:last-child {
  margin-right: 0;
}

.srm_information {
  padding: 1.5em 19px;
  border: 1px solid #f2f2f2;
  background: #f2f2f2;
}

.srm_error_message_list {
  color: #e00;
  font-weight: bold;
}

.srm_container_label {
  margin: 2.25em 0 0;
  padding: .5em 0 .6em 20px;
  border-left: 4px solid #333;
  border-bottom: 1px solid #e6e6e6;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
}

.srm_hearing_list_label {
  margin: 1.75em 0 0;
  padding: 0 0 0 20px;
  border-left: 4px solid #808080;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
}

.srm_must_item {
  margin: 0 .25em;
  padding: .1em .25em .2em;
  display: inline-block;
  color: #fff;
  background: #f12617;
  line-height: 1;
  font-size: .9rem;
}
th .srm_must_item {
  margin-right: 0;
  margin-left: .5em;
}

.srm_notice {
  margin-top: .5em;
  color: #333;
  font-size: 85%;
  font-weight: normal;
}

.srm_separator {
  margin-right: .5em;
}

.srm_action_button {
  margin-top: 2em;
  padding: 1.4em 0;
  box-sizing: border-box;
  display: table;
  width: 100%;
  background: #f7f8f9;
  text-align: center;
}
.srm_action_button .prev_area,
.srm_action_button .submit_area,
.srm_action_button .next_area {
  padding: 10px 20px;
  display: table-cell;
  width: 33.33333%;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 40em) {
  .srm_action_button .prev_area,
  .srm_action_button .submit_area,
  .srm_action_button .next_area {
    display: block;
    width: auto;
  }
}
.srm_action_button .prev_area {
  text-align: left;
}
.srm_action_button .prev_area a::before {
  left: .1em;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.srm_action_button .submit_area {
  text-align: center;
}
.srm_action_button .next_area {
  text-align: right;
}
.srm_action_button [type="submit"] {
  padding: 1em 1.2em;
  border: none;
  box-shadow: 0 0 4px rgba(6, 0, 1, 0.2);
  color: #fff;
  background: #cc5252;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  white-space: normal;
  cursor: pointer;
}