@charset "UTF-8";



/*--slick--*/

    section.slider {

        overflow: hidden;
    }
    
   .regular_1 article {
    overflow: visible;
    position: relative;
   } 


   .regular_1 article figure div::after {

    content: '';
    height: 40px;
    width: 20px;
    background-color: #C590BD;
    position: absolute;
clip-path: polygon(0 0, 0 100%, 100% 50%);
    right: -1pc;
    z-index: 1;
    top: 50%;
        transform: translateY(-50%);
}

  .regular_1 article figure {

    margin: 15px 0;
    overflow: visible;
    border-radius: 10px;
    position: relative;

  }
  .regular_1 article figure .fl_figure,
  .regular_1 article figure figcaption {

position: relative;
    color: #0072BC;
    bottom: 0;
    text-align: center;
    display: flex;
    object-fit: contain;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.2rem;
    white-space: nowrap;

    margin-top: 10px;
    justify-content: center;
    text-shadow: 0 0 #ccc;
  }
  .regular_1 article figure .fl_figure_inner,
  .regular_1 article figure figcaption span {

    line-height: 1.2;
  }

body .regular_1 article figure 
.fl_figure_inner::after,
body .regular_1 article figure 
  .fl_figure::after {

    content: none !important;
  }
  .regular_1 article a {
    display: block;
  }
    .regular_1 article a:hover figure figcaption span::after {
    display: block;
        top: 0;
    }

.regular_1 .slick-list {
  padding: 0 10% 0 0!important;
}
.regular_1 article {
  /*margin: 0 0.5%;*/
  flex: 1;
}


    .regular_1 .slick-slide{

        margin: 0 ;

    } 

.regular_1 .slick-track {

    display: flex;
    align-items: flex-start;
    gap: 25px;
}

.regular_1 .slick-prev {

    left: 0;
    z-index: 2;
}
.regular_1 
.slick-next {

    right: 0;
}

