/** ************************

added 20250826

************************ **/

#Contents section.overview > .overview-title.-look .sub-text span{
color: #327DBE;
}
.lookFigure01{
max-width: 854px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1305px){
.OptionWideRWD #Contents .lookFigure01 img{
max-width: 854px;
height: auto;
}
}

#figuare_01svg .speechbubble1,
#figuare_01spsvg .speechbubble1{
fill: #737373;
}
#figuare_01svg .speechbubble2,
#figuare_01spsvg .speechbubble2{
fill: #FA000F;
}
/*sec0 svg text*/
.look_text1 {
fill: #4D4D4D;
font-size: 16px;
font-weight: 700;
}
.look_text2 {
fill: #FFFFFF;
font-size: 16px;
font-weight: 700;
}

/** look section **/
.lookSectionSet{
background-color: #f4f4f4;
/*padding: 60px 137px;*/
padding: 60px clamp(78px, calc(8.2585vw + 20.5745px), 137px);
}
.section01ColumSet,
.lookSectionColumSet{
display: flex;
gap: 10%;
margin-bottom: 2em;
}
.sec01Column{
max-width: 454px;
/*width:100%;*/
width: calc(90% / 2);
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.lookSectionSet{
padding: 20px 15px;
}
.section01ColumSet,
.lookSectionColumSet{
flex-direction: column;
}
.sec01Column{
width:100%;
}
.lookSectionColumSet{
padding: 0 20px;
align-items: center;
}
}

.lookColumnHeader{
margin-bottom: 15px;
display: flex;
gap: 12px;
color: #4D4D4D;
/*font-size: 26px;*/
font-size: clamp(16px, calc(1.0772vw + 7.727px), 28px);
font-weight: 600;
align-items: center;
}
.labelBefore{
color: #FFFFFF;
/*font-size: 26px;*/
font-size: clamp(16px, calc(1.0772vw + 7.727px), 26px);
font-weight: 600;
letter-spacing: 0.1em;
/*width: 130px;*/
width: clamp(84px, calc(8.2585vw + 20.5745px), 130px);
height: 46px;
background-color: #4D4D4D;
display: inline-block;
padding: 8px 10px 12px;
display: flex;
align-items: center;
justify-content: center;
}
.labelAfter{
color: #FFFFFF;
font-size: clamp(16px, calc(1.0772vw + 7.727px), 26px);
font-weight: 600;
text-align: center;
letter-spacing: 0.1em;
width: clamp(84px, calc(8.2585vw + 20.5745px), 130px);
height: 46px;
background-color: #327DBE;
display: inline-block;
padding: 8px 10px 12px;
display: flex;
align-items: center;
justify-content: center;
}
.section01Text{
color: #4D4D4D;
font-size: clamp(13px, calc(1.6158vw + 0.591px), 22px);
font-weight: 400;
margin-bottom: 2em;
}
@media screen and (max-width: 767px) {

.labelBefore,
.labelAfter{
font-size: 15px;
width: 75px;
height: 27px;
padding: 0;
}
.section01Text{
font-size: 14px;
}
}

.lookImage01{
position: relative;
}
@media screen and (max-width: 767px) {
.lookImage01 {
margin-bottom: 60px;
}
}

#sec01_01svg,
#sec01_02svg,
#sec02_01svg,
#sec02_01svg,
#sec02_02svg,
#sec04_02svg{
display:block;
width:100%;
height:auto;
overflow:visible;
}

@media screen and (max-width: 767px) {
.JS #sec01_02svg.HideRWD,
.JS #sec02_01svg.HideRWD,
.JS #sec03_01svg.HideRWD,
.JS #sec04_01svg.HideRWD {
display: none;
}
}

#sec02_01spsvg,
#sec03_01spsvg,
#sec01_02spsvg,
#sec04_01spsvg{
width:100%;
height:auto;
overflow:visible;
}

/**sec01 1**/
#OperationalStatus .lookSectionSet {
background-color: #ffffff;
}
.imgFrame {
stroke: #737373;
stroke-width: 4px;
fill: none;
stroke-miterlimit: 10;
}
.speechBubble01, .speechBubble02, .box1 {
fill: #fff;
stroke-miterlimit: 10;
stroke: #4D4D4D;
stroke-width: 2px;
}
.speechBubble04{
fill: #327dbe;
}
.text{
font-size: 17px;
font-weight: 700;
fill: #4D4D4D;
}
.text1{
font-size: 17px;
font-weight: 700;
fill: #4D4D4D;
}
.text2{
font-size: 17px;
font-weight: 700;
fill: #fff;
}
.text3{
font-size: 16px;
font-weight: 700;
fill: #4D4D4D;
}
.text4{
font-size: 22px;
font-weight: 700;
fill: #4D4D4D;
}
.text5{
font-size: 25px;
font-weight: 700;
fill: #4D4D4D;
}
.text6{
font-size: 26px;
font-weight: 700;
fill: #4D4D4D;
}
.text7{
font-size: 22px;
font-weight: 700;
fill: #fff;
}

