@charset "utf-8";


/*======================================================================================================================
========================================================================================================================

link.css

3つの入口下層リンクページ専用スタイル

========================================================================================================================
======================================================================================================================*/

main {
  padding-bottom: 40px;
}
@media screen and (max-width: 679px){
  main{
    padding-top: 20px;
  }
}
.b73{
  margin-bottom: 73px;
}
@media screen and (max-width: 679px){
  .b73{
    margin-bottom: 53px;
  }
}
.b33{
  margin-bottom: 33px;
}
@media screen and (max-width: 679px){
  .b33{
    margin-bottom: 23px;
  }
}
.b13{
  margin-bottom: 13px;
}
@media screen and (max-width: 679px){
  .b13{
    margin-bottom: 8px;
  }
}
a:hover{
  opacity: .7;
}
@media screen and (max-width: 947px){
  a:hover{
    opacity: 1;
  }
}

#topicpath{
  margin-top: 10px;
}
br.is-sp--show{
  display: none;
}
@media screen and (max-width: 679px){
  br.is-sp--show{
    display: block;
  }
}


/*3つの入口タイトル*/
.p-title01{
  position: relative;
  padding-left: 1.7em;
  font-size: 234%;
}
@media screen and (max-width: 679px){
  .p-title01{
  font-size: 180%;
  }
}
.p-title01::after{
  content: "";
  position: absolute;
  width: 35px;
  height: 28px;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 679px){
  .p-title01::after{
    transform: scale(0.8);
    top: 18%;
  }
}
/*知る学ぶ*/
.link-learning .p-title01::after{
  background-image: url(../link-learning/images/learning_ico01.svg);
}
/*参加する*/
.link-participate .p-title01::after{
  background-image: url(../link-participate/images/participate_ico01.svg);
}
.link-utilize .p-title01::after{
  background-image: url(../link-utilize/images/utilize_ico01.svg);
}

.lead__01{
  font-size: 133%;
  line-height: 2;
  letter-spacing: .1em;
}
@media screen and (max-width: 679px){
  .lead__01{
    font-size: 100%
  }
}

.link-learning .ico-image{
  width: 70px;
}

.contents_box{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
@media screen and (max-width: 679px){
  .contents_box{
    margin-bottom: 0;
  }
}
.contents_box__item{
  width: calc(50% - 18px);
}
.contents_box__item img{
  width: 100%;
}
@media screen and (max-width: 679px){
  .contents_box__item{
    width: 100%
  }
  .contents_box__item:not(:last-of-type){
    margin-bottom: 20px;
  }
}

/*リンクリスト*/
.contents_list{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
@media screen and (max-width: 679px){
  .contents_list{
  margin-bottom: 30px;
  }
}
.contents_list li{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  width: calc(50% - 18px);
  border: 4px solid #23B4D4;
  border-radius: 7px;
}
@media screen and (max-width: 679px){
  .contents_list li{
    width: 100%
  }
}
.contents_list li a{
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: 100%;
  padding: 26px;
}
@media screen and (max-width: 679px){
  .contents_list li a{
    padding: 18px;
  }
}
.contents_list_head{
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #23B4D4;
}
.contents_list_head h3{
  margin-left: 20px;
  font-size: 183%;
  line-height: 1.375;
  letter-spacing: .1em;
}
@media screen and (max-width: 679px){
  .contents_list_head h3{
    font-size: 131%;
  }
}
.contents_list li a p{
  font-size: 117%;
  line-height: 2;
  letter-spacing: .1em;
  padding-bottom: 20px;
}
@media screen and (max-width: 679px){
  .contents_list li a p{
  font-size: 100%;
  }
}
.contents_list li a p.is-fsm{
  font-size: 100%;
  line-height: 2;
  letter-spacing: .1em;
}
@media screen and (max-width: 679px){
  .contents_list li a p.is-fsm{
  font-size: 85%;
  }
}
.contents_list li a p.is-pb10{
  padding-bottom: 7px;
  }
@media screen and (max-width: 679px){
  .contents_list li a p.is-pb10{

  }
}

.contents_list li a span{
  position: relative;
  display: block;
  margin-top: auto;
  text-align: center;
  color: #fff;
  font-size: 117%;
  width: 68%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 679px){
.contents_list li a span{
  font-size: 100%;
  }
}
/*.contents_list li a span::after{
  position: absolute;
  content: "";
  width: 7px;
  height: 12px;
  background-image: url(../link-learning/images/ico_arrow01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  top: 45%;
  transform: translateY(-50%);
}*/

/*回遊リンク*/
.linkbtn.is--orange{
  background-color: #FD9B1C;
}

.excursion-link{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.excursion-link li {
  width: calc(50% - 10px);
}
.excursion-link.is-1column li {
  width: 100%;
}
@media screen and (max-width: 679px){
  .excursion-link li {
    width: 100%;
  }
}
.excursion-link li a{
  font-size: 133%;
}

/*活用する*/
.link-utilize h3.l_ttl_02{
  font-size: 200%;
  letter-spacing: .1em;
  line-height: 1.12;
}
@media screen and (max-width: 679px){
  .link-utilize h3.l_ttl_02{
  font-size: 131%;
  line-height: 1.6;
  }
}
.link-utilize h3+.is-caution{
  font-size: 100%;
  letter-spacing: .1em;
}
.link-utilize h4{
  font-size: 167%;
  letter-spacing: .1em;
  color: #23B4D4;
}
@media screen and (max-width: 679px){
.link-utilize h4{
    font-size: 131%;
  }
}
.link-utilize .contents_list.b33{
  margin-bottom: 33px;
}