.regular_1 .slick-prev:focus, .regular_1 .slick-prev {
    background: url(https://www.nttud.co.jp/common/img/module/visual-slider_bg_prev.png) center center / cover no-repeat;
    width: 50px;
    height: 66px;
    background-position-y: top;
}

.regular_1  
.slick-next:focus,.regular_1 .slick-next {
    background: url(https://www.nttud.co.jp/common/img/module/visual-slider_bg_next.png) center center / cover no-repeat;
    width: 50px;
    height: 66px;
    background-position-y: top;
}

.regular_1 
.slick-next:hover {
    background: url(https://www.nttud.co.jp/common/img/module/visual-slider_bg_next.png) center center / cover no-repeat;
    background-position-y: bottom !important;
}
.regular_1 
.slick-prev:hover {
    background: url(https://www.nttud.co.jp/common/img/module/visual-slider_bg_prev.png) center center / cover no-repeat;
    background-position-y: bottom !important;
}

.slider 
.regular_1  
.slick-prev:before,.slider .regular_1 .slick-next:before {

    opacity: 0;
    z-index: 99;
}


.regular_1 .slick-list{
    overflow: visible;
}


 .regular_1 a {
        display: block;
        transition: all .3s;
   overflow: hidden;



} 
 

.regular_1 a:hover {
    /*opacity: 0.5;*/
    visibility: inherit;
 
}
.regular_1 a:hover figure img {

    transform: scale(1.2);

    filter: brightness(0.5);
    transition: all .3s;
}


button[id^="js-"]  {

font-size: 0;
border: 0;
position: relative;
width: 35px;
/*height: 15px;
background: #f6f5f0;
*/cursor: pointer;
padding: 0;
box-sizing: border-box;
outline: none;

}

button[id^="js-play"]::before {
    display: block;
    content: none;
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -6px;
    border: 6px solid transparent;
    border-left: 10px solid #3073e1;
}


button[id^="js-stop"]::before {
    display: block;
    content: none;
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-right: 5px solid #3073e1;
    border-left: 5px solid #3073e1;
}

.js_button {    
    float: right;
    width: 35px;
    max-width: 40px;
    position: relative;
    margin-right: 15px;
}

.slider img {

    width: 100%;
}
.slick-slide figure div,
.slick-slide img {

    position: relative;
}

.js_button_warp {
position: relative;
display: flex;
    justify-content: flex-end;
    margin-right: 5px;
}
body 
.slick-slide img {


    border-radius: 0;
}


.fl_figure_inner dl {

    display: flex;
    gap:5px;
} 
.fl_figure_inner dl dt {

    font-weight: normal;

}

.fl_figure_inner dl dd {

    text-align: left;

}

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


.regular_1 article figure figcaption {

    font-size: 1rem;
}

}

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

    body 
.regular_1 .slick-track { 

    gap: 15px;

}

   body .regular_1 .slick-prev:focus, body .regular_1 .slick-prev {
        width: 25px;
        height: 33px;
        background: url(https://www.nttud.co.jp/common/img/module/visual-slider_bg_prev.png) no-repeat 0 0;
        background-size: 25px auto;
    }

    body .regular_1 .slick-next:focus, body .regular_1 .slick-next {
        width: 25px;
        height: 33px;
        left: auto;
        right: 0;
        background: url(https://www.nttud.co.jp/common/img/module/visual-slider_bg_next.png) no-repeat right 0;
        background-size: 25px auto;
    }

    }



/*--//slick--*/




        



[class*="usvale__title--text-logo"] img:nth-of-type(1),
[class*="usvale__title--text-logo"] img:nth-of-type(2){

height: 44px;
    width: auto;
    margin-bottom: 2px;
}



[class*="usvale__title--text-logo"] img:nth-of-type(3){

height: 44px;
    width: auto;
    margin-bottom: 3px;
}



.fl_b001 {

    display: flex;
    justify-content: space-between;
    text-align: right;
    margin-bottom: 15px;
}


        [class*="usvale__title"] {

            /*line-height: 1.4;*/
            font-feature-settings: "palt";
        }

        .hiroshiima_stUnder__article--img {
            width: calc(100% - 15px);
            margin-bottom: 25px;
            margin-left: auto;
            margin-left: auto;
        }



        .shinagawa_stUnder__article--img {
            max-width: 730px;
            margin-bottom: 25px;
        }

        .shinagawa_stUnder__article--textWrap {
            /* max-width: 1080px; */
            margin: 0 auto;
            width: 100%;
        }

        .shinagawa_stUnder__article--title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 20px;

        }

        .shinagawa_stUnder__article--text-itemWrap {
            display: flex;
            justify-content: space-between;
            gap: 15px;
            flex-wrap: wrap;
        }

        .shinagawa_stUnder__article--company {
            font-size: 16px;
            font-weight: bold;
            white-space: nowrap;
        }

        .shinagawa_stUnder__article--text {
            font-size: 16px;
            display: flex;
            line-height: 2;
        }


        .shinagawa_stUnder__article--text-item {
            width: calc((100% - 20px) / 5);
            /**/flex: 1;
        }


        .shinagawa_stUnder__article--text {
            font-size: 16px;
            display: flex;
            line-height: 2;

        }

        .fl_b {

            gap: 20px;

        }

        .fl_b div {

            flex: 1.3;

        }

        .fl_b figure {

            flex: 1;
        }

        @media screen and (max-width: 767px){
body 
[class*="usvale__title--text-logo"] img {
 height: 30px !important;

}

.h3_flex span.fl_title {

    margin-top: 5px;
}


.fl_b001 h4 {

    font-size: 12px;
}


        html body .sp_nav a {

                height: auto;
            }
            
            body #hiroshima03 .shinagawa_stUnder__article--company,
            body #hiroshima02 .shinagawa_stUnder__article--company,
                        body #hiroshima01 .shinagawa_stUnder__article--company {


                white-space: normal;
            }


        body 
    [class*="usvale__title"] {

        font-size: 1rem;
        line-height: 1.2;

    }


   body 
    [class*="usvale__title"] p {

        display: flex;
        flex-wrap: wrap;

    }

   body .shinagawa_stUnder__article--text [class*="usvale__title--text-logo"] img:nth-of-type(2){

    margin-top: 10px;
   }

            body .shinagawa_stUnder__article--text-item {

                margin-bottom: 20px;
            }


            body .youtube_img .youtube_a { 

                width: 100%;
            }

        body  .col5-01 .shinagawa_stUnder__article--text-item {

            width: calc((100% - 20px) / 1);
            flex: auto;
            }

            body .insta iframe {


        width: 320px !important;



        }


        }

        @media screen and (max-height: 767px){

            body .insta iframe {

                min-height: 500px !important;
                width: 320px !important;
            }

        }


        @media screen and (min-width: 768px){

            .on_sp {

            display: none !important;
        }

        }


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


        body .mod_hiroshima img {

        border-radius: 25px;
        }


        body .owns_fl { 


            flex-wrap: wrap;


        }


        body .owns_fl  figure { 

        flex:  auto !important;

        }

        }


        .mod_hiroshima img {

            border-radius: 40px;
        }


        .fl_snagawa01 figure:nth-child(1) {

            flex: 4.5;

        }

        .fl_snagawa01 figure:nth-child(2) img {

            border-radius: 0;
        }


        .fl_snagawa01 div {


            flex: 2.5;
            padding-bottom: 25px;
        }


        .fl_snagawa01.al_c {

            align-items: center;
        }

        .youtube_img .youtube_a {
        aspect-ratio: 214 / 171;
        width: 100%;

        }

        .youtube_img a .youtube_img_sum {

            height: 100%;
        }

        .fl_b .mod--modalOpenArea {

            flex: auto;
            text-align: center;
        }

        .fl_b 
        .mod--modalOpenArea_body {

            flex: none;
            text-align: center;
        }

        .col5-01 {

            gap: 5px;
        }
        .col5-01 figure {

            flex: 1;

        }

        .col5-01 figure img {

        aspect-ratio: 298 / 280;

        }


        .col5-01 
        .shinagawa_stUnder__article--company {

            white-space: normal;
        }

        .insta iframe {


            min-width: 700px;
            min-height: 650px;

        }

            [class*="owns_fl"]{
            gap: 10px;
        }

        [class*="owns_fl"] figure {

            flex: 1;
            margin-bottom: 25px;

        }


        .owns_fl figure:nth-child(2){

            flex: 2.05;

        }


        .owns_fl figure:nth-child(3){

            flex: 2.25;

        }


        .vale_glid {

                display: grid;

    grid-template-columns: repeat(2, 1fr);

    row-gap: 35px;
        }



        .vale_glid.vale_glid03 {

                
    grid-template-columns: repeat(3, 1fr);

        }

        body .vale_glid.art_b .shinagawa_stUnder__article--text-item {

grid-template-rows:  1fr !important;
       
}


            .vale_glid .shinagawa_stUnder__article--text-item {


                display: grid;
                width: 100%;
            grid-template-rows:  max-content 30px max-content;
        }


        .owns_fl02 figure:nth-child(2) {

            flex:0.45;
        }

.owns_fl03 figure:first-child {

    flex:1.12;
}


.owns_fl04 figure:nth-child(2) {

    flex:1.11;
}

.owns_fl04 figure:nth-child(3) {

    flex:1.07;
}




        .coment02 {
	margin-top: 0px;
counter-reset: number 0;  
}



.coment02 li {

	display: flex;

	gap: 10px;
	font-size: 1.2rem;
        margin-bottom: 15px;
}

.coment02 li::before {
	counter-increment: number 1; 
	content:"0" counter(number) " "; 
	white-space: nowrap;
	margin-right: 5px;

}
.coment02 span:nth-child(1) {


	white-space: normal;
}


.colum_hiroshima {

    border: 1px solid #ccc;
    border-radius: 15px;

    padding: 15px;

font-feature-settings: "palt";
    letter-spacing: 0.1em;
}



#value_case_inquiry p {

    line-height: 1.9;
}

