@charset "utf-8";

.resilienceSec02{
gap: 80px;
}
.textRed{
color: #E30011;
}
.min{
font-size: 280%;
}
.resilienceSec02head{
position: relative;
margin-bottom: 30px;
transform: translateX(20px);
}
.resilienceSec02head::before,
.resilienceSec02head::after{
content: "";
display: inline-block;
width: 10px;
height: 100%;
position: absolute;
top: 0;
border: 1px solid #222;
}
.resilienceSec02head::before{
border-right: none;
left: -20px;
}
.resilienceSec02head::after{
border-left: none;
right: -20px;
}
.resilienceSec02head h3{
text-align: center;
}
.resilienceSec02head h3 strong{
line-height: 2em;
}
.resilienceSec02movie{
max-width: 380px;
}
.resilienceSec02columnSet1{
align-items: flex-start;
}
.UA-25-columnSet.columnSet1-2.resilienceSec02columnSet1-2,
.UA-25-columnSet.columnSet1-2.resilienceSec03columnSet1-2 {
background-color: #F3F3F3;
padding: 30px;
gap: 100px;
width: max-content;
}
.UA-25-columnSet.columnSet1-2.resilienceSec02columnSet1-2 .UA-25-column-text,
.UA-25-columnSet.columnSet1-2.resilienceSec03columnSet1-2 .UA-25-column-text{
max-width: 250px;
width: 100%;
margin: 0;
flex: auto;
}
.UA-25-columnSet.columnSet1-2.resilienceSec02columnSet1-2 .UA-25-column-image .c-movie-container,
.UA-25-columnSet.columnSet1-2.resilienceSec03columnSet1-2 .UA-25-column-image .c-movie-container{
margin: 0;
}
.resilienceSec03movie{
max-width: 380px;
}
.resilienceSec04Column{
background-color: #EDF1F4;
padding: 15px;
display: flex;
flex-direction: column;
gap: 15px;
}
.resilienceSec04ColumnTitle{
margin-bottom: 15px;
}
.resilienceSec04ColumnContentWrapper{
display: flex;
gap: 15px;
}
.resilienceSec04ColumnContent h3.textStyle22{
margin-bottom: 15px;
}
.resilienceSec04ColumnContent .textStyle14 + .textStyle12{
margin-top: 20px;
}
h3.otherResilience{
position: relative;
font-size: 137.50%;
font-weight: bold;
border-bottom: 2px solid #737373;
padding-bottom: 0.35em;
margin-top: 0;
margin-bottom: 30px !important;
background-image: none;
}
.otherResilience+.panelLinkList{
max-width: 950px;
}
.mt25{
margin-top: 25px !important;
}
.mt10{
margin-top: 10px !important;
}
.mb10{
margin-bottom: 10px !important;
}
.mb15{
margin-bottom: 15px !important;
}
.mb20{
margin-bottom: 20px !important;
}
.mb30{
margin-bottom: 30px !important;
}

/***/
.contentHead{
font-size: 200.00%;
font-weight: 700;
}
.controlled_operationSec1ColumnSet{
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 60px;
}
.controlled_operationSec1ColumnSet>div:nth-child(1){
width: 55%;
}
.controlled_operationSec1ColumnSet>div:nth-child(2){
width: calc((100% - 30px) - 55%);
}

/**PCS**/
.title-hpcs-iconSet{
position: relative;
}
.title-hpcs-iconSet .icon-option{
position: absolute;
left: auto;
right: -29px;
bottom: 1.0em;
top: auto;
}

@media screen and (max-width: 768px
) {
.title-hpcs-iconSet{
position: relative;
display: flex;
justify-content: space-between;
}
.title-hpcs-iconSet .icon-option{
display: block;
position: relative;
right: 0;
bottom: 0;
height: fit-content;
}
}
.contentHeadPCS{
font-size: 137.50%;
font-weight: 700;
margin-bottom: 15px;
}
.contentHeadPCS span{
display: inline-block;
border: 2px solid #222;
padding: 2px 15px;
margin-right: 15px;
}
.imagePCS{
max-width: 824px;
margin: 0 auto 30px;
}
.pcsSec1ColumnSet{
display: flex;
align-items: stretch;
margin-bottom: 30px;
}
.pcsSec1ColumnSet .pcsFirstColumn{
background-color: #EDF1F4;
display: flex;
align-items: center;
width: calc((100% - 50px) / 2);
}
.pcsSec1ColumnSet .pcsLastColumn{
display: flex;
background-color: #EDF1F4;
padding: 25px 25px 40px;
flex-direction: column;
justify-content: space-between;
width: calc((100% - 50px) / 2);
}
.pcsSec1ColumnSet .pcsLastColumn p{
margin-bottom: 30px;
}
.pcsPlus{
width: 50px;
height: auto;
display: inline-flex;
align-items: center;
}
.noteSetPcs{
margin-bottom: 50px;
}
.sec01Link01{
max-width: 400px;
width: 100%;
}
.sec01Link02{
max-width: 400px;
width: 100%;
}

@media screen and (max-width: 768px) {
.contentHeadPCS{
font-size: 125.0%;
}
.pcsSec1ColumnSet{
flex-direction: column;
align-items: center;
margin-bottom: 30px;
}
.pcsSec1ColumnSet .pcsFirstColumn,
.pcsSec1ColumnSet .pcsLastColumn{
width: 100%;
}
}

/** resilience Mmovie Column **/
.resilienceMmovieColumnSet{
background-color: #F3F3F3;
padding: 40px;
display: flex;
gap: 100px;
width: fit-content;
}
.resilienceMmovieColumnSet .textColumn{
max-width: 290px;
}
.resilienceMmovieColumnSet .textColumn h3{
margin-bottom: 30px;
}
body .l-page .l-main p.descText {
margin-bottom: 0 !important;
}
.resilienceMmovieColumnSet .movieColumn{
max-width: 380px;
}
.resilienceMmovieColumnSet .c-movie-container{
width: 100%;
}
.l-main .resilienceMmovieColumnSet .c-button{
max-width: 230px;
}
.resilienceMmovieColumnSet .movieColumn img{
max-width: 380px;
}

@media screen and (max-width: 768px) {
.resilienceMmovieColumnSet{
flex-direction: column;
gap: 30px;
}
}

#hybrid_pcs .design-icon-legend-item > div {
	width: 100%;
	max-width: 560px;
}
