@charset "UTF-8";

.ttl {
 background-image: url("../img/experience/ttl-bg.png");
}
.ex_copy {
font-family: "dnp-shuei-mgothic-std", sans-serif;
font-weight: 600;
font-size: 2.4rem;
line-height: 100%;
margin-bottom: 30px;
letter-spacing: 0.2em;
}
.ex_read {
font-size: 1.5rem;
margin-bottom: 20px;
line-height: 200%;
}
.trip_box_wrap {
display: flex;
padding-top: 30px;
}
.trip_box {
width: calc(50% - 40px / 2);
margin-right: 40px;
}
.trip_box:nth-child(2) {
margin-right: 0px;
}
.trip_imgbox {
position: relative;
overflow: hidden;
background: #000;
margin-bottom: 20px;
}
.trip_imgbox img {
width: 100%;
transition-duration: 0.7s;	
}
.trip_imgbox img:hover {
transform: scale(1.05);	
transition-duration: 0.7s;	
opacity: 0.8;
}
.trip_title_box {
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.trip_title {
font-family: "dnp-shuei-mgothic-std", sans-serif;
font-weight: 600;
font-size: 2.8rem;
line-height: 100%;
letter-spacing: 0.2em;
margin-bottom: 10px;
white-space: nowrap;
}
.trip_subtitle {
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.2em;
text-align: center;
}
.trip_box .trip_txt {
font-size: 1.4rem;
letter-spacing: 0.1em;
}




@media screen and (max-width:767px) {

.ex_copy {
font-size: 1.6rem;
margin-bottom: 20px;
}
.ex_read {
font-size: 1.2rem;
margin-bottom: 10px;
line-height: 180%;
}
.trip_box_wrap {
display: flex;
flex-direction: column;
padding-top: 20px;
}
.trip_box {
width: 100%;
margin-right: 0px;
margin-bottom: 20px;
}
.trip_box:nth-child(2) {
margin-right: 0px;
}
.trip_imgbox {
margin-bottom: 10px;
}
.trip_title {
font-size: 2.0rem;
}
.trip_subtitle {
font-size: 1.2rem;
}
.trip_box .trip_txt {
font-size: 1.2rem;
}
}