@charset "utf-8";

#main h2{
font-size: 1.88em;
font-weight: bold;
text-align: center;
color: #092060;
margin: 0 0 30px 0;
line-height: 1.8em;
}
#main h2 span{
display: table;
margin: 0 auto;
content:"";
  background: linear-gradient(-90deg, #BFA169 50%, #092060 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  white-space: nowrap;
}

#mf1{
margin: 100px 0;
}
#mf1 h2{
color: #000;
}
#mf1 h3{
color: #092060;
font-size: 1.5em;
font-weight: bold;
margin: 0 0 1em 0;
}
#mf1 .ctext{
width: 500px;
margin: 0 0 0 30px;
}

#mf2{
margin: 100px 0;
}
#mf2 .cbox{
width: 760px;
margin: 0 auto;
background: #fff;
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
position: relative;
top: -8vw;
}
#mf2 .cbox-inner{
padding: 30px;
}
#mf2 h3{
font-size: 1.88em;
font-weight: bold;
color: #092060;
text-align: center;
}
#mf2 h3:after{
content: "";
display: block;
width: 100%;
height: 2px;
background: linear-gradient(-90deg, #BFA169 50%, #092060 50%);
margin: 0.5em 0;
}
#mf2 figure img{
width: 100%;
}
#mf3{
margin: 100px 0;
}
#mf3 .clist{
align-items: center;
}
#mf3 figure{
width: calc((100% - 540px) / 2);
object-fit: cover;
}
#mf3 figure img{
width: 100%;
}
#mf3 .ctext{
width: 540px;
text-align: center;
}
#mf3 .ctext p{
line-height: 2.5em;
}

#mf4{
margin: 100px 0;
}
#mf4 .ctext{
margin: 0 0 0 50px;
}
#mf4 .ctext h3{
color: #092060;
font-size: 1.88em;
font-weight: bold;
margin:0 0 30px 0;
}
#mf4 .ctext h3 span{
color: #BFA169;
}
#mf4 .ctext p{
padding: 0 0 2em 0;
line-height: 2.5em;
}

#mf5{
margin: 100px 0;
}
#mf5 .mf-inner{
padding: 50px 0;
position: relative;
}
#mf5 .mf-inner:before,
#mf5 .mf-inner:after{
content: "";
width: 50%;
height: 100%;
position: absolute;
top: 0;
z-index:-1;
}
#mf5 .mf-inner:before{
background: #092060;
left: 0;
}
#mf5 .mf-inner:after{
background: #BFA169;
right: 0;
}
#mf5 h3{
color: #fff;
font-size: 1.88em;
font-weight: bold;
text-align: center;
margin: 0 0 50px 0;
}
#mf5 .cbox{
margin: 0 0 30px 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
#mf5 .cbox:nth-of-type(2n){
flex-direction: row-reverse;
}
#mf5 .cbox figure{
width: 50%;
}
#mf5 .cbox figure img{
width: 100%;
}
#mf5 .cbox dl{
width: 520px;
background: #fff;
padding: 20px;
position: relative;
left: -20px;
}
#mf5 .cbox:nth-of-type(2n) dl{
left: auto;
right: -20px;
}
#mf5 .cbox dl dt{
font-size: 1.38em;
font-weight: bold;
border-bottom:#092060 solid 1px;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

#mf6{
margin: 100px 0;
position: relative;
}
#mf6 h3{
font-size: 1.88em;
font-weight: bold;
text-align: center;
margin: 0 0 50px 0;
}

#mf6 #cbox61{
overflow: hidden;
margin: 0 0 80px 0;
}
#mf6 #cbox61 dl{
width: 600px;
height: 450px;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 1.88em;
color: #fff;
}
#mf6 #cbox61 dt{
padding: 20px;
background: #092060;
font-weight: bold;
line-height: 1.5em;
margin:0 0 20px 0;
}
#mf6 #cbox61 dd{
padding: 20px;
background: #092060;
font-weight: bold;
}
#mf6 #cbox61 figure{
position: absolute;
top: 0;
left: 50%;
z-index: -1;
}

