@charset "utf-8";

@media screen and (max-width : 800px) {
/* ==================================================
Common
================================================== */
#tmp_contents h2{
	font-size: 131.3%;
	line-height: 1.5;
	margin-bottom: 25px;
}
#tmp_contents h3{
	font-size: 131.3%;
	line-height: 1.5;
	margin-top: 29px;
	margin-bottom: 20px;
}
#tmp_contents h4{
	font-size: 125%;
	line-height: 1.6;
	margin-top: 27px;
	margin-bottom: 14px;
}
#tmp_contents h5{
	padding: 2px 0 0 12px;
	font-size: 112.5%;
	line-height: 1.7;
	background-image: url(/shared/templates/gt_top/images/main/line_h5_sp.png);
	background-size: 4px auto;
	background-position: 0 5px;
	margin-bottom: 3px;
}
#tmp_contents h6{
	font-size: 100%;
	line-height: 1.8;
	margin: 1.7em 0 0.2em;
}
#tmp_contents ul {
	margin-left: 19px;
	margin-bottom: 28px;
}
#tmp_contents ul li {
    margin-bottom: 15px;
}
#tmp_contents ol {
	margin-left: 45px;
	margin-bottom: 33px;
}
#tmp_contents ul li,
#tmp_contents ol li {
	line-height: 1.8;
}
#tmp_contents ul li {
	padding-left: 2px;
	margin-bottom: 15px;
}
#tmp_contents ol li {
	padding-left: 2px;
	margin-bottom: 12px;
}
/* ==================================================
Mainvs
================================================== */
#tmp_mainvs {
	position: static;
}
#tmp_mainvs_thumbnail {
    left: 70px;
}
#tmp_mainvs .event_banner {
    position: static;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
}
/* ==================================================
News
================================================== */
.sec_news {
    display: block;
    margin-bottom: 0;
}
.sec_news .section_ttl {
    width: auto;
    padding-top: 56px;
}
.sec_news .news_list_wrap {
    width: auto;
    border-left: none;
    padding: 9px 0 0 10px;
}
.news_list {
    padding-left: 0;
}
/* ==================================================
Sec Search
================================================== */
.sec_search_top {
    margin-bottom: 75px;
}
#tmp_sch_destination {
    margin-bottom: 15px;
}
#tmp_sch_destination .section_ttl h2{
    margin-bottom: 0;
}
#tmp_sch_area .section_ttl h2{
    margin-top: 0;
    margin-bottom: 0;
}
#tmp_sch_area ul.list_sch_area{
    margin-top: 0;
}
/* ==================================================
Like + Project section
================================================== */
.sec_about {
    display: block;
    margin-top: 75px;
    padding: 20px 35px 14px;
}
.sec_about .about_image {
    text-align: center;
    width: auto;
    padding-bottom: 4px;
}
.sec_about .section_ttl {
    letter-spacing: 2px;
}
#tmp_contents .sec_about h2{
    text-align: center;
}
.sec_about .section_ttl img {
    width: 100%;
}
.sec_about .about_txt {
    margin-top: 7px;
    font-size: 100%;
}
.sec_about .about_btn {
    margin-top: 37px;
    padding: 0 0 0 2px;
    text-align: center;
}
.sec_report {
    margin-top: 20px;
}
.sec_report .section_ttl {
    margin-bottom: 10px;
}
.sec_report .blog_report_list{
    flex-direction: column;
    justify-content: center;
}
.sec_report .blog_report {
    text-align: center;
}
.sec_report .blog_report a{
    width: 100%;
    max-width: 352px;
}
.sec_report .blog_report a .report_txt {
    text-align: left;
}
/* ==================================================
Sns + Banner section
================================================== */
.sec_sns {
    flex-direction: column;
    gap: 10px 0;
}
.sec_sns .blog_sns {
    width: 100%;
}
.sec_related_links{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 40px;
}
.sec_related_links .related_links {
    flex-direction: column;
    align-items: center;
    gap: 10px 0;
}

.sec_related_links .related_links img {
	width: 262px;
}

.sec_related_links .related_link {
    display: inline-block;
    vertical-align: top;
    width: auto;
}
.sec_pamphlet > p{
    display: block;
    padding: 15px 17px 18px 15px;
}
.sec_pamphlet .pamphlet_lft{
    align-items: center;
    gap: 0 14px;
    padding-left: 10px;
    margin-bottom: 11px;
}
.sec_pamphlet .pamphlet_icon,
.sec_pamphlet .pamphlet_rgt{
    padding-top: 0;
}
.sec_pamphlet .pamphlet_icon img {
    max-width: 44px;
}
.sec_pamphlet .pamphlet_info{
    padding-top: 0;
}
.sec_pamphlet .pamphlet_info .ttl{
    font-size: 125%;
    line-height: 1.3;
    margin-bottom: 0;
}
.sec_pamphlet .pamphlet_info .ttl .size_file{
    font-size: 75%;
}
.sec_pamphlet .pamphlet_rgt{
    display: flex;
    width: 100%;
    gap: 0 10px;
}
.sec_pamphlet .pamphlet_rgt > span{
    display: block;
}
.sec_pamphlet .pamphlet_rgt .img{
    width: 45.3%;
}
.sec_pamphlet .des{
    flex: 1;
}
/* ==================================================
Custom language
================================================== */
/* edit part top */
.custom_language #tmp_contents iframe{
    width: 100%;
}
/* ==================================================
reset hover
================================================== */
.sec_about .about_btn a,
.blog_sns a,
.sec_report .blog_report a .report_img,
.sec_related_links .related_link a img {
    transition: none;
}
.sec_about .about_btn a:hover,
.blog_sns a:hover,
.sec_report .blog_report a:hover .report_img,
.sec_related_links .related_link a:hover img,
#tmp_mainvs_thumbnail .splide__list>.splide__slide:hover img {
    opacity: 1;
}
.sec_report .blog_report a:hover .report_txt,
.sec_pamphlet .pamphlet_info .ttl a:hover{
    text-decoration: none;
}
.news_list table td.news_url > a:hover {
    text-decoration: underline;
}
#tmp_mainvs .event_banner a:focus{
    position: relative;
    z-index: 1;
}
.blog_sns a:before,
.sec_related_links .related_link a:before,
#tmp_mainvs .event_banner a:before,
.sec_about .about_btn a:before{
    content: none;
}
/* ==================================================
accessibility
================================================== */
/* no_js */
.no_javascript #tmp_mainvs_splide .splide__track{
    max-height: 200px;
}
.no_javascript .sec_pamphlet .pamphlet_lft {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 10px 20px;
	align-items: start;
}
.no_javascript .sec_pamphlet .pamphlet_info {
	display: contents;
}
.no_javascript .sec_pamphlet .pamphlet_info .des {
	grid-column: 1 / -1;
}
.no_javascript .sec_pamphlet .pamphlet_rgt .img{
    width: 100%;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}