@charset 'utf-8';
/* html { overflow-x: hidden; } */
body .ue-sidebar-container {
    display: none;
    width: 1px;
    position: relative;
}
body {
	font-feature-settings:"palt";
	letter-spacing:normal;
}

.blue {
	color:#00a9e0;
}

img {
	vertical-align:bottom;
}

a {
	text-decoration:none;
	color:inherit;
	color:initial;
	opacity:1;
	transition-duration:.2s;
	transition-property:opacity;
	transition-delay:0;
}

a:hover {
	/*opacity:.65;*/
}

.footer .btn,.footer-info .btn,.header .btn {
	display:inline-block;
	padding:1em;
	text-align:center;
	border-radius:5px;
	background:#f4f5f7;
	color:#1c2438;
}

.btn.bold {
	font-weight:700;
}

.btn.blue {
	background:#00a9e0;
	color:#fff;
	}

.btn.white {
	background:#fff;
	color:#000;
	}

.btn.arrow {
	position:relative;
	padding-right:2em;
	}

.btn.arrow:after {
	content:"";
	width:5px;
	height:5px;
	position:absolute;
	top:50%;
	right:1em;
	transform:rotate(45deg) translateY(-50%);
	border-color:#1c2438;
	border-width:1px;
}

.btn.arrow.right:after {
	border-style:solid solid none none;
}

.btn.arrow.up:after {
	border-style:solid none none solid;
}

.btn.arrow.down:after {
	border-style:none solid solid none;
}

.header .right .btn-block a.btn {
    transition: all 0.6s ease;
    padding: 0.7em 2em;
    font-size: 1.6rem;
}

.header .right .btn-block a.btn.btn-yellow {
    background: #ffaf00;
    color: #FFF;
    border: 1px solid #ffaf00;
}
.header .right .btn-block a.btn.btn-yellow:hover {
    background: #FFFFFF;
    color: #ffaf00;
}
.header .right .btn-block a.btn.btn-yellow-bdr {
    background: #FFFFFF;
    color: #ffaf00;
    border: 1px solid #ffaf00;
}
.header .right .btn-block a.btn.btn-yellow-bdr:hover {
    background: #ffaf00;
    color: #FFFFFF;
}

.cursor-default {
	cursor:default;
}

.cursor-default:hover {
	opacity:1!important;
}

.event-none {
	pointer-events:none;
}

div.header {
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:21;
}
div.header.float {
	top: 10px;
}

.header header {
	/* font-size:.8125em; */
	font-size:1rem;
	padding:10px 20px;
	box-sizing:border-box;
	background-color: #FFFFFF;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	z-index: 21;
}

.header header.shadow {
	box-shadow:0 5px 10px -5px rgba(0,0,0,.2);
	position:relative;
	z-index:10;
}

.header .left {
	width:20%;
}

.header.header-en .left {
	width:70%;
}

.header .logo {
	/*margin-right:50px;*/
	margin: 0.67em 0;
}

.header.header-en .logo {
	margin-right:5.7%;
	width:8%;
	}

.header .logo img {
	width:260px;
	height:auto;
}

.header.header-en .logo img {
	max-width:100%;
}

.toggle-links {
	display: none;
	background: #417d80;
	position: absolute;
	top: 75px;
	right: 10px;
	width: auto;
	border-radius: 10px;
}
.toggle-links ul {
    padding: 0 0 10px;
    list-style: none;
    margin: 0;
}
.toggle-links ul li {
    color: #FFFFFF;
    font-weight: normal;
}
.toggle-links ul li.user-data.flex {
    padding: 10px 20px;
    gap: 1em;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
}
	.toggle-links ul li a {
		display: flex;
		align-items: center;
		color: #FFFFFF;
		padding: 6px 20px;
		gap: 0.5em;
		align-items: center;
		justify-content: flex-start;
	}
	.toggle-links ul li img {
	    max-height: 1.2em;
	}

