@charset "utf-8";
/* ==================================================
Common
================================================== */
#tmp_contents h2,
#tmp_contents h3,
#tmp_contents h4,
#tmp_contents h5,
#tmp_contents h6 {
	margin:1.5em 0 0.8em;
	clear:both; /* Do not edit */
}
#tmp_contents h2{
    margin: 40px 0 20px 0;
	font-size: 162.5%;
	line-height: 1.4;
}
#tmp_contents h3{
    text-align: center;
    font-size: 162.5%;
	line-height: 1.4;
    padding: 14px 0 12px;
    margin-top: 1.8em;
	margin-bottom: 1.2em;
    background-color: #3A8347;
    color: #ffffff;
    border-radius: 25px;
}
#tmp_contents h4{
    font-size: 137.5%;
	line-height: 1.5;
    color: #FFFFFF;
    background-color: #00693E;
    margin-top: 2.1em;
	margin-bottom: 1.2em;
	padding: 5px;
}
#tmp_contents h5{
	padding: 5px 0 5px 16px;
	font-size: 125%;
	line-height: 1.5;
	color: #222222;
	background-color: #ffffff;
	background-image: url(/shared/templates/gt_top/images/main/line_h5.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
	margin-bottom: 22px;
}
#tmp_contents h6{
	font-size: 112.5%;
	line-height: 1.5;
	color: #222222;
	background-color: #ffffff;
	margin: 1.7em 0 1.2em;
}

h1.zh_cn,
h1.zh_tw{
	color: #00693e;
	background-color: #ffffff;
	font-size: 200%;
	line-height: 1.7;
	margin-bottom: 0.8em;
}

#tmp_contents p {
    line-height: 2;
    margin:0 0 0.8em 0;
}
#tmp_contents ul {
    margin:0 0 1.5em 1.5em;
    list-style-image:url(/shared/templates/gt_top/images/icon/list_icon.gif);
}
#tmp_contents ol {
	margin:0 0 3em 2.7em; /* Do not edit */
	list-style-image:none; /* Do not edit */
}
#tmp_contents ul li {
    margin: 0 0 0.9em;
    line-height: 1.7;
}
#tmp_contents ol li{
	margin: 0 0 1em; /* Do not edit */
	padding-left: 4px;
	line-height: 1.7;
}
#tmp_contents ul ul,
#tmp_contents ul ol,
#tmp_contents ol ul,
#tmp_contents ol ol {
	margin:0.3em 0 0 1.5em; /* Do not edit */
}
#tmp_contents img{
    vertical-align: top;
}
.section_ttl h2 {
    margin: 0;
    text-align: center;
    font-size: 150%;
    line-height: 1.5;
}
.sec_report img, 
.sec_pamphlet img, 
.sec_sns img,
.sec_related_links img,
.section_ttl img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.sec_related_links img{
    width: 100%;
}
/* reset line-height p */
.sec_about .about_txt p,
.sec_report .blog_report p,
.sec_related_links .related_link p {
    line-height: 1.5;
}

/* ==================================================
Mainvs
================================================== */
#tmp_mainvs,
#tmp_mainvs .mainvs_splide_wrap {
    position: relative;
}
#tmp_mainvs img{
    width: 100%;
    height: auto;
    vertical-align: top;
}
/* thumbnail */
#tmp_mainvs_thumbnail{
    position: absolute;
    z-index: 1;
    bottom: 10px;
    left: 60px;
}
#tmp_mainvs_thumbnail .splide__list > .splide__slide{
    width: 40px;
    height: 30px;
    border: 1px solid #666666;
    background-color: #ffffff;
}
#tmp_mainvs_thumbnail .splide__list > .splide__slide.is-active{
    border-bottom: 5px solid #333333;
}
#tmp_mainvs_thumbnail .splide__slide > p{
    height: 100%;
}
#tmp_mainvs_thumbnail .splide__slide img{
    height: 100%;
    transition: 0.3s ease-in-out opacity;
}
/* control */

