@charset "UTF-8";
/* CSS Document */

.section11{}
.section11 figure{}

.flbox11 { margin: 0; display: flex;  gap: 0 10%;}
.flbox11 *{ margin-top: 0;}
.flbox11 .box01{ flex: 0 0 30%;}
.flbox11 .box02{ margin-left: auto;}
.flbox11 .nagasaku{ width: 50%; margin: 1.0em 0 0 auto;}
@media screen and ( max-width: 480px ) {
  .flbox11{ display: block;}
}

.section12{}
.section12 figure{ position: relative;}
.section12 figure img{ display: block;}
.section12 figure figcaption{ display: block; margin: 0; position: absolute; left: 0; top: 2.0rem; width: 30%;}

.section13{}
.section13 *{ margin-top: 0;}
.section13 .flbox12{ display: flex; padding: 6.0em 2.0rem; align-items: center; background: url("img/bg_door.jpg") no-repeat center center / cover; position: relative;}
.section13 .asset1300{ display: block; position: absolute; right: 0; top: 2.0rem; width: 30%;}
.section13 .asset1301{ display: block; flex: 0 0 20%;}
.section13 .asset1302{ display: block; flex: 0 0 70%; margin-left: auto; text-align: center;}

.cp_title{ display: flex; background: #ae9466; color: #FFF; width: fit-content; font-size: 180%; align-items: center; padding: 0em 1.0em;}
.cp_title span{ display: block; margin-right: 1.0em; font-size: 66%;}


.flsection{ display: flex; align-items: center; margin: 4.0em 0 0 0;}
.flsection > *{ }
.flsection .content{ padding: 0 2.0em; flex: 0 0 40%;}
.flsection .figure{ flex: 0 0 60%;}
@media screen and ( max-width: 480px ) {
  .flsection{ display: block;}
}