@charset "utf-8";
/* 観光データ */

.g_navi_menu .gnav02 a::after {
opacity: 1;
}
.intro_title {
font-size: 2.2rem;
font-weight: 700;
letter-spacing: 0.2em;
margin-bottom: 30px;
}
.intro_txt {
font-size: 1.5rem;
line-height: 200%;
padding-right: 20px;
margin-bottom: 80px;
}
.data_title_jp {
font-size: 2.2rem;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 100%;
margin-bottom: 10px;
padding-left: 38px;
position: relative;
}

@media all and (max-width : 820px ){
.intro_title,
.data_title_jp {
font-size: 2.0rem;
}
.intro_txt {
font-size: 1.4rem;
}
}

@media all and (max-width : 767px ){
.intro_title,
.data_title_jp {
font-size: 1.4rem;
margin-bottom: 15px;
}
.intro_txt {
font-size: 1.2rem;
line-height: 180%;
padding-right: 0px;
margin-bottom: 40px;
}
}

.data_title_jp::before {
content: "";
display: inline-block;
background-color: #000;
width: 28px;
height: 1px;
position: absolute;
left: 0;
top: 50%;
}
.data_title_en {
font-family: "Oswald", serif;
font-weight: 400;
font-size: 1.0rem;
color: #999;
line-height: 100%;
letter-spacing: 0.05em;
margin-bottom: 30px;
margin-left: 42px;
}
.data_txt {
font-size: 1.5rem;
line-height: 180%;
padding: 0 20px 0 45px;
margin-bottom: 40px;
}

@media all and (max-width : 820px ){
.data_txt {
font-size: 1.4rem;
}
}

@media all and (max-width : 767px ){
.data_title_jp {
font-size: 1.4rem;
letter-spacing: 0.15em;
margin-bottom: 5px;
padding-left: 24px;
}
.data_title_jp::before {
width: 17px;
}
.data_title_en {
font-size: 0.9rem;
margin-bottom: 15px;
margin-left: 25px;
}
.data_txt {
font-size: 1.2rem;
line-height: 160%;
padding: 0 0px 0 25px;
margin-bottom: 25px;
}
}

.report_btn_wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 80px;
}
.report_btn_wrap:last-of-type {
margin-bottom: 0px;
}

@media all and (max-width : 820px ){
.report_btn_wrap {
margin-bottom: 50px;
}
}

.report_btn {
width: calc(33.33333% - 60px / 3);
margin-right: 30px;
margin-bottom: 20px;
}

@media all and (max-width : 820px ){
.report_btn {
width: calc(33.33333% - 40px / 3);
margin-right: 20px;
margin-bottom: 15px;
}
}

.report_btn:nth-child(3n) {
margin-right: 0px;
}
.report_btn a {
width: 100%;
position: relative;
display: block;
background: #fff;
text-align: center;
padding: 20px 10px;
transition: all 0.3s;
}
.report_btn a:hover {
background: #272A2F;
color: #fff;
transition: all 0.3s;
}
.report_btn a .report_txt {
display: inline-block;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 0.1em;
padding-left: 25px;
}

@media all and (max-width : 820px ){
.report_btn a .report_txt {
font-size: 1.3rem;
padding-left: 20px;
}
}

.report_btn a .r_pdf {
background-image: url("../img/common/pdf_icon.svg");
background-repeat: no-repeat;
background-position: left 2px;
}
.report_btn a .r_link {
background-image: url("../img/common/blank_icon_blue.svg");
background-repeat: no-repeat;
background-position: left 3px;
}

@media all and (max-width : 767px ){
.report_btn_wrap {
margin-bottom: 30px;
}
.report_btn {
width: calc(50% - 10px / 2);
margin-right: 10px;
margin-bottom: 10px;
}
.report_btn:nth-child(2n) {
margin-right: 0px;
}
.report_btn:nth-child(3n) {
margin-right: 10px;
}
.report_btn:nth-child(6) {
margin-right: 0px;
}
.report_btn a {
padding: 10px 5px;
}
.report_btn a .report_txt {
font-size: 1.15rem;
line-height: 130%;
letter-spacing: 0;
padding-left: 15px;
}
.report_btn a .r_pdf,
.report_btn a .r_link {
background-size: 10px;
}
}