@charset "utf-8";
@import url("common.css");

/*Layer*/
body{width:100%}
#wrap{width:100%}
#header{}
#container{width:100%;}
#contents{}
#footer{width:100%;}
.pcbr{display:none;}
.ptbr{display: none;}
.tbbr{display:block;}
.tmbr{display: block;}
.mbbr{display:none;}
.pc_view{display: none !important;}
.pt_view{display: none !important;}
.t_view{display: block !important;}
.tm_view{display: block !important;}
.m_view{display: block !important;}
.dn{display:block;}

/* sub_visual */
.sub_visual {position: relative;}

.sub_visual .bgarea .bg {
width:100%;
height:893px;
}

.sub_visual .bgarea .bg.pn1 {background: url(/images/page/sub_visual2.png) no-repeat center / cover;}
.sub_visual .bgarea .bg.pn2 {background: url(/images/page/sub_visual1.png) no-repeat center / cover;}
.sub_visual .bgarea .bg.pn3 {background: url(/images/page/sub_visual3.png) no-repeat center / cover;}
.sub_visual .bgarea .bg.pn4 {background: url(/images/page/sub_visual4.png) no-repeat center / cover;}

.sub_visual .descarea {
position: absolute;
left: 0;
top: 50%;
z-index: 50;
box-sizing: border-box;
width: 100%;
padding: 0px 11.3vw;
transform: translateY(-55%);
}

.sub_visual .descarea .txt{
font-size:3rem;
color:var(--main-color);
font-weight: 600;
}

.sub_visual .descarea .slog{
font-size:6.6rem;
font-weight: 600;
color:#111;
margin-top:60px;
}

.sub_visual .descarea .slog2{
font-size:2rem;
color:#111;
font-weight: 600;
margin-top:55px;
max-width:530px;
margin-left: auto;
}

.subtabarea {}

.subtabarea .subtabarea_wrap{
margin-bottom: 160px;
}

.subtabarea .subtab {
display: flex;
justify-content: center;
align-items: center;
background-color: #f8f8f8;
border-radius: 35px;
padding: 15px 50px;
width: max-content;
margin: 0 auto;
gap:5px;
}

.subtabarea .subtab li {
border-radius: 20px;
}

.subtabarea .subtab li a {
color:#000;
padding: 8px 25px;
font-size:1.8rem;
display: block;
}

.subtabarea .subtab li.on{
background-color:var(--main-color);
}

.subtabarea .subtab li.on a{
color:#fff;
}

/* paging */
.m00 .paging-box {
margin-top:60px;
}

.m00 .paging-box .paging {
text-align: center;
font-size:1.8rem;
}

.m00 .paging .page_start {
width: 42px;
height: 52px;
background: url('/images/common/icon_page_start.png') no-repeat center;
}

.m00 .paging .page_begin {
width: 42px;
height: 52px;
background: url('/images/common/icon_page_begin.png') no-repeat center;
border: 0;
margin-right: 20px;
}
 
.m00 .paging .page_next  {
width: 42px;
height: 52px;
background: url('/images/common/icon_page_next.png') no-repeat center;
border: 0;
margin-left: 20px;
}

.m00 .paging .page_end {
width: 42px;
height: 52px;
background: url('/images/common/icon_page_end.png') no-repeat center;
}

.m00 .paging strong {
display: inline-block;
vertical-align: top;
width: 52px;
height: 52px;
border-radius: 50%;
background: var(--main-color);
color: #fff;
font-size: 1.8rem;
line-height: 52px;
font-weight: 400;
}

.m00 .paging a {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 52px;
height: 52px;
border-radius: 50%;
color: #999;
font-size: 1.8rem;
line-height: 52px;
}

/* badge */
.badge {
display: inline-block;
color: #111;
font-size: 1.6rem;
border-radius: 6px;
padding: 3px 22px;
border: 1px solid #111;
}

/* list_view */
.list_view .sec1 {
padding-bottom: 200px;
}

.list_view .content {
border-top: 1px solid #1a1a1a;
}