nav.global-nav {
    position: fixed;
/*
    top: 75px;
*/
    top: 74px;
    left: 0;
    z-index: 1;
    width: 100%;
    background: #FFFFFF;
    z-index: 20;
}
nav.global-nav ul.global-nav-links.pc {
    display: flex !important;
    gap: 1.5em;
    list-style: none;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.header .left .menu li {
	display:inline-block;
	margin-right:2.6vw;
	}

.header.header-en .left .menu li {
	margin-right:0;
}

.header .left .menu li:last-child,body.top .header .left .menu li:last-child {
	margin-right:0;
}

.header .left .menu li a {
	display:block;
	color:#fff;
	font-weight:700;
}

.header .left .menu li a.arrow {
	position:relative;
	padding-right:1em;
	}

.header .left .menu li a.arrow:after {
	content:"";
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	width:5px;
	height:5px;
	position:absolute;
	top:20%;
	right:0;
	transform:rotate(45deg);
}

.header .right {
	width:80%;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:flex-end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
/* 	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap; */
}

.header.header-en .right {
	width:40%;
}
.search-block {
    /*max-width: 300px;*/
    max-width: 220px;
    position: relative;
}
.search-block input.form-search.form-control {
    width: calc(100% - 10px - 3em);
    font-size: 1.6rem;
    border: none;
    background: #EFEFEF;
    padding: 10px 10px 10px 3em;
    border-radius: 50px;
    position: relative;
    background-image: url(../img/common/icon-search.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: auto 50%;
    box-shadow: none;
}
.header .right .text a {
	display:inline-block;
	margin-right:1vw;
	color:#fff;
	font-weight:700;
}

.header.header-en .right .text a {
	margin-right:.4vw;
}

/* .header.float .right .text a {
	color:#838690;
}

.header.float .right .text a.tel {
	background:#f7f7f7;
	padding:1em;
	}

.header.float .right .text a:hover {
	color:#00a9e0;
}
 */
.header.header-en .right .btn-block {
	display:flex;
	display:-webkit-flex;
	display:-ms-flexbox;
	align-items:stretch;
	-webkit-align-items:stretch;
	-ms-flex-align:stretch;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}

.header .right .btn-block a {
    box-sizing: border-box;
    margin-left: 0.85vw;
    width: auto;
    height: auto;
    line-height: normal;
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    padding: 0.7em 2em;
}

.header.header-en .right .btn-block a {
	display:flex;
	display:-webkit-flex;
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	align-items:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	white-space:nowrap;
}

.user-links {
    display: none;
}
.user-links.active {
	display: flex;
}

@media screen and (max-width:1320px) {
	.header .logo {
	margin-right:3vw;
	}

	.header .left {
	width:30%;
	}

	.header .right {
	width:70%;
	}

	.header header {
	font-size:.985vw;
	}

	.header header .btn {
	padding:1.212vw;
	}

}

@media screen and (min-width:1024px) {

	.hamburger-menu {
		display:none !important;
	}

}

.megamenu-wrapper .unit-others {
	margin-top:2em;
	background:#f4f5f7;
	border-radius:10px;
	width:100%;
	box-sizing:border-box;
	padding:1em;
}

.megamenu-wrapper .unit-others .unit-wrap {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:flex-start;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}

.megamenu-wrapper .unit-others .unit-wrap .ttl {
	color:#000;
	font-weight:700;
	font-size:1.30208vw;
	position:relative;
	margin-right:2.4em;
}

.megamenu-wrapper .unit-others .unit-wrap .ttl:after {
	content:"";
	border-top:2px solid #000;
	border-right:2px solid #000;
	position:absolute;
	width:.5em;
	height:.5em;
	right:-1em;
	top:50%;
	transform:rotate(45deg) translateY(-65%);
}

.megamenu-wrapper .unit-others .unit-wrap .subttl {
	font-size:.7291667vw;
	font-weight:700;
	margin-right:2em;
}

.megamenu-wrapper .unit-others .unit-wrap .body {
	font-size:.625vw;
}


.header-menu-links ul.flex {
    list-style: none;
    /*margin-right: 2em;*/
    margin-right: 10em;

    gap: 2em;
    position: relative;
    width:100%;
}
.header-menu-links ul.flex a {
    font-size: 1.6rem;
    font-weight: normal;
    color: #444444;
}
.user-links.login-links.active .bell-block {
    position: relative;
    margin-left: 30px;
}
.user-links.login-links.active .bell-block a {
    display: block;
    width: 45px;
    height: 45px;
    position: relative;
}
.user-links.login-links.active .bell-block a img {
    width: 40px;
    text-align: center;
    position: relative;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
}
.user-links.login-links.active .bell-block span.notice-badge {
	position: absolute;
	background: #FF0000;
	font-size: 1.2rem;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px;
	border-radius: 50%;
	top: -5px;
	right: -5px;
	line-height: 1.2em;
	min-width: 1.2em;
	text-align: center;
}
@media screen and (max-width:500px) {
	.user-links.login-links.active .bell-block span.notice-badge {
		position: absolute;
	    background: #FF0000;
	    font-size: 1.2rem;
	    font-weight: bold;
	    color: #FFFFFF;
	    padding: 3px;
	    border-radius: 50%;
	    top: 12px;
	    /* right: -5px; */
	    line-height: 1.2em;
	    min-width: 0.2em;
	    text-align: center;
	    width: 50%;
	    height: 50%;
	    left: 30px;
	    margin: 0;
	}
}



.user-links.login-links.active .user-block.flex a.btn.btn-green.circle-link {
    margin: 0;
    border-radius: 50%;
    line-height: 1;
    margin-left: 20px;
}
.user-links.login-links.active .user-block.flex a.toggle-link {
    margin: 0 20px 0 10px;
}
.user-links.login-links.active .user-block.flex a.toggle-link img {
    width: 15px;
}

.program nav.global-nav {
	background: rgba(255,255,255,0);
}
nav.global-nav ul.global-nav-links.pc {
    display: none !important;
}
.top nav.global-nav ul.global-nav-links.pc {
    display: flex !important;
}
.program-nav-links {
    position: relative;
    margin-top: 9px;
    z-index: 21;
    border-top: 1px solid #E5E5E5;
}
.program-nav-links ul {
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1500px;
    margin: 0 auto;
}
.program-nav-links ul::before {
    background: #44A3A8;
    content: "";
    width: 100vw;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 19;
}
.program-nav-links ul li {
    color: #FFFFFF;
    width: 20%;
    text-align: center;
    z-index: 20;
    position: relative;
}
.program-nav-links ul li.nav-title {
    width: 40%;
    text-align: left;
	padding: 13px 20px;
	font-weight: normal;
}
.program-nav-links ul li a {
    display: block;
    padding: 13px 20px;
    color: #FFFFFF;
    transition: all 0.4s ease;
	font-weight: normal;
}
.program-nav-links ul li.program-nav-01 a { background-color: #73B6BA; }
.program-nav-links ul li.program-nav-02 a { background-color: #83BDC0; }
.program-nav-links ul li.program-nav-03 a { background-color: #93C3C5; }
.program-nav-links ul li a:hover,
.program-nav-links ul li.active a {
    background: #FFFFFF;
    color: #44A3A8;
    opacity: 1;
    padding-bottom: 25px;
    box-shadow: 1px 0 5px rgba(0,0,0,0.3);
}

section.footer-info {
	font-size:16px;
	background:url("../../images/202007/footer/bg.png") center center no-repeat;
	background-size:cover;
	height:400px;
	width:100%;
	position:relative;
}

section.footer-info .contents-wrap {
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	text-align:center;
}

section.footer-info .contents-wrap .ttl {
	font-size:30px;
	font-weight:700;
	color:#fff;
}

section.footer-info .contents-wrap .btn-area {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
}

section.footer-info .contents-wrap .btn-area .btn {
	box-sizing:border-box;
	width:20em;
	margin:2em .5em;
	font-size:1em;
	font-weight:700;
	padding:1.5em 0;
	height:auto;
	line-height:normal;
}

section.footer-info .contents-wrap .btn-area2 .btn {
	font-weight:700;
	padding:1em 2em;
	height:auto;
	line-height:normal;
}

@media screen and (max-width:1320px) {
	section.others .download ul li .btn,section.others .seminar ul li .btn {
	font-size:.97vw;
	}

}

section.footer-info.cm {
	background:#fff;
	height:510px;
	}

section.footer-info.cm .line-bg {
	background:#00a9e0;
	height:0;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
}

section.footer-info.cm .contents-wrap {
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-7%) translateY(-50%);
	text-align:center;
	z-index:3;
}

section.footer-info.cm .person-wrap {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-115%);
	z-index:3;
	pointer-events:none;
}

section.footer-info.cm .person-wrap img {
	width:500px;
	height:auto;
	}

section.footer-info.cm .contents-wrap .btn-area .btn {
	background:#00a9e0;
	color:#fff;
	}

section.footer-info.cm .contents-wrap .btn-area2 .btn {
	border:1px solid #00a9e0;
	background:#fff;
	color:#00a9e0;
}

section.footer-info.cm .contents-wrap .ttl {
	color:#1c2438;
}

footer {
	font-size:16px;
	background:#FCFCFC;
	width:100%;
}
footer .footer-head {
    background: #44a3a8;
    padding: 60px 20px;
    position: relative;
}
footer .footer-head .inner {
    max-width: 1260px;
    margin: 0 auto;
    position: relative;
}
footer .footer-head .inner .icon-links {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
footer .footer-head .inner .icon-links li a {
    font-size: 1.2rem;
    padding: 0;
    width: calc(100%);
    color: #FFFFFF;
}
footer .footer-head .inner .icon-links li a img {
    width: 100%;
    max-width: 80px;
    text-align: center;
    display: block;
    margin: 0 auto 20px;
}
footer .footer-contents {
    padding: 60px 0 100px;
    position: relative;
    max-width: 1260px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}
footer .footer-contents > * {
    width: 50%;
}
footer .footer-contents ..menu2-wrapper {
    width: calc(50% - 40px);
}
footer .footer-contents .data-contents {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    position: relative;
}
footer .footer-contents .data-contents img {
    width: 130px;
}
footer .footer-contents .data-contents .data-txts p.cop-name {
    font-size: 1.8rem;
    margin: 0 0 20px;
}
footer .footer-contents .data-contents .data-txts p.cop-data {
    font-size: 1.4rem;
    font-weight: normal;
}
p.copyright {
    color: #CCCCCC;
    font-size: 1.4rem;
    font-weight: normal;
    margin-top: 60px;
}
footer .footer-contents .menu2-wrapper ul.footer-links {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}
footer .footer-contents .menu2-wrapper .flex.cnt1 {
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
}
footer .footer-contents .menu2-wrapper .flex.cnt1 li.link-td a {
    font-size: 1.4rem;
    padding: 0 0 0.6em;
    display: block;
    font-weight: normal;
}
footer .footer-contents .menu2-wrapper ul.footer-links li.link-th {
    margin-bottom: 0.6em;
}
footer .footer-contents .menu2-wrapper .cnt3 ul.footer-links li.link-th {
    margin-bottom: 1em;
}

footer .footer-contents .menu2-wrapper ul.footer-links.footer-links-01 {
	display: flex;
}
footer .footer-contents .menu2-wrapper ul.footer-links.footer-links-01 li.link-th {
	width: 36%;
}


@media screen and (max-width:1560px) {
	.header .left {
		width: 260px;
	}
	.header .right {
		width: calc(100% - 260px);
	}
	.header-menu-links ul.flex {
		padding: 0;
	}
	.header-menu-links ul.flex a {
		font-size: 1.4rem;
	}
	.search-block {
		max-width: 240px;
	}
	.header .right .btn-block a.btn {
		padding: 0.7em 1em;
		font-size: 1.4rem;
	}

}

@media screen and (max-width:1320px) {
	.header .logo { margin-right: 0; }
	.search-block input.form-search.form-control {
		font-size: 1.4rem;
	}
	.search-block {
		max-width: 200px;
	}
	footer .footer .menu .block ul li a {
	font-size:1rem;
	}

	footer .footer .menu2-wrapper .wrap .menu2 ul li a {
	font-size:0.9rem;
	}

}

@media screen and (max-width:1100px) {
	.header .left,
	.header .logo img { width: 240px; }
}

#entry_bgblue {
	background:0 0;
	-moz-background-size:cover;
	background-size:cover;
	padding:0;
}

#footer {
	background:0 0;
	padding:0;
}


@media screen and (max-width:1024px) {
	body.fixed {
		width: 100%;
		height: 100%;
		position: fixed;
	}
	.flex {
		/* -webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap; */
		display: block !important;
	}
	.sp-none {
		display:none!important;
	}
	.header header {

/*
		padding: 10px;
*/
		padding: 5px 10px 5px;

		max-height: 60px;
		font-size: 0.7rem;
	}
	.header .right > .search-block {
		display: none;
	}
	.header header .menu {
		display:none;
	}
	.global-navi .header.header-en .left .menu,.global-navi-top .header.header-en .left .menu {
		display:none;
	}
	.global-navi .header.header-en .left .logo,.global-navi-top .header.header-en .left .logo {
		width:auto;
	}
	.header .left {
		width:40%;
	}
	.header.header-en .left {
		width:50%;
	}
	.header .logo img {
		width:100px;
	}
	.header .right {
		width: 60%;
		justify-content: flex-end;
		gap: 10px;
		display: flex !important;
	}
	.header.header-en .right {
		width:50%;
	}
	.header .right .btn-block a {
		margin:0;
		/* width:27.73vw; */
		font-size:2.667vw;
		padding:1em;
		vertical-align:middle;
		background: #0B3CAE;
	}
	.header .right .btn-block a.btn {
		transition: all 0.6s ease;
		padding: 0.6em 1em;
		font-size: 1.2rem;
	}
	.header.header-en .right .btn-block a {
		width:33vw;
	}
	.user-links.active {
		display: flex;
		gap: 10px;
		justify-content: space-between;
	}
	.sp.sp-menu {
		width: 40px;
		display: flex;
		justify-content: flex-start;
	}
	.menu-trigger,.menu-trigger span {
		display:inline-block;
		transition:all .4s;
		box-sizing:border-box;
	}
	.menu-trigger {
		margin: 0;
		position: relative;
		width: 25px;
		height: 20px;
		box-sizing: border-box;
		padding-right: 2em;
		display: block;
	}
	.menu-trigger span {
		position:absolute;
		left:0;
		width:100%;
		height:2px;
		background-color:#fff;
		border-radius:2px;
	}
	.global-navi .menu-trigger span {
		background-color:#555555;
	}
	.menu-trigger span {
		background-color:#555555;
		transition: all 0.4s ease;
		transform: rotate(0deg);
	}
	.menu-trigger span:nth-of-type(1) {
		top:0;
	}
	.menu-trigger span:nth-of-type(2) {
		top:50%;
		transform:translateY(-50%);
	}
	.menu-trigger span:nth-of-type(3) {
		bottom:0;
	}
	.menu-trigger.active span:nth-of-type(1) {
		top:50%;
		transform:translateY(-50%) rotate(315deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		display: none;
	}
	.menu-trigger.active span:nth-of-type(3) {
		top:50%;
		transform:translateY(-50%) rotate(-315deg);
	}
	nav.global-nav {
		position: relative;
		overflow: hidden;
/*
		top: 60px;
*/
		top: 34px;

	}
	nav.global-nav.active {
		display: block;
	}
	nav.global-nav ul.global-nav-links.pc { display: none !important; }
	.top nav.global-nav ul.global-nav-links.pc {
	    display: none !important;
	}
	nav .header2 {
		display:block;
		position:static;
		box-sizing:border-box;
		background:#00a9e0;
		font-size:.985vw;
		padding:4em 3em 3em;
		width:100%;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:justify;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center;
	}
	nav .header2 .logo {
		margin:0;
		width:40%;
	}
	nav .header2 .close-btn {
		width:4.6vw;
	}
	nav .header2 .close-btn img {
		width:4.6vw;
	}
	nav.sp-nav {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		overflow-y:scroll;
		z-index:31;
		display:none;
		overflow:scroll;
		background:#00a9e0;
	}
	.hamburger-menu {
		display: none;
		position: fixed;
		top: -101vh;
		overflow: hidden;
		transition: 0.6s all ease;
		opacity: 0;
		background: rgba(255,255,255,0);
		cursor: none;
	}
	.hamburger-menu.active {
		display: block;
		opacity: 1;
		top: 50px;
		z-index: 22;
		display: block;
		width: 100vw;
		height: calc(100vh - 60px);
		background: rgba(255,255,255,1);
		overflow-y: auto;
	}
	.hamburger-menu ul.global-nav-links.search-block {
		background: #edf6f6;
		padding: 25px;
		list-style: none;
		margin: 0;
		max-width: 100%;
	}
		.hamburger-menu ul.global-nav-links.search-block input.form-search.form-control {
		border: none;
		width: calc(100% - 70px);
		padding: 10px 10px 10px 60px;
		border-radius: 40px;
		box-shadow: 0px 0px 10px rgb(150 150 150 / 40%);
		background-image: url(../img/common/icon-search.png);
		background-repeat: no-repeat;
		background-position: 15px center;
		display: block;
		background-size: 25px;
		background-color: #FFFFFF;
	}
		.hamburger-menu ul.global-nav-links.link-block {
		padding: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0;
	}
		.hamburger-menu ul.global-nav-links.link-block li {
		width: calc(50% - 2px);
		list-style: none;
		border: 1px solid #DDDDDD;
	}
		.hamburger-menu ul.global-nav-links.link-block li a {
		font-size: 1.4rem;
		font-weight: normal;
		text-align: center;
		display: block;
		color: #44A3A8;
		padding: 20px 5px;
		line-height: 1.2;
	}
	.hamburger-menu ul.icon-links {
		background: #edf6f6;
		padding: 20px 10px;
		list-style: none;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 0;
	}
	.hamburger-menu ul.icon-links li {
		width: calc(25% - 20px);
		padding: 10px 10px 0;
		max-width: 100px;
	}
	.hamburger-menu ul.icon-links li a {
		font-size: 1.2rem;
		font-weight: normal;
	}
	.hamburger-menu ul.icon-links li a img {
		width: 100%;
	}
	.hamburger-menu ul.icon-links li a span {
		display: block;
		margin: 1em 0.5em;
		line-height: 1.4;
		text-align: center;
	}


	.header-menu-links {
		display: none;
	}
	.program-nav-links ul {
		padding: 0;
	}
	.program-nav-links ul::before {
		display: none;
	}
	.program-nav-links ul li {
		width: 33.333%;
	}
	.program-nav-links ul li.nav-title {
		display: none;
	}

	ul.footer-links {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		list-style: none;
		padding: 0 10px;
	}
	ul.footer-links a {
		font-size: 1.2rem;
		padding-right: 0.6em;
		margin-right: 0.6em;
		border-right: 1px solid;
		color: #44A3A8;
	}
	ul.footer-links li:last-child a {
		border: none;
	}
	.user-block.flex {
		display: flex !important;
	}
	.user-links.login-links.active .user-block.flex a.toggle-link { display: none; }
	.user-links.login-links.active .user-block.flex a.btn.btn-green.circle-link {
		margin: 0 10px;
		padding: 12px;
	}



	.program-nav-links {
		position: fixed;
		width: 100%;
		/*margin-top: 0;*/
		margin-top: 25px;
	}
	.program-nav-links ul li a {
		font-size: 1.2rem;
		padding: 0.5em 5px;
	}
	.program-nav-links ul li a:hover,
	.program-nav-links ul li.active a {
		box-shadow: none;
		padding: 0.5em 5px;
	}
	.program-nav-links ul li a span {
	    display: none;
	}

	.mypage .hamburger-menu .side-nav.ScrollSideTop ul.menu-01 > li > a {
		background: #44a3a8;
		padding-right: 50px;
		border-bottom: 1px solid #31787c;
		border-top: 1px solid #3ab4ba;
	}
	.mypage .hamburger-menu .side-nav.ScrollSideTop ul.menu-01 > li > a::after {
		content: "";
		background-image: url(../img/common/icon-arrow-02-wit.png);
		width: 40px;
		height: 40px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%) rotate(-90deg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: auto 20px;
		transition: all 0.5s ease;
	}
	.mypage .hamburger-menu .side-nav.ScrollSideTop ul.menu-01 > li > a.active::after {
		transform: translateY(-50%) rotate(90deg);
	}
	.mypage .hamburger-menu .side-nav.ScrollSideTop ul.menu-01 > li.non-list > a::after,
	.mypage .hamburger-menu .side-nav.ScrollSideTop ul.menu-01 > li.non-list > a.active::after { display: none; }
	.mypage .hamburger-menu .side-nav.ScrollSideTop ul.menu-01 > li > ul.menu-02 a {
		padding-left: 70px;
	}

	footer .footer-head {
		display: block;
		background: #edf6f6;
		padding: 20px 10px;
	}
	footer .footer-head .inner .icon-links {
		background: #edf6f6;
		padding: 20px 10px;
		list-style: none;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 0;
		gap: 0;
		width: calc(100% - 20px);
	}
	footer .footer-head .inner .icon-links li {
		width: calc(25% - 20px);
		padding: 10px 10px 0;
		max-width: 100px;
	}
	footer .footer-head .inner .icon-links li a span {
		display: block;
		margin: 1em 0.5em;
		line-height: 1.4;
		text-align: center;
		color: #333;
	}
	footer .footer-contents {
		background: #F5F5F5;
		flex-wrap: wrap;
		padding: 40px 20px 50px;
		gap: 20px;
	}
	footer .footer-contents .data {
		order: 2;
	}
	footer .footer-contents .menu2-wrapper {
		order: 1;
		width: 100%;
	}
	footer .footer-contents .menu2-wrapper a {
		color: #333333;
	}
	footer .footer-contents .menu2-wrapper ul.footer-links li.link-th {
		width: 50%;
	}
	footer .footer-contents .menu2-wrapper ul.footer-links li.link-th a {
		font-size: 1.8rem;
		border: none;
	}
	footer .footer-contents .menu2-wrapper ul.footer-links.footer-links-01 li.link-th {
		/*width: 100%;*/
		width: 50%;
	}
	footer .footer-contents .menu2-wrapper .flex.cnt1 {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex !important;
		display: -moz-flex !important;
		display: flex !important;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	footer .footer-contents .menu2-wrapper .flex.cnt1 > ul.footer-links {
		width: 50%;
	}
	footer .footer-contents .menu2-wrapper .flex.cnt1 > .cnt2 {
		width: calc(50% - 20px);
		/* display: inline-block; */
	}
	footer .footer-contents .menu2-wrapper .flex.cnt1 > .cnt3 {
		width: 100%;
	}
	footer .footer-contents .menu2-wrapper .flex.cnt1 > ul.footer-links li.link-th,
	footer .footer-contents .menu2-wrapper .flex.cnt1 > .cnt2 li.link-th,
	footer .footer-contents .menu2-wrapper .flex.cnt1 > .cnt2 li.link-td {
		width: 100%;
	}
	footer .footer-contents .menu2-wrapper .flex.cnt1 li.link-td a {
		width: 100%;
		border: none;
	}
	footer .footer-contents .data-contents {
		gap: 0;
	}
	footer .footer-contents .data-contents figure {
		margin: 0 20px;
	}
	footer .footer-contents .data-contents .data-txts {
		width: 100%;
		display: block;
	}
	footer .footer-contents .data {
		width: 100%;
	}
	footer .footer-contents .data-contents .data-txts p.cop-name {
		font-size: 1.4rem;
		margin-bottom: 10px;
	}
	footer .footer-contents .data-contents .data-txts p.cop-data {
		font-size: 1.2rem;
		font-weight: normal;
	}
	p.copyright {
	    margin-top: 0px;
	    font-size: 1.2rem;
	}


}


/* custom */

@media screen and (max-width:1024px) {
	.menu-trigger { margin: 0 auto; }
	.hamburger-menu.active .account-name {
		background: #44a3a8;
		text-align: center;
		border-top: 1px solid #3ab4ba;
		border-bottom: 1px solid #31787c;
	}
	.hamburger-menu.active .account-name a {
		color: #FFFFFF;
		display: flex;
		align-items: center;
		gap: 10px;
		justify-content: flex-start;
		position: relative;
		padding: 0.6em 15px 0.6em 25px;
		font-size: 1.4rem;
	}
	.hamburger-menu.active .account-name a img {
		height: 25px;
	}
	.hamburger-menu.active .account-name a span.user-name {
		font-size: 1.4rem;
		padding: 5px;
		max-width: 60%;
		text-align: left;
	}
	.hamburger-menu.active .logout-btn a {
		padding: 20px;
		display: block;
		color: #44a3a8;
		border-bottom: 1px solid #CCC;
		border-top: 1px solid #cccccc;
	}
}


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

}