.mod--modal_link.hiroshima01_youtube{


    aspect-ratio: 938 / 480;
}

/*フローティング*/

.pointer_n {
	pointer-events: none;

} 

.top_back {
/*background: url(/csr/fr_img/fr2021_img01.png)center center !important;*/
background: none !important;
background-repeat: no-repeat;

}

body .ov_list_inner li {

opacity: 1;
background: none;
border-bottom: 1px solid;
width: 400px;
position: relative;
height: auto;
padding: 18px 0;
box-sizing: border-box;
line-height: 1.3;

}




.ov_list_inner li a {

font-family: "Montserrat";
text-decoration: none;
display: flex;
/*color: #fff;*/
}

.ov_list_inner li a span {
height: auto;
margin: 0 10px 0 0;
}

.ov_list_inner li a span:nth-child(2) {

	color: #333;

}


.ov_list_inner li a span:nth-child(2):hover {

	color: #0087fc;

}

.tx_just {

	text-align: justify;
}

.fr_main h3 {

font-size: 2.6em;
display: flex;
justify-content: center;
align-items: baseline;
}
.fr_main h3 span {

padding: 0 5px;
display: block;
text-align: left;
}

.fr_main h3 span:nth-child(1) {

	color: #3464B5;
	
font-family: "Montserrat";
}


