@charset "utf-8";
/* ------------------------------
ページ構成
------------------------------ */
.cp_page_main img {
width: 100%;
height: 300px;
object-fit: cover;
}

#contents.cultural_property .bread {
margin: 0 auto 40px;
}

.cultural_property .cp_page_title {
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
}

.cultural_property .cp_page_title p {
font-size: 280%;
color: #226AB6;
font-family: "fot-chiaro-std", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 120%;
}

.cultural_property .cp_page_title img {
width: auto;
height: 110px;
margin-bottom: 15px;
margin-right: 15px;
}

/*------------------------------------------------*/

.cultural_property section {
margin-bottom: 140px;
}

.cultural_property .page_sub_title {
margin-bottom: 30px;
font-weight: bold;
font-size: 240%;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
text-align: center;
margin-top: -40px;
padding-top: 40px;
}

.jobs_lead {
width: 92%;
max-width: 1050px;
margin: 0 auto 60px;
padding: 40px 0;
border-bottom: solid 4px #226AB6;
border-top: solid 4px #226AB6;
}

.jobs_lead .jobs_lead_title {
margin-bottom: 30px;
font-size: 340%;
color: #FF6E19;
font-family: "fot-chiaro-std", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 120%;
text-align: center;
}

.jobs_index {
display: flex;
justify-content: space-between;
margin-bottom: 60px;
}

.jobs_index .jobs_index01 {
width: 46.5%;
}

.jobs_index .jobs_index02 {
width: 46.5%;
}

.jobs_index .jobs_index01 .jobs_index_title {
height: 60px;
background: #B37916;
color: #FFFFFF;
font-family: "fot-chiaro-std", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 120%;
font-size: 160%;
position: relative;
}

.jobs_index .jobs_index01 .jobs_index_title:after {
position: absolute;
right: -25px;
content: '';
border-top: 30px solid transparent;
border-left: 25px solid #B37916;
border-bottom: 30px solid transparent;
}

.jobs_index .jobs_index01 .jobs_index_title a {
text-decoration: none;
color: #FFFFFF;
padding-top: 13px;
width: 92%;
max-width: 480px;
display: block;
float: right;
}

.jobs_index .jobs_index02 .jobs_index_title {
height: 60px;
background: #9A4C87;
color: #FFFFFF;
font-family: "fot-chiaro-std", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 120%;
font-size: 160%;
position: relative;
}

.jobs_index .jobs_index02 .jobs_index_title:before {
position: absolute;
left: -25px;
content: '';
border-top: 30px solid transparent;
border-right: 25px solid #9A4C87;
border-bottom: 30px solid transparent;
}

.jobs_index .jobs_index02 .jobs_index_title a {
text-decoration: none;
color: #FFFFFF;
padding-top: 13px;
width: 92%;
max-width: 480px;
display: block;
float: left;
text-align: right;
}

.jobs_index .jobs_index01 ul {
width: 92%;
max-width: 480px;
float: right;
background: #F9EAD0;
padding: 20px 30px;
box-sizing: border-box;
line-height: 140%;
}

.jobs_index .jobs_index02 ul {
width: 92%;
max-width: 480px;
background: #F1E2EE;
padding: 20px 30px;
text-align: right;
box-sizing: border-box;
line-height: 140%;
}

.jobs_index li {
margin-bottom: 5px;
}

.jobs_index .jobs_index01 li a {
text-decoration: none;
color: #333333;
position: relative;
padding-left: 25px;
}

.jobs_index .jobs_index01 li a:before {
  content: '';
  width: 18px;
  height: 18px;
  background: #F48431;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 0;
}

.jobs_index .jobs_index01 li a:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 9px;
  left: 7px;
}

.jobs_index .jobs_index02 li a {
text-decoration: none;
color: #333333;
position: relative;
padding-right: 25px;
}

.jobs_index .jobs_index02 li a:before {
  content: '';
  width: 18px;
  height: 18px;
  background: #F48431;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  right: 0;
}

.jobs_index .jobs_index02 li a:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 9px;
  right: 7px;
}

.cultural_property .page_headline01 {
height: 300px;
margin-bottom: 60px;
background: url("images/page_headline01.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
border-bottom: solid 6px #B4AA6F;
border-top: solid 6px #B4AA6F;
}

.cultural_property .page_headline02 {
height: 300px;
/*margin-top: 200px;*/
margin-bottom: 60px;
background: url("images/page_headline02.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
border-bottom: solid 6px #B4AA6F;
border-top: solid 6px #B4AA6F;
}

.cultural_property .page_headline01 p,
.cultural_property .page_headline02 p {
color: #FFFFFF;
font-size: 340%;
line-height: 130%;
font-weight: bold;
text-align: center;
padding-top: 200px;
}

.jobs .inbox1 {
margin-bottom: 30px;
padding: 40px;
background: #E1F1FF;
}

.jobs .inbox1 p {
width: 92%;
max-width: 1050px;
margin: 0 auto;
}

.jobs_slider {
  width: 100%;
}

.jobs_slider div img {
  height: 100%;
  width: auto;
  opacity: .3;
  transform: scale(.9);
  transition: opacity .5s, transform .5s;
}

.jobs_slider .slick-center img {
  opacity: 1;
  transform: scale(1);
}

.slick-dots li button:before {
    font-size: 40px!important;
}

.jobs .inbox3 {
text-align: center;
width: 92%;
max-width: 958px;
margin: 5px auto 0;
}


/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{

}


	
/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{

.cp_page_main img {
height: 100px;
}

.cp_nav {
margin-bottom: 0;
}

.cultural_property .cp_page_title {
display: block;
text-align: center;
}

.cultural_property .cp_page_title p {
font-size: 200%;
}

.cultural_property .cp_page_title img {
height: 90px;
margin-bottom: 5px;
margin-right: 0;
}

/*------------------------------------------------*/

.cultural_property section {
margin-bottom: 120px;
}

.cultural_property section#jobs08 {
margin-bottom: 0;
}

.cultural_property .page_sub_title {
margin-bottom: 20px;
font-size: 160%;
}

.jobs_lead {
padding: 30px 0;
}

.jobs_lead .jobs_lead_title {
margin-bottom: 20px;
font-size: 240%;
}

.jobs_index .jobs_index01 {
width: 50%;
}

.jobs_index .jobs_index02 {
width: 50%;
}

.jobs_index .jobs_index01 .jobs_index_title {
font-size: 120%;
}

.jobs_index .jobs_index01 .jobs_index_title:after {
display: none;
}

.jobs_index .jobs_index01 .jobs_index_title a {
padding-top: 18px;
}

.jobs_index .jobs_index02 .jobs_index_title {
font-size: 120%;
}

.jobs_index .jobs_index02 .jobs_index_title:before {
display: none;
}

.jobs_index .jobs_index02 .jobs_index_title a {
padding-top: 18px;
}

.jobs_index .jobs_index01 ul {
width: 100%;
padding: 10px 5px;
font-size: 80%;
}

.jobs_index .jobs_index02 ul {
width: 100%;
padding: 10px 5px;
font-size: 80%;
}

.cultural_property .page_headline01 {
height: 200px;
}

.cultural_property .page_headline02 {
height: 200px;
}

.cultural_property .page_headline01 p {
font-size: 240%;
padding-top: 120px;
}

.cultural_property .page_headline02 p {
font-size: 240%;
padding-top: 80px;
}

.jobs .inbox1 {
padding: 30px 20px;
}


}