@charset "utf-8";

/* .p-outline {
  background: #010101 url(../img/tiff/outline_bg_main.png) no-repeat;
  background-size: 100% auto;
} */
/*.p-outline .global-header,
.p-outline .global-nav {
    background-color: #000;
      background-color: transparent;
  background-image: none;
}*/

.p-outline .common-section.-main {
    padding-top: 16px;
    /* background-color: #c5cfd8; */
    background-color: #fdf6f7;
}


.p-outline .global-nav .outline {
  opacity: 1;
}
.p-outline .global-main {
    padding-top: 0px;
    /* background-color: #c5cfd8; */
    background-color: #fdf6f7;
}

.p-outline .common-section.-main .common-title.-lv1 {
  margin-top: 40px;
  color: #000;
  border-bottom: 1px solid #61553d;
}



.p-outline .common-section a {
  color: #4778aa;
}
.p-outline .common-section .lead {
  margin-top: 44px;
  margin-bottom: 1.5em;
  font-size: 16px;
  /*font-size: 28px;*/
}

.p-outline .common-section.-main .lead {
  color: #000;
}

.p-outline .common-section.-main .common-title.-lv2{
 color: #000;
 padding-left: 0;}


.p-outline .common-section .text {
  margin-top: 5px;
  color: #000;
}
.p-outline .common-section .images {
  margin-top: 20px;
}
.p-outline .common-title.-lv2 {
  margin-top: 40px;
  margin-bottom: 15px;
}
.p-outline .common-table {
  margin-top: 15px;
}
.p-outline .common-table a {
  margin-right: 5px;
}
.p-outline .common-paragraph {
  padding: 0 10px;
}
.p-outline .common-paragraph + .common-paragraph {
  margin-top: 15px;
}
.p-outline .unijapan .common-title.-lv1,
.p-outline .cofesta .common-title.-lv1{
  margin-bottom: 30px;
}

.p-outline .visual .flex {
    display: flex;
    flex-direction: row-reverse;
   align-items: flex-start;
    margin-top: 60px;
}
.p-outline .visual .flex .lead{
font-size: 18px;
margin-top: 0;
margin-bottom: 1em;
}

.p-outline .visual .flex .vosial-text{
width: 60%;/*70%から調整2025*/
}

.p-outline .visual .flex .image{
width: 40%;/*30%から少し大きめに変更2025*/
margin-top: 0;
margin-right: 20px;
}

.p-outline .visual .flex .image img{
width: auto;
max-width: 100%;
}

.p-outline .visual .photographer{
font-size: 11px;
margin-top: 15px;
}


.p-outline .-purpose{
margin-top: 1.5em;
margin-bottom: 1.5em;
}

.p-outline .-purpose .vision-title{
/*font-size: 1.2em;
margin-bottom: 0.5em;*/
font-size: 16px;
margin-bottom: 1.5em;
font-weight: bold;
}

.p-outline .-purpose > div{
margin-bottom: 1.5em;
}

/*文化庁ロゴ*/
.logo-top {
display: flex;
align-items: flex-start; 
gap: 1.2em;
}

/**/
.p-outline .common-section .arrow-link a{
    color: #df0623;
}
.p-outline .common-section .arrow-link:before {
    content: "▼";
    display: inline-block;
    transform: rotate(-90deg);
    margin-right: 5px;  
    font-size: 8px;
    color: #df0623;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.common-section.unijapan,
.common-section.cofesta,
.common-section.outline{
    padding-top: 30px;
}


.p-outline .-mission .-purpose .vision-title {
    font-size: 22px;}
    
.p-outline .common-section .lead.mission-title,
.p-outline .common-section .mission-title{
margin-bottom: 0.5em;
font-size: 18px;
}
.p-outline .-mission .-purpose {
    margin-top: 0;
}


@media screen and (max-width: 639px) {
  .p-outline .global-header {
    /*background: #000;*/
  }
  .p-outline .back {
    padding-top: 5px;
    border-bottom: 1px solid #7a715d;
  }
  .p-outline .back a {
    display: block;
    padding: 5px 15px;
    font-size: 10px;
    color:#b80606;
  }
  .p-outline .common-title.-lv2 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .p-outline .common-table {
    margin-top: 5px;
  }
  .p-outline .common-paragraph {
    padding: 0;
  }
  .p-outline .common-paragraph + .common-paragraph {
    margin-top: 15px;
  }
  .p-outline .unijapan .common-title.-lv1 {
    margin-bottom: 10px;
  }

  .p-outline .visual .flex {
    display: block;
    margin-top: 20px;
  }
  
  .p-outline .visual .flex .vosial-text{
width: auto;
}

  .p-outline .common-section.-main .visual .flex .image{
  width: 60%;
  margin: 20px 0 0;
  max-width: 100%;
  float: none;
  }
  .p-outline .common-section.-main .visual .flex .image img{
  width: 100%;
  max-width: 100%;
  }
  
.p-outline .-mission .-purpose .vision-title {
    font-size: 18px;}
    
.p-outline .common-section .lead.mission-title,
.p-outline .common-section .mission-title{
  margin-bottom: 0.5em;
  font-size: 13px;
  }
  .p-outline .-mission .-purpose {
      margin-top: 0;
  }

}