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

added 20250826

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

#Contents section.overview > .overview-title.-connect .sub-text span{
color: #DC6E28;
}
.connectFigure01{
max-width: 854px;
margin-left: auto;
margin-right: auto;
}

@media screen and (min-width: 1305px){
.OptionWideRWD #Contents .connectFigure01 img{
max-width: 854px;
height: auto;
}
}

/*sec0 svg text*/
.connect_text1 {
fill: #4D4D4D;
font-size: 16px;
font-weight: 700;
}
.connect_text2 {
fill: #737373;
font-size: 14px;
font-weight: 700;
}
.connect_text3 {
fill: #FFFFFF;
font-size: 14px;
font-weight: 700;
}
.connect_balloon {
fill: #737373;
}
.connect_fieldframe {
fill: #F4F4F4;
stroke: #737373;
stroke-miterlimit: 10;
}

/*sec1 svg text*/
.connect_text1sp{
fill: #4D4D4D;
font-size: 16px;
font-weight: 700;
}
.connect_text2sp{
fill: #737373;
font-size: 17px;
font-weight: 700;
}
.connect_text3sp{
fill: #FFFFFF;
font-size: 16.8px;
font-weight: 700;
}
.connect_balloonsp{
fill: #737373;
}
.connect_fieldframesp{
fill: #F4F4F4;
stroke: #737373;
stroke-miterlimit: 10;
}

/***/
.connectSectionSet{
background-color: #f4f4f4;
padding: 60px clamp(78px, calc(8.2585vw + 20.5745px), 137px);
}
.connectSection01ColumSet{
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 1000px;
width: 100%;
margin: 0 auto;
gap: 5.8%;
flex-wrap: nowrap;
}

/* ===== columnA ===== */
.connectSec1Column1 {
width: 68.2%;
display: flex;
flex-wrap: wrap;
gap:0.5em 5%;
}
.item {
width: calc(85% / 4);
display: flex;
flex-direction: column;
justify-content: flex-start;
}

@media screen and (max-width: 767px) {
.connectSectionSet{
padding: 27px;
}
}

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

/* ===== columnB ===== */
.connectSec1Column2 {
width: 26%;
display: flex;
flex-direction: column;
gap: 20px;
}

/* ===== resp ===== */
@media (max-width: 960px) {
.connectSec1Column1 {
gap:0.5em 5%;
}
.item{
width: calc(90% / 3);
}
}

.connectSec1Text1{
font-size: 14px;
line-height: 1.3em;
font-weight: 500;
color: #4D4D4D;
}
.connectSec1Text2{
font-size: 26px;
line-height: 1.3em;
font-weight: 500;
color: #4D4D4D;
}
@media (max-width: 768px) {
.connectSection01ColumSet {
flex-direction: column-reverse;
align-items: center;
gap: 2em;
width: 90%;
}
.connectSec1Column1 {
width: 100%;
justify-content: space-between;
}
.item {
width: calc(50% - 15px);
gap: 7px;
}
.connectSec1Column2 {
width: 70%;
}
.connectSec1Text1{
font-size: 11px;
}
.connectSec1Text2.ShowRWD{
font-size: 16px;
width: 100%;
text-align: center;
padding: 1em 0 0;
}
}

.section01ColumSet{
display: flex;
gap: 10%;
margin-bottom: 2em;
flex-direction: column;
}
#Contents section.scene .note.note02 {
text-indent: -1.75em;
padding-left: 1.75em;
}

@media screen and (max-width: 767px) {
.function-new{
display: flex;
}
.function-new::before{
font-size: 11px;
padding: 4px 4px;
margin-right: 5px;
}
.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: #DC6E28;
}