.group-buttons{background-color:#fff; padding:40px 50px; border-radius:20px;}
.group-buttons ul{display: flex; flex-wrap: wrap; margin-top:25px;}
.group-buttons ul li{width:calc(100%/5 - 10px*4/5); margin-right:10px; margin-bottom:20px}
.group-buttons ul li a{border:1px #20783F solid; line-height: 150%; font-size: 14px; font-weight: 500; display: block; padding:12px 20px; border-radius: 50px; transition: ease all .5s}
.group-buttons ul li.active a,
.group-buttons ul li a:hover{background-color:#20783F; color:#fff}
.group-buttons ul li a:after{width: 5px; height: 8px; position: absolute; content: ''; right: 20px; top: calc(50% - 7.5px / 2); background-image: url(../images/icon2.png); background-size: 100% 100%;}
.group-buttons ul li.active a:after,
.group-buttons ul li a:hover:after{background-image: url(../images/icon2-white.png)}



/*Headings*/
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px;}

h1.first, 
h2.first,
h3.first,
h4.first{margin-top:20px;}

p.first{margin-top:0px}

h1{font-size:80px;}
h2{font-size:32px; font-weight: 600; line-height: 150%; margin-bottom: 20px}
h3{font-size:28px; font-weight: 600; line-height: 150%; margin-bottom: 20px;}
h4{font-size:24px; font-weight: 500; line-height: 150%; margin-bottom: 20px;}
h5{font-size:20px; font-weight: 500}
h6{font-size:18px; font-weight: 500;}

.hfs-1{font-size:80px !important;}/*40 in mobile*/
.hfs-2{font-size:60px !important;}/*36 in mobile*/
.hfs-3{font-size:36px !important;}/*20 in mobile*/
.hfs-4{font-size:28px !important;}/*18 in mobile*/
.hfs-5{font-size:24px !important;}/*16 in mobile*/
.hfs-6{font-size:18px !important;}/*14 in mobile*/

h1 span.eng-title{line-height: 120%; color:#20783F; font-weight: 600; display: block}
h1 span.jp-title{font-size:20px; font-weight:500; color:#363738; line-height:140%; display: block; margin-top: 10px;}

h2.h2extrabig{font-size:60px; font-weight:600;}
h2.h2big{font-size:36px; font-weight:500;}

h2.bullet{padding-left:24px;}
h2.bullet:before{width:12px; height:12px; position: absolute; content:''; background-color: #20783F; border-radius:50%; left:0px; top: calc(50% - 12px/2)}

h2.section-title-left{border-radius:60px 0px 0px 60px; margin-left:-50px; padding:20px 0px 22px 50px; margin-bottom:50px}
h2.section-title-left:after{width:100%; height:90px;position: absolute; content:'';  top:0px; right: -100%;}

h2.section-title-right{border-radius:0px 60px 60px 0px; margin-right:-50px; padding:20px 50px 22px 0px; margin-bottom:50px}
h2.section-title-right:after{width:100%; height:90px; position: absolute; content:'';  top:0px; left:-100%;}

.white-title,
.white-title:after{background-color:#fff; color:#363738;}

.yellow-title,
.yellow-title:after{background-color:#F1B41C; color:#fff;}

.brown-title,
.brown-title:after{background-color:#734D2F; color:#fff;}

.orange-title,
.orange-title:after{background-color:#D76D18; color:#fff;}

.blue-title,
.blue-title:after{background-color:#356B9E; color:#fff;}

h4.h4num{padding-left:50px}
h4.h4num num{font-family: "Montserrat", sans-serif; display: flex; justify-content: center; align-items: center; position: absolute; left:0px; top:0px; background-color:#20783F; color:#fff; width:36px; height: 36px; border-radius: 50%; text-align: center; margin-right: 15px;}




.fw-500{font-weight:500}
.fw-600{font-weight:600}

.subtext{font-size: 20px; font-weight: 500;}

.note{font-size:14px; margin-top:20px}


p a{text-decoration: underline; color:#20783F}
.bradius-1{border-radius: 20px;}
.bradius-2{border-radius: 10px;}

.content-block-1{margin:50px 0px}
.content-block-2{margin:60px 0px}
.content-block-3{margin:100px 0px}

.content-block-1.first,
.content-block-2.first,
.content-block-3.first{margin-top:0px}

.content-block-1.last,
.content-block-2.last,
.content-block-3.last{margin-bottom:0px}




.sl-column-3-group{display: flex; flex-wrap: wrap; align-items: stretch;}
.sl-column-3-group .col{width:calc(33.33% - 23px*2/3); margin-right:23px; margin-bottom:40px}
.sl-column-3-group .col figure{aspect-ratio:16/9;}
.sl-column-3-group .col figure img{height: 100%; object-fit: cover}

.sl-column-2-group{display: flex; flex-wrap: wrap; align-items: stretch;}
.sl-column-2-group .col{width:calc(50% - 36px*1/2); margin-right:36px; margin-bottom:40px}
.sl-column-2-group .col:nth-child(2n){margin-right:0px; margin}
.sl-column-2-group .col figure{aspect-ratio:16/9;}
.sl-column-2-group .col figure img{height: 100%; object-fit: cover}

.sl-column-2-group .col.full-width{width: 100%; margin-right:0px;}

.tl-column-3-group{display: flex; flex-wrap: wrap; align-items: stretch;}
.tl-column-3-group .col{width:calc(33.33% - 36px*2/3); margin-right:36px; margin-bottom:40px}

.tl-column-3-group .col figure{aspect-ratio:16/9;}
.tl-column-3-group .col figure img{height: 100%; object-fit: cover}

.tl-column-2-group{display: flex; flex-wrap: wrap; align-items: stretch;}
.tl-column-2-group .col{width:calc(50% - 40px*1/2); margin-right:40px; margin-bottom:40px}
.tl-column-2-group .col:nth-child(2n){margin-right:0px; margin}
.tl-column-2-group .col figure{aspect-ratio:16/9;}
.tl-column-2-group .col figure img{height: 100%; object-fit: cover}

hr{height:4px; background-color:#DDDDDD; border:0px; margin: 15px 0px; border-radius:6px}

.tags{margin-bottom:5px; display: flex;}
.tags span{background-color:#ccc; font-size:13px; line-height: 120%; color:#fff; border-radius:5px; padding:4px 8px; margin-right:6px}
.tags span:last-child{margin-right:0px;}
.tags span.yellow{background-color:#F1B41C}
.tags span.orange{background-color:#D76D18}
.tags span.blue{background-color:#356B9E}
.tags span.brown{background-color:#734D2F}

.tags span a{color:#fff;}




a.headlink{line-height: 120%; width: fit-content; padding-right: 30px; font-size:20px; font-weight: 500}
a.headlink:hover{color:#20783f}
a.headlink:after{width:20px; height:20px; top: calc(50% - 20px/2); position: absolute; content:''; right:0px; background-image: url('../images/icon4.png'); background-size: 100% 100%}

a.headlink.yellow-icon:after{background-image: url('../images/icon10.png')}
a.headlink.brown-icon:after{background-image: url('../images/icon10-brown.png')}
a.headlink.orange-icon:after{background-image: url('../images/icon10-red.png')}
a.headlink.blue-icon:after{background-image: url('../images/icon10-blue.png')}

/* Buttons */
.btn-align-center{margin:0px auto}

.linkbtn{background-image:url('../images/icon2-white.png'); background-repeat: no-repeat; background-size:5px 8px; background-position: center right 16px;transition: ease all .5s; display: block; width: fit-content; color:#fff; border:1px #20783F solid; background-color:#20783F; line-height: 150%;  padding: 12px 44px 12px 40px; border-radius:60px; font-weight: 500}
.linkbtn:hover{background-image:url('../images/icon2.png'); background-color:#fff; color:#363738}

.pdfdownloadbtn{text-decoration: none; background-image:url('../images/icon5-white.png'); background-repeat: no-repeat; background-size:18px 18px; background-position: center right 24px; transition: ease all .5s; display: block; width: fit-content; color:#fff; border:1px #20783F solid; background-color:#20783F; line-height: 150%;  padding: 12px 52px 12px 40px; border-radius:60px; font-weight: 500}
.pdfdownloadbtn:hover{background-image:url('../images/icon5.png'); background-color:#fff; color:#363738}

.anchorlinkbtn{width: 100%; background-image:url('../images/icon6.png'); background-repeat: no-repeat; background-size:24px 24px; background-position: center right 16px; transition: ease all .5s; display: block; color:#363738; background-color:#fff; line-height: 150%;  padding: 13px 20px 13px 20px; border-radius:60px;  font-weight: 500}
.anchorlinkbtn:hover{background-image:url('../images/icon6-white.png'); background-color:#20783F; color:#fff}

.newwindowbtn{background-image:url('../images/icon7-white.png'); background-repeat: no-repeat; background-size:13px 11px; background-position: center right 24px; transition: ease all .5s; display: block; width: fit-content; color:#fff; border:1px #20783F solid; background-color:#20783F; line-height: 150%; padding: 12px 56px 12px 40px; border-radius:60px;  font-weight: 500}
.newwindowbtn:hover{background-image:url('../images/icon7.png'); background-color:#fff; color:#20783F}


.backbtn{display: block; width: fit-content; color:#20783F; border:1px #20783F solid; background-color:#fff; line-height: 150%; padding: 12px 77.5px; border-radius:60px;  font-weight: 500; transition: ease all .5s;}
.backbtn:hover{background-color:#20783F; color:#fff;}

.pdfdownloadlink{background-image:url('../images/icon8.png'); background-repeat: no-repeat; background-size:22px 22px; background-position: center right; color:#363738; padding-right:30px; text-decoration: underline;}
.googlemaplink{background-image:url('../images/icon7.png'); background-repeat: no-repeat; background-size:13px 11px; background-position: center right; color:#20783F; padding-right:20px; text-decoration: underline;}

.btnreadmore{z-index:1; cursor: pointer; display: block; width: fit-content; color:#363738; border:1px #20783F solid; background-color:#fff; line-height: 150%; padding: 12px 50px 12px 30px; border-radius:60px;  font-weight: 500; transition: ease all .5s; margin:60px auto 0px}
.btnreadmore:after{position: absolute; right:20px; content:'+'; font-size: 22px; color:#20783F}

.showall .btnreadmore{display: none;}
.block-center{margin:0px auto}

/* List */

.table-list{margin-top:40px}
.table-list ul{border-top:1px #DDDDDD solid; padding:24px 0px;}
.table-list ul:last-child{border-bottom:1px #DDDDDD solid;}
.table-list ul li:first-child{font-weight: 600}

.table-list-3col{margin-top:40px}
.table-list-3col ul{border-top:1px #DDDDDD solid; padding:24px 0px; display: flex;}
.table-list-3col ul:last-child,
.table-list-3col ul:nth-last-child(2),
.table-list-3col ul:nth-last-child(3){border-bottom:1px #DDDDDD solid;}
.table-list-3col ul li:first-child{width:80%; font-weight: 600}
.table-list-3col ul li:last-child{width:20%; text-align: center}



.history-table-list{margin-top:40px}
.history-table-list ul{border-top:1px #DDDDDD solid; padding:24px 0px;}
.history-table-list ul:last-child{border-bottom:1px #DDDDDD solid}
.history-table-list ul li:first-child{ font-weight: 600; color:#20783F; font-family: "Montserrat", sans-serif; font-size: 24px}


@media(min-width:1201px)
{
	.tl-column-3-group .col:last-child,
	.sl-column-3-group .col:last-child,
	.sl-column-3-group .col:nth-child(3n){margin-right:0px;}
	.tl-column-3-group .col:nth-child(3n){margin-right:0px;}
	
	.megamenu-buttons a.headlink{display: block;}
	
	.megamenu-buttons{background-color:#fff; padding:40px 50px; border-radius:20px; box-shadow: 4px 4px 4px 0px #0000001A;}
	.megamenu-buttons ul{margin-top:25px;}
	.megamenu-buttons ul li:nth-child(5n){margin-right:0px;}
	.megamenu-buttons ul li a{display:block; font-size: 14px; font-weight: 500; line-height: 150%; border:1px #20783F solid; padding:12px 20px; border-radius: 50px; transition: ease all .5s}
	.megamenu-buttons ul li.active a,
	.megamenu-buttons ul li a:hover{background-color:#20783F; color:#fff}
	.megamenu-buttons ul li a:after{width: 5px; height: 8px; position: absolute; content: ''; right: 20px; top: calc(50% - 8px / 2); background-image: url(../images/icon2.png); background-size: 100% 100%;}
	.megamenu-buttons ul li.active a:after,
	.megamenu-buttons ul li a:hover:after{background-image: url('../images/icon2-white.png')}
	.megamenu-buttons ul{display: flex; flex-wrap: wrap;}
	.megamenu-buttons ul li{width:calc(100%/5 - 10px*4/5); margin-right:10px; margin-bottom:20px}
}
@media(min-width:781px)
{
	h1,
	.hfs-1{white-space: nowrap}
	
	.news-details-header h1,
	.news-details-header .hfs-1{white-space: unset}
	
	.group-buttons ul li:nth-child(5n){margin-right:0px;}
	
	
	
	.sl-column-2-group,
	.tl-column-2-group,
	.sl-column-3-group,
	.tl-column-3-group{margin-bottom:-40px}
	
	
	
	.reverse-row{flex-direction: row-reverse;}
	.reverse-row .col:first-child{margin-right: 0px;}
	
	.tl-column-2-group.reverse-row .col:nth-child(2){margin-right: 40px;}
	.sl-column-2-group.reverse-row .col:nth-child(2){margin-right: 36px;}

	
	.table-list ul{display: flex;}
	.table-list ul li:first-child{width:220px;}
	.table-list ul li:last-child{width: calc(100% - 220px);}
	
	.table-list-3col{display: flex; flex-wrap: wrap;}
	.table-list-3col ul{display: flex; width: calc(33.33% - 38px * 2 / 3); margin-right: 38px;}
	.table-list-3col ul:nth-child(3n){margin-right:0px;}
	
	
	
	.history-table-list ul{display: flex;}
	.history-table-list ul li:first-child{width:220px;}
	.history-table-list ul li:last-child{width: calc(100% - 220px);}
	
	.anchorlinkbtn{max-width: 241px; }
}


@media(min-width:781px) and (max-width:1200px)
{
	
	
	.group-buttons{padding:30px 20px;}	
	.group-buttons ul li a{padding:10px;}	
	.group-buttons ul li a:after{right:10px;}
	
	
	
	
	.table-list-3col ul{display: flex; width: calc(50% - 38px * 1 / 2); margin-right: 38px;}
	.table-list-3col ul:nth-child(3n){margin-right:38px;}
	.table-list-3col ul:nth-child(2n){margin-right:0px;}
	
	.group-buttons ul li{width: calc(100% / 3 - 10px * 2 / 3);}
	.group-buttons ul li:nth-child(5n){margin-right: 10px;}
	.group-buttons ul li:nth-child(3n){margin-right: 0px;}
	
	.megamenu-buttons ul li{width:calc(100%/3 - 10px*2/3);}
	.megamenu-buttons ul li:nth-child(5n){margin-right: 10px;}
	.megamenu-buttons ul li:nth-child(3n){margin-right: 0px;}
	
	.tl-column-3-group .col{width: calc(50% - 20px * 1 / 2); margin-right:20px}
	.tl-column-3-group .col:nth-child(2n){margin-right: 0px;}	
	
	.sl-column-3-group .col{width: calc(50% - 20px * 1 / 2); margin-right:20px}
	.sl-column-3-group .col:nth-child(2n){margin-right: 0px;}	
	
	.tl-column-2-group .col{width: calc(50% - 20px * 1 / 2); margin-right:20px}
	.tl-column-2-group .col:nth-child(2n){margin-right: 0px;}		
	
	.sl-column-2-group .col{width: calc(50% - 20px * 1 / 2); margin-right:20px}
	.sl-column-2-group .col:nth-child(2n){margin-right: 0px;}		
	
	/*
	.tl-column-3-group .col:nth-last-child(-n+1),
	.sl-column-3-group .col:nth-last-child(-n+1),
	.tl-column-2-group .col:nth-last-child(-n+1),
	.sl-column-2-group .col:nth-last-child(-n+1){margin-bottom: 0px;}*/
	
	.tl-column-2-group.reverse-row .col:nth-child(2),
	.sl-column-2-group.reverse-row .col:nth-child(2){margin-right: 20px;}
	
	
	
	.phl{display: block;}
	.phl-graphic{width: fit-content; margin: 0px auto 15px;}
	.phl-text{text-align: center;}
	
}


@media(min-width:781px) and (max-width:1300px)
{
	h1,
	.hfs-1{font-size: 60px !important;}
	
	.recruitment-header h1,
	.recruitment-header .hfs-1{font-size:4.231vw !important}
}

@media(max-width:1200px)
{
	/*.megamenu-buttons{padding:30px 20px;}*/
	.megamenu-buttons ul li a{padding:10px;}
	.megamenu-buttons ul li a:after{right:10px;}
	
	.megamenu .container,
	.megamenu .container-lb{padding:0px;}	
	.megamenu-buttons ul{margin-top:0px; padding:0px 0px 10px}
	.megamenu-buttons ul li a{display:block; border:0px; color:#fff; padding: 8px 0px; font-size: 12px;}
	.megamenu-buttons ul li:first-child a {padding-top: 0px;}
	
	.megamenu-buttons a.headlink{display: none;}
}

@media(max-width:780px)
{
	
	.subtext{font-size:14px}
	
	.content-block-1,
	.content-block-2,
	.content-block-3{margin: 30px 0px;}
	
	a.headlink{font-size:18px; padding-right:25px;}
	a.headlink:after{width: 18px; height: 18px; top: calc(50% - 18px / 2);}
	
	h1{font-size:40px}
	h1 span.eng-title{}
	h1 span.jp-title{font-size:14px;}
	
	h2.h2big,
	h2{font-size:20px; margin-bottom: 12px}
	
	h2.section-title-left,
	h2.section-title-right{font-weight:500; padding:14px 0px 14px 25px; margin-bottom:30px}
	
	h2.section-title-left{margin-left: 0px;}
	h2.section-title-right{margin-right: 0px;}
	
	h2.section-title-left:after,
	h2.section-title-right:after{height:58px;}	
	
	h2.bullet{padding-left:16px;}
	h2.bullet:before{width:8px; height:8px; top: calc(50% - 8px/2)}
	
	h3{font-size: 18px; margin-bottom: 12px}
	h4{font-size: 16px; margin-bottom: 12px}
	h4.h4num{padding-left: 38px;}
	h4.h4num num{font-size: 16px; line-height:120%; width: 24px; height: 24px}
	h5{font-size:16px}
	h6{font-size: 16px;}
	
	.hfs-1{font-size:40px !important;}/*80 in pc*/
	.hfs-2{font-size:36px !important;}/*60 in pc*/
	.hfs-3{font-size:20px !important;}/*36 in pc*/
	.hfs-4{font-size:18px !important;}/*28 in pc*/
	.hfs-5{font-size:16px !important;}/*24 in pc*/
	.hfs-6{font-size:14px !important;}/*18 in pc*/
	
	.table-list{}
	.table-list ul{padding:16px 0px}
	.table-list ul li:first-child{margin-bottom:6px}
	
	.history-table-list{}
	.history-table-list ul{padding:16px 0px}
	.history-table-list ul li:first-child{margin-bottom:6px; font-size: 18px;}
	
	.linkbtn{padding:10.5px 42px;}
	.pdfdownloadbtn{padding: 10.5px 46px 10.5px 30px;background-position: center right 20px; background-size: 16px 16px}
	.anchorlinkbtn{padding: 11.5px 20px 11.5px 20px; background-position: center right 12px;}
	.newwindowbtn{background-position: center right 16px; padding: 10.5px 50.42px 10.5px 40px;}
	.backbtn{padding: 10.5px 59px;}
	.pdfdownloadlink{background-size: 20px 20px;}
	.googlemaplink{background-size: 11px 10px;}
	
	.bradius-1{border-radius: 10px;}
	.bradius-2{border-radius: 5px;}
	
	.group-buttons{padding: 24px 20px; line-height: 120%; border-radius: 10px;}
	.group-buttons ul{margin-top:20px;}
	.group-buttons ul li{width:calc(100%/2 - 5px); margin-right:10px; margin-bottom:10px}
	.group-buttons ul li:nth-child(2n){margin-right:0px;}
	.group-buttons ul li a{font-size:10px; padding:9px 10px 9px 12px}
	.group-buttons ul li a:after{right: 10px;}
	
	
		
	
	
		
	.sl-column-3-group,
	.sl-column-2-group,
	.tl-column-3-group,
	.tl-column-2-group{display: block;}
	
	.sl-column-3-group .col,
	.sl-column-2-group .col,
	.tl-column-3-group .col,
	.tl-column-2-group .col{width:100%; margin-right:0px; margin-bottom:30px}	
	
	.sl-column-3-group .col:last-child,
	.sl-column-2-group .col:last-child,
	.tl-column-3-group .col:last-child,
	.tl-column-2-group .col:last-child{margin-bottom:0px;}
	
	hr{height:2px; margin:10px 0px; border-radius: 3px}
	
	.tags{}
	.tags span{font-size:10px; border-radius: 2.5px; margin-right: 4px;}
	
	.awards h2{margin-bottom:20px}
	.awards .award-info a{font-size: 10px}
	.awards .award-info h5{margin-right: 12px;}
	
	.table-list,
	.history-table-list,
	.table-list-3col{margin-top:25px;}
	
	.recruitment-header h1{font-size: max(22px, 4.103vw);}
	
	
	.btnreadmore{margin: 50px auto}
	
	
}