@charset "UTF-8";


        

        [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: pre-wrap;
        }

        .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 30px;

        }

        .fl_b div {

            flex: 3;

        }

        .fl_b figure {

            flex: 1;
        }

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

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

[class^="speechBubble"] p {

    word-break: auto-phrase;

}



body 
.speechBubble_orenge {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  padding: 16px;
  border: 2px solid #ffc000;
  border-radius: 8px;
  background-color: #ffffff;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
  margin-left: auto;
}

body 
.speechBubble_orenge::before  {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent #ffc000;
  translate: -50% -100%;
}

body 
.speechBubble_orenge::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 7.8px 15.5px 7.8px;
  border-color: transparent transparent #ffffff;
  translate: -50% -100%;
}

            
            body .fl_b001 { 

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

            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.3;

    }


   body .shinagawa_stUnder__article--text {

    margin-top: 10px;
   }

            body .shinagawa_stUnder__article--text-item {

                margin-bottom: 20px;
            
                width: 100%;
                flex: auto;
            }


            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_konan05_ img {

        border-radius: 25px;
        }


        body .owns_fl { 


            flex-wrap: wrap;


        }


        body .owns_fl  figure { 

        flex:  auto !important;

        }

        }


        .mod_konan05_ 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:35px 25px;
        }

        [class*="owns_fl"] figure {

            flex: 1;
            margin-bottom: 25px;
            text-align: center;

        }


        .owns_fl figure:nth-child(2){

            flex: 1;

        }


        .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) {


.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){







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% / 3);
}


body .sp_nav p span {

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

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.6;
/*padding-top: 5px; */ 
padding: 5px 0;
height: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
}


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%;
}



.konan05_ {

    position: relative;
}
        
        .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;

}

.hiroshima02_01img figure {

    flex: 1;
}


.hiroshima02_01img figure:nth-child(2) {

    flex: 1.28;
}

.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: break-all;
}

.border-noimg {

    border-radius: 0 !important;
}

.time_fl {

    width: 100% ;
    max-width: 930px;
    margin: 0 auto;
    font-size: 1.2rem;
}

.time_fl li {

    display: flex;
    gap: 15px ;
}

.time_fl li p:nth-child(1),
.time_fl h3 {

    margin-bottom: 5px !important;
    font-weight: bold;

}


.count03 {counter-reset: number 2; 
                }

.count02 {counter-reset: number 1; 
                }
.count {counter-reset: number 0; 
                }

				[class^="count"]
				 li {

                    position: relative;
                    padding-left: 0px;
                    font-size: 1.1rem;
                    margin-left: 0;
                    margin-bottom: 5px;
                    font-feature-settings: "palt";
					display: flex;
                }




				[class^="count"] ul li::before {
                    counter-increment: number ; 
                    content:"※" counter(number) "" "" ; 
                    position: relative;
                    font-weight: normal;
                    font-size: 1.1rem;

                    	white-space: nowrap;
					padding-right: 10px;

                } 
				
				[class^="count"]  ul {

					margin-top: 25px;
				}

				[class^="count"] ul li div span {

					display: block;
				}


				.count dl {

					display: flex;
				}

				.count dl dt {

					position: relative;
					white-space: nowrap;


				}


				.count dl dt::after {
					content: '：';

				}


[class^="count"] .coment ul li {

	font-size: 1.4rem;
}

.higashi_fl {

    gap: 15px 25px;
}

.higashi_fl figure {
    flex: 1;
}



[class*="usvale__title-wrap"] {

font-size: 32px;
}


.txt_u {

    text-decoration: underline;
    text-underline-offset: 8px;
}

.text-em p {
    font-weight: bold;

}

em {

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

.owns_fl05 figure {
    flex: 1;
}

.speechBubble {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  padding: 16px;
  border: 2px solid #c1e5f5;
  border-radius: 8px;
  background-color: #c1e5f5;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
}

.speechBubble::before {
  content: "";
  position: absolute;
  top: 0;
  left: 11%;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #c1e5f5;
  translate: -50% -100%;
}

.speechBubble::after {
  content: "";
  position: absolute;
  top: 0;
  left: 11%;
  border-style: solid;
  border-width: 0 0 15.2px 15.2px;
  border-color: transparent transparent #c1e5f5;
  translate: calc(-50% + 0.4px) -100%;
}

.fl_b_mes {

        display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 650px;
}



.speechBubble_orenge {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  padding: 16px;
  border: 2px solid #ffc000;
  border-radius: 8px;
  background-color: #ffffff;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
}

.speechBubble_orenge::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-style: solid;
  border-width: 10px 20px 10px 0;
  border-color: transparent #ffc000 transparent transparent;
  translate: -100% -50%;
}

.speechBubble_orenge::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-style: solid;
  border-width: 7.8px 15.5px 7.8px 0;
  border-color: transparent #ffffff transparent transparent;
  translate: -100% -50%;
}

.fl_b001 {

    display: flex;
}

.fl_b001 p:nth-child(1) {

    white-space: nowrap;


}
#main_fit {
    position: relative;
}


.Lifefork span:nth-child(1) {

    white-space: nowrap;
}


[id^="detail0"] h3 span:nth-child(2){

    margin-right: 5px;
}

.tcc {text-align: center;}



.bx_w {
      box-shadow: 0 0 8px gray;
}


.satisfaction {

    margin-bottom: 25px;
}

.satisfaction li {


    margin: 10px 0;
}

.satisfaction li small {

    display: flex;
    gap: 5px;
}

.satisfaction li:nth-child(1) span:nth-child(1) {

    color: #647DEE;
}


.satisfaction li:nth-child(2) span:nth-child(1) {

    color: #E50089;
}


.satisfaction li:nth-child(3) span:nth-child(1) {

    color: #259B9C;
}


.satisfaction li:nth-child(4) span:nth-child(1) {

    color: #8F72BE;
}

.flex_inner figcaption {

    text-align: center;
}