/*
.unc_03 {

position: absolute; 
height: 50px; 
top: 486px;
}
*/

div[class^="unc_0"]{ 
position: absolute; 
height: 50px; 
top: 486px;
z-index: -999999;
background: rgba(255, 255, 255, 0);


}





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


body .Lifefork span {


        overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.on_pc02 {
    display: none !important;
}

div#floating-menu {
	/*display: none;*/
	opacity: 0;
	z-index: -99999999 !important;
	transition:none !important;

}



}
@media screen and (max-width: 767px) {
body 
.vale_glid .shinagawa_stUnder__article--text-item,

    body 
.vale_glid.vale_glid03 .shinagawa_stUnder__article--text-item {


    
   /* grid-template-rows: 158px 30px max-content;
*/
                        grid-template-columns: 100%;
}

body 
.vale_glid.vale_glid03  img {

    aspect-ratio: 3 / 2;
    height: auto;
}
body         .vale_glid,
body         .vale_glid.vale_glid03 {

                    grid-template-columns: repeat(2, 50%);

    gap: 5px;

        }



div[class^="unc_0"]{ 
top: 0px !important;


}

.sp_manu span {

	font-size: 0.8em;
}

.sp_manu span:nth-child(1) {

	color: #3464B5;


}

.dg_tt2021 {
	padding-top: 15px;
position: relative;/*

	color: #fff !important;*/
}

.dg_tt2021 h2 {
/* 
	color:#fff !important;*/
	font-size: 1.25em;
	
}

.dg_sptop_01 {
	width: 80%;
position: relative;
height: auto;
}


}


.dg_topTitle01 {

color: #333;
}

.ov_list {
position: relative;
top:0;
height: auto;
}
.ov_list_inner {

height: auto ;

}

.dg_tt2021 {
font-size: 1.8em;
/*text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);*/
color: #132874;

}
.dg_tt2021 span:nth-child(1) {

margin: 0 10px 0 0;
font-weight: bold;

}

.dg_title_left h2 {
/*color: #333;*/
margin-top: 15px;
/*text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);*/
white-space: nowrap;
font-size: 2.2em;
font-weight: bold;
}


#fr_01 {

padding-top: 0px ;	

}



#fr_main_02ft,
#fr_main_03ft {


position: absolute;
bottom: 0;
height: 80px;

}


.text_while {

white-space: nowrap;
}








.nav_hide {
transform: translateY(-140px);
}

#nav01 {
-webkit-transition: all .3s; 
  transition: all .3s;

  position: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  z-index: 99;
  
}



.sp_nav p:nth-child(1) .Lifefork::before {
top:auto;
}



@media screen  and (min-width: 1400px) 
{
.on_tb {

display: none  !important;
}

}



@media screen and (min-width: 768px) and (max-width: 1399px){


[class*="usvale__title"]{

    font-size: 18px;
    line-height: 1.2;
}


.case12_usvale__title-wrap.mod--box-shadow{

padding-top: 10px;
}



body .Lifefork::before {
top: 25%;
}

}



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


body .on_tb {

display: none !important;
}
.sp_font {
font-size: 1rem;
}

body .afl_r h2 {
font-size: 1.2rem;

}

body .Lifefork::before {
top: 25%;
}


body .sp_nav p {
flex: 0.5;
margin-top: 0;
width: calc(100% / 5);
}


body .sp_nav p span {

display: block;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

}

body .sp_nav p span:nth-child(2) {

text-align: center;
display: -webkit-box;

}

body .sp_nav {
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
}


body .sp_nav a.button {
height: auto !important;
padding: 10px 0;
}

}

body #nav01 {
top:100px;

}
.sp_nav {
display: flex;
gap:2px;
justify-content: space-evenly;
width: 100%;
margin: 0;
padding: 0;
top: 50px;
left: 0;
z-index: 9;
flex-wrap: wrap;
}