.list_view .content-title {
padding:70px 0;
text-align: center;
border-bottom: 1px solid #d6d6d6;
}

.list_view .content-title__title {
font-size: 3.4rem;
color: #000;
font-weight: 600;
}

.list_view .content-title__date {
margin-top: 30px;
font-size: 1.8rem;
}

.list_view .content-file {
border-bottom: 1px solid #d6d6d6;
text-align: center;
padding: 35px;
display: flex;
justify-content: center;
align-items: center;
}

.list_view .content-file__icon-file {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
background: url(/images/common/icon_file.png) no-repeat center / contain;
}

.list_view .content-file__text {
font-size: 1.8rem;
margin: 0 10px;
color: #444;
}

.list_view .content-file__icon-download {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
background: url(/images/common/icon_file_download.png) no-repeat center / contain;
}

.list_view .content-content {
padding:85px 0;
text-align: center;
max-width:980px;
margin:0 auto;
}

.list_view .list-button {
border-top: 1px solid #d6d6d6;
padding:70px 0 30px 0;
}

.list_view .list-button__button {
background: none;
margin: 0 auto;
border: 1px solid #d6d6d6;
padding: 15px 100px;
border-radius: 30px;
display: flex;
justify-content: center;
align-items: center;
gap: 11px;
}

.list_view .list-button__text {
font-size: 1.8rem;
color: #000;
font-weight: 600;
}

.list_view .list-button__line {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 3px;
}

.list_view .list-button__line .line {
width:17px;
height:1px;
background-color: #000;
display: inline-block;
}

/* m11 */
.m11 .sec1 .content {
display:flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
}

.m11 .sec1 .content-left {
margin-bottom: 100px;
}

.m11 .sec1 .content-left h6 {
font-size: 6.6rem;
color: #111;
font-weight: 500;
margin-top:50px;
}

.m11 .sec1 .content-left p {
font-size: 2rem;
color: #111;
margin-top:50px;
line-height: 32px;
}

.m11 .sec2 {
padding-top: 200px;
}

.m11 .sec2 .content-title {
text-align: center;
}

.m11 .sec2 .content-title p {
margin-top:45px;
font-size: 4.8rem;
color: #111;
font-weight: 500;
}

.m11 .sec2 .content-history {
margin-top:120px;
padding-bottom:200px;
position: relative;
}

.m11 .sec2 .content-history .history-line {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 1px;
height: calc(100% - 85px);
background-color: #ccc;
}

.m11 .sec2 .history-item {
}

.m11 .sec2 .history-item:nth-child(even) {
text-align: left;
padding-left: calc(50% + 4.7vw);
}

.m11 .sec2 .history-item:nth-child(odd) {
text-align: right;
padding-right: calc(50% + 4.7vw);
}

.m11 .sec2 .history-item__title {
font-size: 10rem;
color: #111;
font-weight: 600;
position: relative;
}

.m11 .sec2 .history-item .dot-box {
width: 16px;
height: 16px;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
}

.m11 .sec2 .history-item.on .dot-box {
width: 34px;
height: 34px;
border-radius: 50%;
background-color: #b6badb;
outline: 5px solid #fff;
}
 
.m11 .sec2 .history-item .dot {
width: 7px;
height: 7px;
background-color: #27272c;
border-radius: 50%;
}

.m11 .sec2 .history-item.on .dot {
background-color: var(--main-color);
}

.m11 .sec2 .history-item:nth-child(even) .history-item__title .dot-box {
position: absolute;
left: -4.7vw;
top:50%;
transform: translateX(-50%);
}

.m11 .sec2 .history-item:nth-child(odd) .history-item__title .dot-box {
position: absolute;
right: -4.7vw;
top:50%;
transform: translateX(50%);
}

.m11 .sec2 .history-item__text {
margin-top:50px;
}

.m11 .sec2 .history-item .text-list {}

.m11 .sec2 .history-item:nth-child(even) .text-list .list-item {
position: relative;
padding-left: 15px;
}