/*sp*/
.text8{
font-size: 18px;
font-weight: 700;
fill: #fff;
}
.text9{
font-size: 18px;
font-weight: 700;
fill: #4D4D4D;
}
.text10{
font-size: 20.5px;
font-weight: 700;
fill: #4D4D4D;
}
.text11{
font-size: 28px;
font-weight: 700;
fill: #4D4D4D;
}
.text12{
font-size: 20px;
font-weight: 700;
fill: #4D4D4D;
}
.text13{
font-size: 28px;
font-weight: 700;
fill: #fff;
}
.text14{
font-size: 18.4px;
font-weight: 700;
fill: #4D4D4D;
}
.sec02_01_boxBubble{
fill: #fff;
stroke: #4d4d4d;
stroke-miterlimit: 10;
stroke-width: 3px;
}

/*floe arrow*/
#sec01_01svg .flowArrow,
#sec02_01svg .flowArrow,
#sec02_01spsvg .flowArrow{
transform: translate(105%, calc(50% - 23px));
transform-box: view-box;
transform-origin: 0 0;
}
.flowArrow polygon{
fill: #737373;
}

@media screen and (max-width: 767px) {
#sec01_01svg .flowArrow,
#sec02_01svg .flowArrow,
#sec02_01spsvg .flowArrow{
transform: translate(56%, 108%) rotate(90deg);
}
}

.section01BoxWhite{
background-color: #FFFFFF;
padding: 38px 40px;
display: flex;
gap: 36px;
}
.section01BWThumb{
width: 380px;
}
.section01BWThumb a{
position: relative;
display: block;
}
.section01BWThumb a img{
transition: all .3s;
}
.section01BWThumb a:hover img{
opacity: 0.7;
}
.section01BWThumb a::before{
content: "";
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background-color: #222222;
opacity: 0.7;
z-index: 9;
}
.section01BWThumb a:hover::before{
background-color: #CC0000;
opacity: 1;
}
.section01BWThumb a::after{
content: "";
display: block;
width: 16px;
height: 18px;
border-style: solid;
border-width: 9px 0 9px 16px;
border-color: transparent transparent transparent #FFFFFF;
position: absolute;
left: calc(50% + 2px);
top: 50%;
transform: translate(-50%,-50%);
z-index: 10;
}
.section01MovieText{
width: 504px;
}
.section01BWHeadline{
font-size: clamp(14px, calc(1.45vw + 0.591px), 20px);
/*font-size: 20px;*/
font-weight: 700;
color: #4D4D4D;
margin-bottom: 1em;
}
.section01BWBody{
/*font-size: 20px;*/
font-size: clamp(14px, calc(1.45vw + 0.591px), 18px);
font-weight: 400;
color: #4D4D4D;
}

@media screen and (max-width: 767px) {
.section01BoxWhite {
flex-direction: column-reverse;
align-items: center;
padding: 25px 25px;
text-align: center;
gap: 20px;
}
.section01MovieText{
width: 100%;
}
.section01BWThumb {
width: 100%;
}
}

.sec02Column{
max-width: 454px;
/*width:100%;*/
width: calc(100% / 2);
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: -92px;
}
.sec02Column .lookColumnHeader{
padding-left: 40px;
}
.sec02Column .section02Text{
font-size: 22px;
font-weight: 400;
color: #4D4D4D;
padding-left: 80px;
}

@media screen and (max-width: 767px) {
.sec02Column{
width:100%;
justify-content: space-between;
margin-bottom: 0;
}
.sec02Column .lookColumnHeader{
padding-left: 0;
}
.sec02Column .section02Text{
font-size: 14px;
padding-left: 0;
margin: 0 auto;
}
section#InspectionReport .lookSectionSet {
padding-bottom: 0;
}
.sec02Column .lookImage01 {
margin-bottom: 0;
}
#InspectionReport .lookSectionColumSet {
margin-bottom: 0;
}
}