.sp_nav p {
flex: 1;
margin-top: 0;
}

body .sp_nav a {
width: 100%;
font-size: clamp(0.625rem, 0.071rem + 1.15vw, 0.938rem);
line-height: 1.4;
/*padding-top: 5px; */ 
padding: 5px 0;
height: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /*height: 50px;*/
}


body .sp_nav a.button {

background: #3073e1;

border: 2px solid #275ab0;
text-shadow:0 -1px 1px #FFF;
} 


body .sp_nav a.button:hover {

color: #fff;
}

.opacity02 {
opacity: 0 ;
}


.nav01 .sp_nav .Lifefork {

justify-content: center;
align-items: flex-start;

}

.sp_nav a.button:hover {

width: auto;
opacity: .55;
}



/*fフローティング*/



div#floating-menu {
	/*position: absolute;*/

    position: sticky;
	width: 250px;
	/*top: 150px;
    */top: 12.5vw;
	right: 0.5%;
	border: 1px solid #000000;
	border-radius: 10px; /* 角を丸める */
	/*background: rgba(255, 255, 255, 0.5);  背景色を白に指定して不透明度を0.5に指定 */
/*background:beige;*/
/* 影を入れる。指定のピクセルは前から順に横方向のズレ、縦方向のズレ、ぼかし具合、 */
	/* 影の色を指定している。 */
	-moz-box-shadow: 0px 0px 7px #454545; /* Firefox用 */
	-webkit-box-shadow: 0px 0px 7px #454545; /* Google ChromeやSafari用 */
	box-shadow: 0px 0px 7px #454545; /* CSS3対応ブラウザ用 */

	z-index: 9999;
	padding:10px;
	transition:opacity 3s,transform 0.1s;

font-feature-settings: "palt";
}
div#floating-menu p {

		margin-top: 15px;
}

div#floating-menu p:nth-child(1) {

margin-top: 0px;
}

.hover_img {
	opacity:1;
}

.hover_img:hover {
	opacity:0.5;


}


.example-button {
	display: inline-block;
	width: 230px;
	height: auto;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	line-height: 1.6;
	outline: none;
	border-radius: 8px;
	padding: 15px 0 ;

	}


.button4 {
background-color: #275ab0;


}

.button4:hover {
background-color: #59b1eb;
}