.m11 .sec2 .history-item:nth-child(odd) .text-list .list-item {
position: relative;
padding-right: 15px;
}

.m11 .sec2 .history-item:nth-child(odd) .text-list .list-item::before {
content: '';
width: 7px;
height: 7px;
position: absolute;
border-radius: 50%;
border: 1px solid #111;
top: 10.5px;
right: 0;
box-sizing: border-box;
}

.m11 .sec2 .history-item:nth-child(even) .text-list .list-item::before {
content: '';
width: 7px;
height: 7px;
position: absolute;
border-radius: 50%;
border: 1px solid #111;
top: 8px;
left: 0;
box-sizing: border-box;
}

.m11 .sec2 .text-list .list-item:not(:first-child) {
margin-top: 20px;
}

.m11 .sec2 .text-list .list-item,
.m11 .sec2 .text-list .list-item p{
color: #111;
font-size: 1.7rem;
font-weight: 500;
line-height: 28px;
}

.m11 .sec2 .text-list .list-item .text-color {
color: var(--main-color);
}

/* m12 */
.m12 .dp-none {
display:none;
}

.m12 .tabs-list {
display: flex;
justify-content: space-between;
align-items: center;
}

.m12 .tabs-list li{
width: 33.3333%;
border-bottom: 1px solid #ccc;
}

.m12 .tabs-list li a{
font-size: 1.8rem;
padding: 30px 0;
display:block;
text-align: center;
color: #7e7e7e;
}

.m12 .tabs-list li.on {
border-bottom: 2px solid #000;
}

.m12 .tabs-list li.on a{
color: #000;
}

.m12  .sec1 {
padding-bottom:200px;
}

.m12 .tabCon {
margin-top:80px;
}

.m12 .tabCon-1 .admin-list,
.m12 .tabCon-2 .admin-list{
display:grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-items: center;
}

.m12 .tabCon-1 .admin-list > .list-item,
.m12 .tabCon-2 .admin-list > .list-item{
padding: 55px 35px;
width: 100%;
min-height: 420px;
border-radius: 12px;
border: 1px solid #d6d6d6;
background: url('/images/page/m12_img1.png') no-repeat center calc(100% - 40px) / 90%;
}

.m12 .tabCon-1 .admin-list .admin-name,
.m12 .tabCon-2 .admin-list .admin-name{
color:#000;
font-size: 2.6rem;
}

.m12 .tabCon-1 .admin-list .admin-grade,
.m12 .tabCon-2 .admin-list .admin-grade{
color:#00000099;
font-size: 1.7rem;
margin-top:16px;
}

.m12 .tabCon-1 .admin-list .education-list,
.m12 .tabCon-2 .admin-list .education-list{
margin-top:30px;
padding-top:40px;
border-top:1px solid #00000099;
}

.m12 .tabCon-1 .admin-list .education-list .list-item,
.m12 .tabCon-2 .admin-list .education-list .list-item{
font-size: 1.7rem;
color:#000;
padding-left:15px;
position: relative;
}

.m12 .tabCon-1 .admin-list .education-list .list-item::before,
.m12 .tabCon-2 .admin-list .education-list .list-item::before {
content:'';
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
border: 1px solid #00000099;
left: 0;
top: 7.5px;
}

.m12 .tabCon-1 .admin-list .education-list .list-item:not(:first-child),
.m12 .tabCon-2 .admin-list .education-list .list-item:not(:first-child){
margin-top:30px;
}

.m12 .tabCon-3 .content {}

.m12 .tabCon-3 h6 {
font-size: 4.8rem;
color: #111;
font-weight: 500;
}

.m12 .tabCon-3 p {
font-size: 2rem;
color: #111;
font-weight: 500;
margin-top:60px;
}

.m12 .tabCon-3 .partners-list {
margin-top:76px;
display:grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-items: center;
}