/** section 03 **/
.lookSectionSet03{
background-color: #f4f4f4;
padding: 60px clamp(78px, calc(8.2585vw + 20.5745px), 137px) 0;
}
.lookSectionColumSet03{
display: flex;
gap: 2%;
}
.sec03Column01{
width: 59%;
padding-bottom: 60px;
display: flex;
align-items: center;
}
.sec03Column02{
width: 39%;
display: flex;
align-items: flex-end;
}
.section03Text{
padding-left: 80px;
margin-left: 1.0em;
}
.section03Text div{
font-size: 28px;
font-weight: 400;
color: #4D4D4D;
text-indent: -1.0em;
margin-bottom: 0.5em;
}
.sec03_02_Bubble{
fill: #327DBE;
}
.sec03_02_speechBubble{
color: #FFFFFF;
fill: #FFFFFF;
font-size: 22px;
font-weight: 700;
}

@media screen and (max-width: 767px) {
.lookSectionSet03{
padding: 30px 40px 0;
}
.lookSectionColumSet03{
flex-direction: column;
}
.sec03Column01{
width: 100%;
padding-bottom: 25px;
}
.sec03Column02{
width: 100%;
}
.section03Text{
padding-left: 0;
margin: 0 auto;
}
.section03Text div{
font-size: 14px;
}
}

/** section 04 **/
.lookSectionSet04{
background-color: #f4f4f4;
padding: 60px clamp(78px, calc(8.2585vw + 20.5745px), 137px) 0;
}
.lookSectionColumSet04{
display: flex;
gap: 6%;
}
.sec04Column01{
width: 70%;
display: flex;
flex-direction: column;
align-items: center;
}
.sec04Column02{
width: 24%;
display: flex;
flex-direction: column;
}
.section04Text{
margin-left: 1.0em;
}
.section04Text div{
font-size: 28px;
font-weight: 400;
color: #4D4D4D;
text-indent: -1.0em;
}
.sec04_01_bubble1{
fill: #FFFFFF;
stroke: #4d4d4d;
stroke-miterlimit: 10;
stroke-width: 2px;
}
.sec04_01_bubble2{
fill: #4D4D4D;
}
.sec04_01_line{
stroke: #4D4D4D;
stroke-miterlimit: 10;
stroke-width: 2px;
}
.sec04_01_text{
color: #FFFFFF;
fill: #FFFFFF;
font-size: 25px;
font-weight: 700;
}
#sec04_02svg{
width: 240px;
height: auto;
}
.sec04_02_bubble1{
fill: #3376b2;
}

@media screen and (max-width: 767px) {
.lookSectionSet04{
padding: 30px 40px 0;
}
.lookSectionColumSet04{
flex-direction: column;
}
.sec04Column01{
width: 100%;
}
.sec04Column02{
width: 100%;
}
.section04Text div{
font-size: 14px;
}
}

@media screen and (min-width: 1305px) {
.OptionWideRWD #Contents .section01BWThumb img,
.OptionWideRWD #Contents .sec04_02_Image img{
max-width: none;
width: 100%;
height: auto;
}
}

@media screen and (max-width: 767px) {
.function-new{
display: flex;
}
.function-new::before{
font-size: 11px;
padding: 4px 4px;
margin-right: 5px;
}
.function-column{
padding: 15px 15px 0;
width: 100%;
}
.function-list{
gap: 20px;
flex-direction: column;
}
.function-wrapper{
padding: 6px 12.5px 0;
}
.function-list .lead{
font-size: 16.5px;
}
.function-list .title{
font-size: 24px;
margin-bottom: 5px;
}
.function-list .txt{
font-size: 14.5px;
}
.function-list .img img{
width: 75%;
}
.function-other-txt{
margin-top: 20px;
margin-bottom: 20px;
}
.categoryList{
justify-content: center;
align-items: center;
}
.function-other-column{
width: 70%;
background-color: #F4F4F4;
}
.function-other-wrapper{
padding: 10.5px 12px;
}
.function-other-column .title{
border-left-width: 3px;
}
.function-other-column .title a{
padding: 4px 20px 4px 8px;
}
.function-other-column .title a{
font-size: 13px;
line-height: 1.3em;
}
.function-other-column .title a::before{
right: 0;
width: 11px;
height: 11px;
background-size: 11px;
}
.function-other-column .title a .subTitle{
font-size: 11px;
}
}

.modal-card__header::before{
background-color: #327DBE;
}