.button4::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button4::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.Lifefork {
	color: #fff;
	letter-spacing:0.05em;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.Lifefork span {

	display: block;
	padding: 0 5px;
	box-sizing: border-box;
	text-align: justify;
}
.transition {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;

}

.fork {
	border-bottom:1px solid;

}
.op01 {

	opacity: 0;

}


.floating01 {

    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}



.hirsima_main {

    position: relative;
}
        .dsno01,
        .dsno {

            display: none;
        }

.hirosima_fl {
    gap: 10px;
}

.art_b figcaption{ 

    margin-top: 10px;
    text-align: center;
    font-feature-settings: "palt";

}

.h2_flex {

    display: flex;
    gap:15px;
}

.h2_flex span:nth-child(1) {
    display: block;
    white-space: nowrap;

}

.bort figure,
.ranran figure {

    flex: 1;
}

.ranran.ran02 figure:nth-child(2) {

    flex: 1.13;
}

.bort figure:nth-child(1) {

    flex: 1.02;

}

article h2 {

    margin-top: 50px;
}
article h3 {

    margin-bottom: 20px !important;
}

article hr {


        width: 80%;
    margin: 0 auto;
    max-width: 930px;
    color: #ccc;
}

.colum_hiroshima .coment02 a {


    text-decoration: underline;
    text-underline-offset: 5px;

}

.main_v01 {
    max-width: 930px;
    margin: 0 auto;

}


.hiroshima_top_01img figure,
.hiroshima02_01img figure {

    flex: 1;
}


.hiroshima_top_01img figure img {

    border-radius: 0;
}
body 
.hiroshima_top_01img {

    gap: 0;
}

.hiroshima_top_01img figure:nth-child(1) {

    flex: 1.07;
}

.hiroshima02_01img figure:nth-child(2) {

    flex: 1.1124;
}

.hiroshima02_01img figure img {

    border-radius: 0;

}

.copy figure div {

    position: relative;
}

.copy figure .copy01 {

      position: absolute;
    bottom: 18px;
    right: 6%;
    text-shadow: 0px 0px 1px #333;
    font-size: 12px;
}

.word-auto {
    word-break: auto-phrase;
}

.top_linka {
    display: inline;
}

.triangle {

    position: relative;
}

.triangle p::before {
    position: relative;
    content: '';
    background: #0087fc;
    width: 5%;
    height: 10px;
     clip-path: polygon(0 0, 100% 0, 50% 100%);
    display: block;
    top: 4px;
    max-width: 12px;
}

.triangle p {
    display: flex;
    gap: 10px;
    line-height: 1.5;

}

.triangle p a {

    display: block;
}
.main_txt01 {
    text-indent: 1rem;
    word-break: break-all;
}

.h3_flex {

    display: flex;
    justify-content: center;
    text-align: center;
}

.h3_flex em {

    font-style: normal;
    font-weight: bold;

}

.h3_flex span {

    font-weight: normal;
    display: block;
    font-size: 1.2rem;
    line-height: 1.4;
}

.table_img {

    max-width: 813px;
    width: 100%;
}
.hiroshima02_05img,
.fl_b002 {
    display: flex;
flex-wrap: wrap;

}

.hiroshima02_06img figure,
.hiroshima02_05img figure,
.hiroshima02_04img figure,
.hiroshima02_03img figure {

flex: 1;

}
.hiroshima02_04img img {

    border-radius: 0;
}

.hiroshima02_03img figure:nth-child(1) {

    flex: 1.335;
} 

.hiroshima02_04img figure:nth-child(2) {

flex: 1.05;

}

.hiroshima02_04img figure:nth-child(3) {

flex: 1.042;

}
.hiroshima02_05img figure:nth-child(1) {

flex: 1.12;

}


.hiroshima02_06img figure:nth-child(2) {

    flex: 2.195;
}

.hiroshima02_06img figure img {

    border-radius: 0;
    margin-bottom: 10px;

}

.flex_w {

flex-wrap: wrap;
}
.flex_p {
    flex:  0 0 100%;
}

.flex_p p{
    display: flex;


}


.flex_p p span {

    display: block;
}
.flex_p p span:nth-child(1) {

    white-space: nowrap;

}


.h3_flex 
span.fl_title {

    display: flex;
    gap: 10px;
        justify-content: center;
        flex-wrap: wrap;
}

.fl_title i {

    font-style: normal;
}

.dl_flb dl {
display: flex;

}


.dl_flb dl dt{
    font-weight: normal;
    white-space: nowrap;
}

	.js-scrollable_set,
.scroll-hint.is-right-scrollable.is-left-scrollable {
	position: relative;
}
.js-scrollable_set::before 
{
		position: absolute;
		content: '';
		background:linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));

		height: 100%;
		width: 20px;
		z-index: 1;

		opacity: 0;

	}

.js-scrollable_set:has(.is-left-scrollable)::before{
visibility: inherit;
opacity: 1;
}

body .scroll .scroll_inner{
	width:1140px ;
	/*overflow-x: scroll;*/
	overflow: hidden;
	position: relative;
    }
	

    .scroll{
    overflow: auto;/*tableをスクロールさせる*/
    white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
	padding-bottom: 0px;
    }
    .scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/
    height: 8px;
    }
    .scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
    background: #F1F1F1;
    }
    .scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
    background: #195cbf;
	}
	
    .img050 {

        max-width: 710px;

    }


    .regular_1 article.last_slikc figure div::after {
        content: none;

    }




.copy_wd {
    position: relative;
}
.copy_c {

	position: absolute;
	bottom: 15px;
	right: 5px;
	color: #fff;
	text-shadow: 3px 1px 3px #000;
    font-size: 12px;
}





body 
.case12_usvale__title--text-logo p {

    display: flex;
    align-items: center;

}


body 
.case12_usvale__title--text-logo p img {

    display: block;
    width: auto;
    height: 44px ;
    max-width: 250px;
}

        @media screen and (max-width: 1199px){
body 
.case12_usvale__title--text-logo p {

    flex-wrap: wrap;
    margin-bottom: 5px;
}

        }


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

            #usri_img01 {

                    margin-left: 8px;
                    max-width: 210px;
            }

            body     [class*="usvale__title-wrap"] {

                height: auto;

                        padding: 10px 15px;
            }


        }