#tmp_mainvs .splide__controls{
    position: absolute;
    z-index: 1;
    bottom: 10px;
    left: 10px;
}
#tmp_mainvs .splide__toggle{
    position: relative;
    display: block;
    width: 40px;
    height: 21px;
    color: inherit;
    background: transparent url(/shared/site_gt/images/icon/pause_btn_icon.png);
}
#tmp_mainvs .splide__toggle:not(.is-active){
    background-image: url(/shared/site_gt/images/icon/play_btn_icon.png);
}
#tmp_mainvs .splide__toggle span {
	display: inline-block !important;
	text-indent: -9999px;
}
#tmp_mainvs .event_banner {
    position: absolute;
    bottom: 22px;
    right: 25px;
    width: 256px;
    text-align: center;
}
#tmp_mainvs .event_banner a {
    display: inline-block;
}
#tmp_mainvs .event_banner img {
    width: auto;
    max-width: 100%;
}

/* ==================================================
News
================================================== */
.sec_news {
    display: flex;
    margin-bottom: 10px;
}
.sec_news .section_ttl {
    width: 35%;
    padding: 56px 10px 0;
}
.sec_news .news_list_wrap {
    width: 65%;
    border-left: 2px solid #49a75b;
    padding: 20px 5%;
}
.news_list {
    padding-left: 12px;
}
.news_list table {
    border-collapse: collapse;
}
.news_list table td {
    padding: 0;
    line-height: 1.8;
}
.news_list table td.date_col {
    width: 142px;
    font-weight: bold;
    vertical-align: top;
    padding-right: 2px;
}
.news_list table td.news_url > a {
    display: inline-block;
}
#tmp_sch_area ul.list_sch_area{
    padding: 0;
    margin-left: 0;
}
/* ==================================================
Sec Search
================================================== */
#tmp_sch_destination{
    margin-bottom: 60px;
}
.sec_search_top{
    margin-bottom: 47px;
}
/* ==================================================
Like + Project section
================================================== */
.sec_about {
    display: flex;
    align-items: center;
    margin-top: 47px;
    margin-bottom: 50px;
    padding: 50px 60px 30px;
    border-radius: 40px;
    background-color: #EDEAC0;
    color: inherit;
}
#tmp_contents .sec_about h2{
    margin: 0;
}
.sec_about .about_image {
    width: 300px;
    flex-shrink: 0;
    padding-bottom: 6px;
}
.sec_about .about_cnt {
    flex: 1;
}
.sec_about .section_ttl h2 {
    text-align: left;
    color: #00693e;
}
.sec_about .section_ttl h2 .section_txt_big {
    font-size: 154.2%;
}
.sec_about .section_ttl h2 .section_txt_smoll {
    font-size: 112.5%;
    padding-left: 6px;
}
.sec_about .about_txt {
    margin-top: 32px;
    margin-bottom: 38px;
    font-size: 125%;
}
#tmp_contents .sec_about .about_txt p{
    line-height: 1.5;
}
.sec_about .about_btn {
    margin-top: 39px;
    padding-right: 67px;
    text-align: right;
}
.sec_about .about_btn a {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}
.sec_report {
    margin-top: 48px;
    margin-bottom: 80px;
}
.sec_report .section_ttl {
    margin-bottom: 40px;
}
.sec_report .section_cnt {
    margin: 0 auto;
    max-width: 902px;
}
.sec_report .blog_report_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec_report .blog_report a {
    display: inline-block;
    width: 352px;
    max-width: 100%;
    text-decoration: none;
    color: #000000;
    background-color: transparent;
}
.sec_report .blog_report a > span {
    display: block;
}
.sec_report .blog_report a .report_img {
    border: 1px solid #cccccc;
    box-shadow: 0 0 5px 1px #cccccc;
}
.sec_report .blog_report a .report_txt {
    font-size: 120%;
    font-weight: bold;
}
.sec_report .blog_report a:focus{
    position: relative;
}