.m12 .tabCon-3 .partners-list .list-item {
padding:20px;
height:140px;
border-radius: 12px;
border: 1px solid #d6d6d6;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}

/* m20 --------------------------------------------------------------------------- */
/* m21 */
.m21 .sec1 {
padding-bottom:200px;
}

.m21 .sec1 .content {
display:flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
}

.m21 .sec1 .content-left {
width:100%
}

.m21 .sec1 .content-left h6 {
font-size: 6.6rem;
color: #111;
font-weight: 500;
margin-top:50px;
}

.m21 .sec1 .content-left strong {
margin-top:80px;
font-size: 2.8rem;
color: #111;
font-weight: normal;
display: block;
}

.m21 .sec1 .content-left p {
font-size: 2rem;
color: #111;
margin-top:50px;
line-height: 32px;
}

.m21 .sec1 .content-right {
	margin-top: 50px;
}

.m21 .sec1 .content2 {
margin-top:75px;
}

.m21 .sec1 .content2 p {
font-size: 2rem;
color: #111;
line-height: 32px;
}

/* m22 */
.m22 .dp-none {
display:none;
}

.m22 .tabs-list {
display: flex;
justify-content: space-between;
align-items: center;
}

.m22 .tabs-list li{
width: calc(100% / 4);
border-bottom: 1px solid #ccc;
font-size: 1.4rem;
padding: 30px 0;
text-align: center;
color: #7e7e7e;
}

.m22 .tabs-list li.on {
border-bottom: 1px solid #000;
color: #000;
}

.m22  .sec1 {
padding-bottom:200px;
}

.m22 .tabCon {
margin-top:80px;
}

.m22 .content1 .con1 h6{
font-size: 4.8rem;
color: #111;
font-weight: 500;
margin-top: 50px;
}

.m22 .content1 .con1 p {
font-size: 2rem;
color: #111;
font-weight: 500;
margin-top: 50px;
}

.m22 .content1 .con2 {
margin-top: 25px;
background: url(/images/page/m22_img1.png) no-repeat center / contain;
height:1000px;
width: 100%;
position: relative;
}

.m22 .content1 .con2 .con2-textBox {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
justify-content: center;
}

.m22 .content1 .con2 .con2-top,
.m22 .content1 .con2 .con2-bottom{
display: flex;
align-items: flex-start;
justify-content: space-between;
}

.m22 .content1 .con2 .con2-bottom{
margin-top: 192px;
}

.m22 .content1 .con2 .con2-item {
width: 25%;
}

.m22 .content1 .con2 .left-item {
text-align: right;
}

.m22 .content1 .con2 .con2-item .img-box {
background-color: #eeeef1;
width: 90px;
height: 90px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}

.m22 .content1 .con2 .left-item .img-box {
margin-left: auto;
}

.m22 .content1 .con2 .con2-item .text-title {
font-size: 2.8rem;
color: #111;
font-weight: 600;
margin: 25px 0;
}

.m22 .content1 .con2 .con2-item .text-des {
font-size: 2rem;
color: #111;
}

.m22 .content2 {
margin-top:95px;
}

.m22 .content2 .content2-wrap {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-direction: column;
gap:90px;
}

.m22 .content2 .con1 {
width:100%;
}

.m22 .content2 .con1 h6 {
font-size: 4.8rem;
color: #111;
font-weight: 600;
}

.m22 .content2 .con1 p {
font-size: 2rem;
color: #111;
margin-top: 50px;
}

.m22 .content2 .con1 span {
margin-top: 100px;
font-size: 2.6rem;
color: #111;
display: block;
}

.m22 .content2 .con2 {
background: url(/images/page/m22_img2.png) no-repeat bottom / contain;
width: 100%;
height: 726px;
aspect-ratio: 144 / 121;
}

.m22 .content3 {
border-top: 1px solid #ccc;
margin-top: 95px;
}

.m22 .content3 .con1 {
display:flex;
flex-direction: column;
margin: 100px 0;
}

.m22 .content4 .con1 {
padding: 100px 0;
display:flex;
flex-direction: column;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.m22 .content3 .img-box,
.m22 .content4 .img-box{
width:100%;
padding-bottom: 100px;
}

.m22 .content3 .img-box video {
width: 100%;
}

.m22 .content4 .con1 .img-box {
position:relative;
text-align: right;
}

.m22 .content4 .con1 .img-box video{
	position:absolute;right:0;top:-100px;
	width:100%;height:100%;
	max-width:600px;
	object-fit:cover;
}

.m22 .content3 .img-box p,
.m22 .content4 .img-box p {
position:relative;z-index:10;
font-size: 3.4rem;
color: #111;
margin-top: 50px;
}

.m22 .content3 .img-box em,
.m22 .content4 .img-box em{
position:relative;z-index:10;
font-style: italic;
color: #111;
font-size: 2rem;
margin-top: 25px;
display: inline-block;
}

.m22 .content3 .text-box,
.m22 .content4 .text-box{
padding: 100px 0 0;
width:100%;
}

.m22 .content3 .con1 .text-box,
.m22 .content4 .con1 .text-box{
border-top: 1px solid #ccc;
}

.m22 .content3 .text-box p,
.m22 .content4 .text-box p {
color: #111;
font-size: 2rem;
}

.m22 .content3 .text-box .GlueHunter-list,
.m22 .content4 .text-box .LeadHunter-list{
margin-top:40px;
}

.m22 .content3 .text-box .GlueHunter-list .list-item:not(:first-child),
.m22 .content4 .text-box .LeadHunter-list .list-item:not(:first-child) {
margin-top:40px;
}

.m22 .content3 .text-box .GlueHunter-list p,
.m22 .content4 .text-box .LeadHunter-list p {
color: #111;
font-size: 2rem;
}

.m22 .content3 .text-box .GlueHunter-list .list-item span,
.m22 .content4 .text-box .LeadHunter-list .list-item span{
color: #111;
font-size: 2rem;
}

.m22 .content3 .text-box .GlueHunter-list .list-item .item-number,
.m22 .content4 .text-box .LeadHunter-list .list-item .item-number {
display: inline-block;
color: #fff;
background-color: var(--main-color);
width: 24px;
height: 24px;
border-radius: 50%;
text-align: center;
font-size: 1.4rem;
line-height: 24px;
margin-right: 10px;
}

.m22 .content3 .text-box .item-Applications,
.m22 .content4 .text-box .item-Applications {
margin-top: 40px;
}

.m22 .content5 {
padding-top:100px;
}

.m22 .content5 .con1 {
display: flex;
justify-content: flex-start;
align-items: flex-start;
border-bottom: 1px solid #ccc;
}

.m22 .content5 .con1 h6 {
font-size: 4.8rem;
color: #111;
font-weight: 600;
width: 35%;
}

.m22 .content5 .con1 p {
color: #111;
font-size: 2rem;
line-height: 32px;
border-left: 1px solid #ccc;
padding: 0 0 50px 60px;
width: 65%;
}

.m22 .content5 .con2 {
text-align: center;
}

.m22 .content5 .con2 p {
color: #111;
font-weight: 600;
font-size: 2.8rem;
text-align: center;
margin-top: 100px;
margin-bottom: 55px;
}

.m22 .content5 .con2 .img-box {
width:100%;
background: url(/images/page/m22_img5.png) no-repeat center / contain;
aspect-ratio: 252 / 121;
}

/* m23 */
.m23 .sec1 {
padding-bottom:200px;
}


.m23 .content {
overflow-x: scroll;
}

.m23 .pipeLine {
width:1500px;
}

.m23 .pipeLine .titles-list{
display:flex;
justify-content: space-between;
margin-bottom: 5px;
height:70px;
gap: 5px;
}

.m23 .pipeLine .titles-list .list-item {
font-size:1.7rem;
color:#111;
background-color: #f2f2f2;
line-height: 70px;
width: calc(100%/8 );
text-align: center;
font-weight: 600;
}

.m23 .pipeLine .titles-list .list-item:first-child{
border-top-left-radius:15px;
border-bottom-left-radius:15px;
}

.m23 .pipeLine .titles-list .list-item:last-child{
border-top-right-radius:15px;
border-bottom-right-radius:15px;
background: linear-gradient(90deg,#19288c, #0d1c87);
color: #fff;
}

.m23 .pipeLine .titles-list .list-item:nth-last-child(2){
background: linear-gradient(90deg,#2d3e95, #1a2a8d);
color: #fff;
}

.m23 .pipeLine .titles-list .list-item:nth-last-child(3){
background: linear-gradient(90deg,#45569f, #2f3f96);
color: #fff;
}

.m23 .pipeLine .titles-list .list-item:nth-last-child(4){
background: linear-gradient(90deg,#677aae, #4759a0);
color: #fff;
}

.m23 .pipeLine .titles-list .list-item:nth-last-child(5){
background: linear-gradient(90deg,#7f93b8, #697daf);
color: #fff;
}

.m23 .pipeLine .content-list {
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
}

.m23 .pipeLine .content-list .list-item__topContent {
display:flex;
justify-content: flex-start;
height:70px;
}

.m23 .pipeLine .content-list .list-item__topContent:not(:last-child){
border-bottom: 1px solid #cccccc;
}

.m23 .pipeLine .content-list .list-item__topContent .texts {
display:flex;
justify-content: flex-start;
width: 37.5%;
}

.m23 .pipeLine .content-list .list-item__topContent p:first-child{
width: calc(100%/3 + 2.5px);
}

.m23 .pipeLine .content-list .list-item__topContent .arrow-text {
display:flex;
flex-direction: row;
align-items: center;
justify-content: center;
}

.m23 .pipeLine .content-list .list-item__topContent p {
line-height: 70px;
width: calc(100%/3 + 5px);
text-align: center;
border-right: 1px solid #cccccc;
font-weight: 600;
font-size: 1.6rem;
color:#111;
}

.m23 .pipeLine .content-list .list-item__topContent .arrow {
width:19px;
height:19px;
background:url('/images/page/m23_arrow_down.png') no-repeat center/cover ;
margin-left: 10px;
display: inline-block;
cursor: pointer;
}

.m23 .pipeLine .content-list .list-item__topContent.on .arrow{
background:url('/images/page/m23_arrow_up.png') no-repeat center/cover ;
}

.m23 .pipeLine .content-list .list-item__topContent .lines {
display:flex;
justify-content: flex-start;
height:70px;
width: calc(50% + 2.5px);
position: relative;
}

.m23 .pipeLine .content-list .list-item__topContent .lines .line {
width: calc(100%/4);
border-right: 1px solid #cccccc;
}

.m23 .pipeLine .content-list .list-item__topContent .lines .bar {
position: absolute;
height: 6px;
background: linear-gradient(90deg,#e9f5ed, #0d1c87);
left: 0;
top: 50%;
transform: translateY(-50%);
}

.m23 .pipeLine .content-list .list-item__topContent .lines .bar::after {
content: '';
width: 9px;
height: 9px;
position: absolute;
border: 5px solid #0d1c87;
border-radius: 50%;
right: 0;
top: 50%;
transform: translate(9px, -50%);
background: #fff;
}

.m23 .pipeLine .content-list .list-item__topContent .logo {
width: calc(100%/8 - 2.5px);
height: 70px;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}

.m23 .pipeLine .content-list .list-item__bottomContent {
height:0px;
overflow: hidden;
transition: all 0.5s;
}

.m23 .pipeLine .content-list .bottomContent-wrap {
background-color:#f2f2f2;
display:flex;
justify-content: flex-start;
align-items: center;
padding:50px 0;
}

.m23 .pipeLine .content-list .list-item__bottomContent .bottomContent-img {
width: 37.5%;
padding:0 40px;
}

.m23 .pipeLine .content-list .list-item__bottomContent .bottomContent-text {
width: 62.5%;
border-left: 1px solid #cccccc;
padding: 30px 45px 30px 0;

}
.m23 .pipeLine .content-list .list-item__bottomContent .bottomContent-text p {
margin-left:30px;
font-size:1.5rem;
color:#111;
font-weight: 700;
line-height: 27px;
}

/* m30 --------------------------------------------------------------------------- */
/* m31 */
.m31 .sec1 {
padding-bottom: 200px;
}

.m31 .search-box {
background-color: #f2f2f2;
padding: 60px 80px;
}

.m31 .search-box form{
display: flex;
justify-content: center;
align-items: center;
gap:10px;
}

.m31 .search-box .select-box {
flex-shrink: 0;
width: 220px;
height: 60px;
border-radius: 10px;
border: 1px solid #d6d6d6;
}

.m31 .search-box .select-box select {
width:100%;
height:100%;
padding: 0 20px;
font-size: 1.8rem;
color: #000000cc;
border: none;
border-radius: 10px;
border-right: 20px solid transparent;

}

.m31 .search-box .select-box select option {
height: 60px;
font-size: 1.8rem;
color: #000000cc;
}

.m31 .search-box .input-box {
height: 60px;
display: flex;
justify-content: center;
align-items: center;
width:100%;
position: relative;
}

.m31 .input-box input {
width:100%;
height:100%;
border-radius: 10px;
border: 1px solid #d6d6d6;
padding: 0 70px 0 20px;
font-size: 1.8rem;
color: #000000cc;
}

.m31 .input-box button {
position: absolute;
background: transparent;
border: none;
height: 60px;
width: 60px;
right: 10px;
}

.m31 .list-box {
margin-top:40px;
}

.m31 .notice-list {}

.m31 .notice-list .list-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 40px 60px;
border-bottom: 1px solid #ccc;
gap: 50px;
}

.m31 .notice-list .list-item .item-left {
display: flex;
align-items: center;
gap:60px;
}

.m31 .item-number {
font-size: 1.8rem;
color: #555;
font-weight: 600;
}

.m31 .item-link {
display: flex;
align-items: center;
gap: 16px;
width: 100%;
}

.m31 .item-title {
font-size: 2.4rem;
color:#000;
font-weight: 600;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
word-break: break-all;
}

.m31 .item-title:hover {
text-decoration: underline;
}

.m31 .item-file {
width:18px;
height:18px;
display: inline-block;
background: url('/images/common/icon_file.png') no-repeat center / contain;
flex-shrink: 0;
}

.m31 .item-date {
font-size: 1.8rem;
color: #555;
font-weight: 600;
flex-shrink: 0;
}


/* m41 */
.m41 .sec1 {
padding-bottom: 200px;
}

.m41 .content1 h6 {
font-size: 4.8rem;
color: #111;
font-weight: 600;
}

.m41 .content1 p {
margin-top: 55px;
font-size: 2rem;
color: #111;
}

.m41 .content2 {
margin-top: 75px;
background: url('/images/page/m41_img1.png') no-repeat center / cover;
height: 380px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.m41 .content2 .mail-box {
height: 90px;
width: 380px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(8px);
color: #fff;
font-size: 18px;
text-align: center;
box-shadow: 0 0px 1px 1px rgba(255, 255, 255, 0.5);
}

.m41 .content2 .mail-box  a {
color:#fff;
font-size: 2rem;
display: inline-block;
width: 100%;
height: 100%;
line-height: 90px;
}

/* m42 */
.m42 .sec1 {
padding-bottom: 200px;
}

.m42 .content-map2 {
margin-top: 80px;
}

.m42 .content-map {
display: flex;
justify-content: center;
align-items: center;
gap:85px;
}

.m42 .map-box,
.m42 .content-box {
width:50%;
}

.m42 .map-box{
height: 360px;
}

.m42 .map-box iframe {
width: 100%;
height: 100%;
}


.m42 .content-box h6 {
font-size: 4.8rem;
color: #111;
font-weight: 600;
padding-bottom: 30px;
border-bottom: 1px solid #ccc;
}

.m42 .content-box p:nth-of-type(1) {
margin-top:40px;
}

.m42 .content-box p {
margin-top:35px;
display: flex;
}

.m42 .content-map2 .content-box {
text-align: right;
}

.m42 .content-map2  p {
justify-content: flex-end;
}

.m42 .content-map1 .content-box span:first-child,
.m42 .content-map2 .content-box span:last-child{
font-size: 1.8rem;
color: #111;
font-weight: 500;
width:100px;
display: inline-block;
flex-shrink: 0;
}

.m42 .content-map1 .content-box span:first-child {
margin-right: 35px;
}

.m42 .content-map2 .content-box span:last-child {
margin-left: 35px;
}
.m42 .content-map1 .content-box span:first-child img, 
.m42 .content-map2 .content-box span:last-child img {
margin-right: 10px;
}

.m42 .content-map1 .content-box span:last-child,
.m42 .content-map2 .content-box span:first-child {
font-size: 1.8rem;
}

/* m43 */
.m43 .sec1 {
padding-bottom: 200px;
}

.m43 .page-title {}

.m43 .page-title h6 {
font-size: 4.8rem;
font-weight: 600;
color: #111;
}

.m43 .page-title p {
font-size: 2rem;
margin-top: 50px;
color: #111;
}

.m43 .search-box {
background-color: #f2f2f2;
padding: 60px 0;
margin-top: 80px;
}

.m43 .search-box form{
display: flex;
justify-content: center;
align-items: center;
gap:10px;
}

.m43 .search-box .select-box {
width: 220px;
height: 60px;
border-radius: 10px;
border: 1px solid #d6d6d6;
}

.m43 .search-box .select-box select {
width:100%;
height:100%;
padding: 0 20px;
font-size: 1.8rem;
color: #000000cc;
border: none;
border-radius: 10px;
border-right: 20px solid transparent;
}

.m43 .search-box .select-box select option {
height: 60px;
font-size: 1.8rem;
color: #000000cc;
}

.m43 .search-box .input-box {
height: 60px;
max-width:630px;
display: flex;
justify-content: center;
align-items: center;
width:100%;
position: relative;
}

.m43 .input-box input {
width:100%;
height:100%;
border-radius: 10px;
border: 1px solid #d6d6d6;
padding: 0 70px 0 20px;
font-size: 1.8rem;
color: #000000cc;
}

.m43 .input-box button {
position: absolute;
background: transparent;
border: none;
height: 60px;
width: 60px;
right: 10px;
}

.m43 .list-box {
margin-top:40px;
}

.m43 .notice-list {}

.m43 .notice-list .list-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 40px 60px;
border-bottom: 1px solid #ccc;
gap: 20px;
}

.m43 .notice-list .list-item a {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap:50px
}

.m43 .notice-list .list-item .item-left__text { 
display: flex; 
align-items: center;
gap: 16px; 
width:100%;
}

.m43 .item-title {
font-size: 2.4rem;
color:#000;
font-weight: 600;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
word-break: break-all;
}

.m43 .list-item:hover .item-title {
text-decoration: underline;
}

.m43 .item-left .item-file {
width:18px;
height:18px;
display: inline-block;
background: url('/images/common/icon_file.png') no-repeat center / contain;
flex-shrink: 0;
}

.m43 .item-date {
font-size: 1.8rem;
color: rgb(0 0 0 / 80%);
font-weight: 600;
margin-top:30px;
display: inline-block;
}

.m43 .list-item:hover .arrow-button {
background: #1a1a1a;
} 

.m43 .arrow-button {
width: 65px;
height: 65px;
background: #f2f2f2;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: background 0.2s;
flex-shrink: 0
}

.m43 .list-item:hover .arrow-button span {
background: url(/images/common/icon_arrow-right-w.png) no-repeat center / contain;
} 

.m43 .arrow-button span {
width: 7px;
height: 14px;
display: inline-block;
transition: all 0.2s;
background: url(/images/common/icon_arrow-right-b.png) no-repeat center / contain;
}