#mf6 .gray{
background: #F0F4F4;
margin: 0 0 80px 0;
}
#mf6 .gray .cbox-inner{
padding: 60px;
}
#mf6 .gray dl{
display: flex;
border-left: #092060 2px solid;
padding: 0 0 1em 0;
position: relative;
}
#mf6 .gray dl:last-of-type{
padding: 0;
}
#mf6 .gray dl:before{
content: "";
width: 15px;
height: 15px;
background: #fff;
border: #092060 2px solid;
border-radius: 100%;
position: absolute;
left: 0;
transform: translate(-50%,50%);
}
#mf6 .gray dl dt{
color: #092060;
font-weight: bold;
margin: 0 3em 0 2em;
}

#mf6 #cbox64 ul{
font-size: 0.8em;
display: flex;
justify-content: space-between;
}

#mf6 #cbox65{
width: 730px;
margin: 0 auto;
}
#mf6 #cbox65 dl{
padding-left: 150px;
margin: 0 auto 50px auto;
position: relative;
}
#mf6 #cbox65 dl dt{
font-size: 1.13em;
color: #092060;
border-bottom: #BFA169 solid 1px;
padding: 0 0 0.5em 0 ;
margin: 0 0 0.5em 0 ;
}
#mf6 #cbox65 dl:before{
content: "";
background: url("../img/about/i12.png") center center /cover no-repeat;
max-width: 128px;
max-height: 185px;
width: 17.07vw;
height: 24.67vw;
position: absolute;
left: 0;
}
#mf6 #cbox65 .gray{
padding: 20px;
}


@media screen and (max-width: 1024px) {
#main h2{
font-size: 1.5em;
margin: 0 0 5vw 0;
}

#mf1{
margin: 10vw 5vw;
}
#mf1 .clist{
justify-content: center;
}
#mf1 h3{
font-size: 1.2em;
margin: 0 0 1em 0;
}
#mf1 .ctext{
width: auto;
margin: 5vw 0 0 0;
}

#mf2{
margin: 10vw 0;
}
#mf2 .cbox{
width: 85vw;
}
#mf2 .cbox-inner{
padding: 5vw;
}
#mf2 h3{
font-size: 1.2em;
}


#mf3{
margin: 10vw 0;
}
#mf3 .clist{
align-items: center;
}
#mf3 figure{
width: 100%;
}
#mf3 figure img{
width: 100%;
}
#mf3 .ctext{
width: 100%;
padding: 5vw;
}


#mf4{
margin: 10vw 5vw;
}
#mf4 .clist{
justify-content: center;
}
#mf4 .ctext{
margin: 5vw 0;
}
#mf4 .ctext h3{
font-size: 1.5em;
margin:0 0 5vw 0;
}
#mf4 .ctext p{
padding: 0 0 2em 0;
line-height: 2.5em;
}

#mf5{
margin: 0;
}
#mf5 .mf-inner{
padding: 10vw 5vw;
}
#mf5 h3{
font-size: 1.5em;
margin: 0 0 10vw 0;
}
#mf5 .cbox{
margin: 0 0 10vw 0;
}

#mf5 .cbox figure{
width: 100%;
}
#mf5 .cbox dl{
width: 100%;
padding: 5vw;
position: static;
}
#mf5 .cbox dl dt{
padding: 0 0 3vw 0;
margin: 0 0 3vw 0;
}

#mf6{
margin: 10vw 5vw;
}
#mf6 h3{
font-size: 1.3em;
margin: 0 0 5vw 0;
}
#mf6 #cbox61{
margin: 0 0 10vw 0;
}
#mf6 #cbox61 dl{
width: auto;
height: auto;
font-size: 1.3em;
}
#mf6 #cbox61 dt{
padding: 5vw;
margin:0 0 5vw 0;
}
#mf6 #cbox61 dd{
padding: 5vw;
}
#mf6 #cbox61 figure{
position: static;
}

#mf6 .gray{
margin: 0 0 10vw 0;
}
#mf6 .gray .cbox-inner{
padding: 5vw;
}
#mf6 .gray dl{
display: block;
padding: 0 0 1em 2em;
}
#mf6 .gray dl:last-of-type{
padding: 0 0 0 2em;
}
#mf6 .gray dl dt{
margin: 0 3em 0 0;
}


#mf6 #cbox64 ul{
font-size: 0.8em;
display: block;
}

#mf6 #cbox65{
width: auto;
}
#mf6 #cbox65 dl{
padding-left: 0;
margin: 0 auto 5vw auto;
}

#mf6 #cbox65 dl:before{
position: static;
display: table;
margin: 0 auto 5vw auto;
}
#mf6 #cbox65 .gray{
padding: 5vw;
}


}