/* ==================================================
Sns + Banner section
================================================== */
.sec_sns .blog_sns a{
    display: inline-block;
}
.sec_pamphlet {
    color: #00693e;
    background-color: #edeac1;
    margin: 80px 0;
}
.sec_pamphlet > p{
    gap: 0 28px;
    padding: 30px 30px 20px 34px;
    color: #00693e;
    background-color: #edeac1;
}
.sec_pamphlet .pamphlet_info .ttl a{
    text-decoration: none;
    display: block;
    color: inherit;
    background-color: transparent;
}
.sec_pamphlet > p,
.sec_pamphlet .pamphlet_lft{
    display: flex;
}
.sec_pamphlet .pamphlet_lft{
    flex: 1;
    gap: 0 30px;
}
.sec_pamphlet .pamphlet_info{
    padding-top: 15px;
}
.sec_pamphlet .pamphlet_info .ttl{
    font-weight: bold;
    font-size: 168.8%;
    margin-bottom: 11px;
}
.sec_pamphlet .des{
    font-weight: bold;
    line-height: 2;
}
.sec_pamphlet .pamphlet_icon,
.sec_pamphlet .pamphlet_rgt{
    padding-top: 7px;
}
.sec_pamphlet .pamphlet_icon img{
    max-width: 130px;
}
.sec_pamphlet .pamphlet_info > span{
    display: block;
}
.sec_pamphlet .pamphlet_rgt{
    display: inline-block;
    width: 216px;
}
.sec_pamphlet .pamphlet_rgt .img img{
    width: 100%;
    height: auto;
    vertical-align: top;
}
.sec_sns {
    display: flex;
    gap: 0 2%;
    margin-top: 80px;
    margin-bottom: 40px;
    text-align: center;
}
.sec_sns .blog_sns {
    width: 49%;
}
.sec_related_links{
    margin-bottom: 60px;
}
.sec_related_links h2 {
    text-align: center;
    margin: 40px 0 10px;
    font-size: 200%;
    font-weight: bold;
    line-height: 2;
}
.sec_related_links .related_links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
}
.sec_related_links .related_link {
    width: calc((100% - 30px) / 4);
}
.sec_related_links .related_link a {
    position: relative;
    display: block;
    color: #000000;
    background-color: transparent;
    text-decoration: none;
}
.sec_related_links .related_link a:focus-visible {
    position: relative;
    z-index: 1;
}
.sec_related_links .related_link a > span{
    display: block;
}

