.c-head {
    margin: 0 auto 3em auto;
}

.c-head_ja_b {
    color: #0077BD;
    font-size: clamp( 1.2rem, calc( 0.5499999999999999rem + 2.6vw ), 2.5rem );
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
    text-align: center;
}
.c-head_en {
    color: #0077BD;
	margin: .8rem auto;
}

.gray {
    width: 100%;
    background: #F0F0F0; 
    margin: 0 auto;
	padding-top: 3em;
    text-align: center;
}

.white {
    color: #FFF;
}

/* -----------------------------------
	tourism_top
 ----------------------------------- */

.tourism-list {
  width: 90%;
  max-width: 1400px; 
  margin:0 auto;
  text-align:center;
}

.tourism-list .tourism-list-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tourism-list .tourism-list-box .item {
    width: 32%;
    margin-bottom: 3em;
    box-sizing: border-box;
}

.tourism-list .tourism-list-box:after {
    content: "";
    display: block;
    width: 32%;
    height: 0;
}

.tourism-list .tourism-list-box .item a {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
}

.tourism-top-title {
    flex-grow: 1;
}

.obje {
	width: 50%;
	max-width: 110px;
    margin:0 auto 1em auto;
    text-align:center;
}

.tourism-top-title h2 {
    font-size: clamp( 1.6rem, calc( 1.35rem + 1vw ), 2.1rem );
    font-weight: 600;
    margin:0 auto 1em auto;
    text-align:center;
}
.tourism-top-title h2 span {
    font-size: clamp( 1.3rem, calc( 1.05rem + 1vw ), 1.8rem );
}

.tourism-top-title p {
	font-size: 1.4rem;
    line-height: 1.6;
    text-align:center;
}

.triangle {
    width: 40px;
    height: 40px;
    background: #0077BD;
    clip-path: polygon(100% 0, 0 0, 50% 75%);
    margin:1em auto 0.7em auto;
}

.tourism-list-box figure {
    width: 100%;
}

.tourism-list-box .obje img,
.tourism-list-box figure img {
    width: 100%;
    height: auto;
}

#tourism-top .tourism-list-box .item:hover {
	background: #F6F6F6;
}

@media screen and (min-width:1164px) {
.t_pc {display:block;}
.t_tb {display:none;}
.t_pctb {display:block;}
.t_tbmb {display:none;}
.t_mb {display:none;}
}

@media screen and (min-width:835px) and ( max-width:1163px) {
  .t_pc {display:none;}
  .t_tb {display:none;}
  .t_pctb {display:none;}
  .t_tbmb {display:block;}
  .t_mb {display:block;}
}	
	
/* -----------------------------------
	tourism_head
 ----------------------------------- */

#tourism .breadcrumb li.white::before {
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

#tourism .breadcrumb li.white,
#tourism .breadcrumb li.white a {
    color: #FFF;
}

#tourism .tourism_c-head {
	background: #0077BD;
    width: 100%;
	margin: 0 auto 3em auto;
}

#tourism .h2-title {
	font-size: clamp( 1rem, calc( 0.5rem + 5vw ), 3.5rem );
	font-weight: 600;
	letter-spacing: 0.2rem;
	margin: 0 auto 0.5em auto;
    text-align:center;
}
#tourism .h2-title span {
	font-size: clamp( 0.8rem, calc( -0.25rem + 5vw ), 2.8rem );
}
	
#tourism .h2-sub {
	color: #0077BD;
	font-size: clamp( 2rem, calc( 1rem + 4vw ), 3.5rem );
	font-weight: 600;
	letter-spacing: 0.5rem;
	margin: 0 auto 0.6em auto;
    text-align:center;
}

#tourism figure{
	/* border: 3px solid #0077BD; */
	margin: 0 auto 0.4em auto;
}

#tourism-top figure img:hover,
#tourism figure img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tourism-title p {
	font-size: 1.4rem;
    line-height: 1.6;
    text-align: left;
}

.date {
	font-weight: 600;
    text-align: left;
}

@media screen and (min-width:835px) and ( max-width:1277px) {
  .tourism-list .tourism-list-box .item { width: 48%; margin-bottom: 3em;}
}	

@media screen and (max-width: 834px) {
  .gray{ padding: 2em 0;}
  .tourism-list { width: 90%;}
  .tourism-list .tourism-list-box .item { width: 100%; flex-flow: column nowrap; margin-bottom: 3.5em;}
  .triangle { width: 30px; height: 30px; margin: 0.8em auto 0.5em auto;}
  section h3, h3.extitle { font-size: 1.3rem;}
}

@media screen and (max-width: 599px) {
#tourism .tourism_c-head { position: relative; overflow: hidden; /* スマホでズレてもはみ出し防止 */}
#tourism .tourism_c-head svg { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; display: block;}
#tourism .h2-title { margin: 0 auto 0.2em auto;}
#tourism .tourism-list .tourism-list-box .item { margin-bottom: 2em;}
}