/* ==================================================
Mainvs language
================================================== */
.custom_language #tmp_mainvs{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-flow: row wrap;
    margin-bottom: 25px;
}
.custom_language .mainvs_en #tmp_mainvs_thumbnail{
    position: static;
    margin-left: 0;
}
.custom_language .mainvs_en #tmp_mainvs_thumbnail .splide__slide img{
    width: 100%;
    vertical-align: top;
}
.custom_language #tmp_mainvs #tmp_mainvs_splide{
    order: 0;
    flex: 1 1 100%;
    margin-bottom: 5px;
}
.custom_language #tmp_mainvs .splide__controls{
    order: 1;
    position: static;
}
.custom_language #tmp_mainvs .splide__toggle{
    margin-right: 10px;
}
.custom_language #tmp_mainvs #tmp_mainvs_thumbnail{
    order: 2;
}
/* edit part top */
.custom_language #tmp_contents h2{
    position: relative;
    color: #00693e;
    background: #FFFFFF url(/shared/templates/gt_top/images/main_language/line_ttl.png) no-repeat center bottom;
    background-size: auto 5px;
    padding: 22px;
}
.custom_language #tmp_contents h3{
    padding-bottom: 2px;
    border-bottom: solid 3px #000000;
    padding-left: 18px;
    margin-bottom: 31px;
    background: #ffffff url(/shared/templates/gt_top/images/main_language/icon_diamond.png) no-repeat 0 12px;
    background-size: 8px auto;
    border-radius: 0;
    color: #000000;
    text-align: left;
    padding-top: 0;
    margin-top: 41px;
}
.custom_language #tmp_contents p img{
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.custom_language #tmp_contents a img{
    transition: opacity 0.3s ease-in-out;
}
.custom_language #tmp_contents a:hover img{
    opacity: 0.6;
}
/* ==================================================
hover
================================================== */
.sec_report .blog_report a .report_img {
    transition: opacity 0.3s;
}
.sec_report .blog_report a:hover .report_img,
#tmp_mainvs_thumbnail .splide__list>.splide__slide:hover img {
    opacity: 0.6;
}
.custom_en .simple_link a:hover,
.sec_report .blog_report a:hover .report_txt,
.sec_pamphlet .pamphlet_info .ttl a:hover{
    text-decoration: underline;
}
.news_list table td.news_url > a:hover {
    text-decoration: none;
}
.blog_sns a,
.sec_related_links .related_link a,
#tmp_mainvs .event_banner a,
.sec_about .about_btn a {
    position: relative;
}
.blog_sns a:before,
.sec_related_links .related_link a:before,
#tmp_mainvs .event_banner a:before,
.sec_about .about_btn a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #000000;
    opacity: 0;
    transition: 0.3s ease-in-out opacity;
}
.blog_sns a:hover:before,
.sec_related_links .related_link a:hover:before,
#tmp_mainvs .event_banner a:hover:before,
.sec_about .about_btn a:hover:before{
    opacity: 1;
}
/* ==================================================
accessibility
================================================== */
.color_blue #tmp_wrapper .sec_related_links img,
.color_black #tmp_wrapper .sec_related_links img,
.color_yellow #tmp_wrapper .sec_related_links img,
.color_blue #tmp_wrapper .sec_pamphlet .pamphlet_icon img,
.color_black #tmp_wrapper .sec_pamphlet .pamphlet_icon img,
.color_yellow #tmp_wrapper .sec_pamphlet .pamphlet_icon img,
.color_blue #tmp_wrapper .section_ttl img,
.color_black #tmp_wrapper .section_ttl img,
.color_yellow #tmp_wrapper .section_ttl img{
    background-color: #ffffff !important;
}
.color_blue .sec_about,
.color_black .sec_about,
.color_yellow .sec_about,
.color_blue .sec_pamphlet,
.color_black .sec_pamphlet,
.color_yellow .sec_pamphlet{
    border: 1px solid;
}
.color_blue #tmp_mainvs .splide__toggle{
    background-image: url(/shared/site_gt/images/icon/pause_btn_icon_blue.png) !important;
}
.color_black #tmp_mainvs .splide__toggle{
    background-image: url(/shared/site_gt/images/icon/pause_btn_icon_black.png) !important;
}
.color_yellow #tmp_mainvs .splide__toggle{
    background-image: url(/shared/site_gt/images/icon/pause_btn_icon_yellow.png) !important;
}
.color_blue #tmp_mainvs .splide__toggle:not(.is-active) {
    background-image: url(/shared/site_gt/images/icon/play_btn_icon_blue.png) !important;
}
.color_black #tmp_mainvs .splide__toggle:not(.is-active) {
    background-image: url(/shared/site_gt/images/icon/play_btn_icon_black.png) !important;
}
.color_yellow #tmp_mainvs .splide__toggle:not(.is-active) {
    background-image: url(/shared/site_gt/images/icon/play_btn_icon_yellow.png) !important;
}
.color_black #tmp_mainvs .event_banner a:before,
.color_blue #tmp_mainvs .event_banner a:before,
.color_black .sec_about .about_btn a:before,
.color_blue .sec_about .about_btn a:before,
.color_black .blog_sns a:before,
.color_blue .blog_sns a:before,
.color_black .sec_related_links .related_link a:before,
.color_blue .sec_related_links .related_link a:before {
    border-color: #FFFF00;
}
/* fsize */
.fsize_big2 .sec_news .news_list_wrap {
    padding-left: 3%;
    padding-right: 3%;
}
.fsize_small .news_list table td.date_col {
    width: 100px;
}
.fsize_big .news_list table td.date_col {
    width: 145px;
}
.fsize_big2 .news_list table td.date_col {
    width: 220px;
}
/* no_js */
.no_javascript #tmp_mainvs_splide.splide{
    visibility: visible;
}
.no_javascript #tmp_mainvs_splide .splide__track{
    overflow-y: auto;
    max-height: 607px;
}
#tmp_mainvs_splide.no-splide .splide__list,
.no_javascript #tmp_mainvs_splide .splide__list{
    display: block;
}
.no_javascript #tmp_mainvs_splide .splide__slide:not(:first-child){
    margin-top: 20px;
}
/* language */
.color_blue.custom_language .simple_link a,
.color_yellow.custom_language .simple_link a,
.color_black.custom_language .simple_link a {
	border: 1px solid;
}
.color_blue.custom_language .sec_ttl h2::before,
.color_yellow.custom_language .sec_ttl h2::before,
.color_black.custom_language .sec_ttl h2::before {
	display: none;
}
.color_blue.custom_language .sec_activity .activity_list li:nth-child(2n+1)::before,
.color_black.custom_language .sec_activity .activity_list li:nth-child(2n+1)::before {
    border-color: #FFFF00;
}
.color_blue.custom_language #tmp_contents h3,
.color_yellow.custom_language #tmp_contents h3,
.color_black.custom_language #tmp_contents h3 {
	border-radius: 0;
}
/* ==================================================
clearfix
================================================== */
.section_ttl h2:after {
	content: "";
	/* Do not edit */
	display: table;
	/* Do not edit */
	clear: both;
	/* Do not edit */
}