@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;700&display=swap');
:root	{
	--site-primary:#005bac;
	--site-secondary:#009999;
	--site-bg:#dfe5f4;
	--site-link:#007bff;
	--trueWhite:#fff;
	--trueBlack:#000;
	--button-primary:#f35d90;
	--button-primary2:#3ea400;
	--button-secondary:#0090ff;
	--button-secondary1:#df0083;
	--button-secondary2:#2b7300;
	--button-reverse:#fff;
	--button2-primary:#005bac;
	--button2-secondary:#007bff;
	--button2-reverse:#fff;
	--second-bg:#d9dddd;
	--line-color:#bbb;
	--main-bg:#b8d8ff;
	--main-ttle:#000;
	--main-txt:#000;
	--free-color:#d30000;
}

* { min-height:0; min-width:0; box-sizing: border-box; }
*:focus	{ outline: none; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}
body	{ color: #737373; background-color: #dfe5f4; font-family: "Zen Old Mincho", serif; font-weight: 400; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; letter-spacing:.06rem; height:100%; overflow-x: hidden;}
img	{ display:inline-block; height: auto; width: 100%; max-width: 100%; backface-visibility: hidden; }
a, a:link, a:visited, a:active	{ color: #2C2C2C; text-decoration: none; }
a:hover	{ color: #000; font-style: normal; text-decoration: none; }

/* ------------ INVIEW ------------- */
.fadein	{ opacity: 0; }
.fadein.inview	{ animation-name: fadeUp; animation-duration:1.5s; animation-fill-mode:forwards; }
.slidein	{ opacity: 0; }
.slidein.inview	{ animation-name: slidefade; animation-duration:1.5s; animation-fill-mode:forwards; }
@keyframes fadeUp	{
  from { opacity: 0; transform: translateY(30px); }
  to	{ opacity: 1; transform: translateY(0); }
}
@keyframes slidefade	{
  from { opacity: 0; transform: translateX(-40px); }
  to	{ opacity: 1; transform: translateX(0); }
}


/* ------------ LOADING ------------- */
.loading	{ position: fixed; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background: #7a703c; background-position:center; background-attachment: fixed; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; }
.loading-block	{ width: 80px; display: flex; justify-content: space-between; }
.circle	{ width: 12px; height: 12px; background-color: var(--trueWhite); border-radius: 50%; animation: loading 1s infinite; }
.circle:nth-child(2)	{ animation-delay: 0.1s; }
.circle:nth-child(3)	{ animation-delay: 0.2s; }
.circle:nth-child(4)	{ animation-delay: 0.3s; }
@keyframes loading {
	0%	{ transform: scale(0.1); }
	100%	{ transform: scale(1); }
}
@media (max-width: 767px) { 
	.loading	{ background-size:24px auto; }
}

/* ------------ HEADER ------------- */
header	{ display: -webkit-flex; display: flex; width: 100%; justify-content: space-between; position: fixed; top:0; left:0; z-index:18; padding: 0 20px 0 0; margin: 0; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, .05); }
header > h1	{ width: 260px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0 0 0 40px; z-index:22; }
header > h1 > a	{ color:#9fa0a0!important; width: 260px; height:60px; line-height: 1; display: -webkit-flex; display: flex; align-items: center; justify-content: center; transition: all 0s; font-weight: 400; font-size: 18px; }
header > h1 > a > svg	{ color:#b5b6b6; width: 100%; opacity: 1; transition: all .5s; }
header > ul.nav	{ height: 60px; display: -webkit-flex; display: flex; justify-content: center; padding: 0; margin: 0; list-style-type: none; position: relative; }
header > ul.nav > li	{ list-style: none; padding: 0; margin: 0; position: relative; display: -webkit-flex; display: flex; align-items: center; background-color: #fff; }
header > ul.nav > li:last-child::after	{ display: none; }
header > ul.nav > li > a,
header > ul.nav > li > span	{ color:#000; font-size: 16px; font-size: clamp(12px, 14px, 1.2vw); height: 100%; line-height: 1; font-weight: 400; letter-spacing:.06rem; position: relative; }
header > ul.nav > li > a	{ display: -webkit-flex; display: flex; align-items: center; border-top: 5px solid #fff; border-bottom: 5px solid #fff; padding: 0 20px; transition: all .5s; background-color: #fff; z-index:20; }
header > ul.nav > li > a .icon	{ color:#000; width: 26px; height: 26px; }
header > ul.nav > li > a:hover	{ color:#9fa0a0; border-bottom: 5px solid #9fa0a0; }
header > ul.nav > li.active > a	{ border-bottom: 5px solid #9fa0a0; }
header > ul.nav > li.active > a:hover	{ color:#9fa0a0; }
header > ul.nav > li > a.down, 
header > ul.nav > li > span	{ padding: 0 40px 0 20px; margin: 0; background-color: #fff; z-index:20; display: -webkit-flex; display: flex; align-items: center; }
header > ul.nav > li > a.down:before, 
header > ul.nav > li > span:before	{ content: ''; width: 9px; height: 9px; border: 0; border-bottom: solid 2px #1e4098; border-right: solid 2px #1e4098; position: absolute; top: 45%; right: 18px; margin-top: -4px; transform: rotate(45deg); }
.dropdown-btn	{ position: relative; cursor: pointer; }
.dropdown-btn > ul.dropdown	{ position: absolute; top:80px; left:0; list-style-type: none; display: -webkit-flex; display: flex; flex-direction: column; z-index:17; opacity: 0; transition: all .3s; box-shadow: 0 3px 6px rgba(0, 0, 0, .05); pointer-events: none; }
.dropdown-btn > ul.dropdown.open	{ opacity: 1; top:60px; pointer-events: auto; }
.dropdown-btn > ul > li	{ border-bottom: 1px solid #fff; position: relative; min-width: 280px; }
.dropdown-btn > ul > li:last-child	{ border-bottom: 0; }
.dropdown-btn > ul > li:first-child	{ border-bottom: 0; height: 12px; background-color: transparent; }
.dropdown-btn > ul > li > a	{ display: -webkit-flex; display: flex; align-items: center; gap: 0 10px; color:#fff; background-color: #7a703c; height: 100%; padding: 16px 50px 16px 16px; white-space: nowrap; transition: all .5s; position: relative; }
.dropdown-btn > ul > li:nth-child(2) > a::after	{ content:""; position: absolute; left:30px; top:-12px; border-style: solid; border-color: transparent transparent #7a703c transparent; border-width: 0 12px 12px 12px; transition: all .5s; }
.dropdown-btn > ul > li:nth-child(2) > a:hover::after	{ border-color: transparent transparent #1e4098 transparent; }
.dropdown-btn > ul > li > a > svg	{ color: #fff; width: 20px; transition: all .5s; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px; opacity: 0; }
.dropdown-btn > ul > li > a > span	{ font-size: 16px; line-height: 1; letter-spacing:.1rem; }
.dropdown-btn > ul > li > a > em	{ font-size: 16px; line-height: 1; letter-spacing:.1rem; font-style: normal; }
.dropdown-btn > ul > li > a:hover	{ color:#fff; background-color: #1e4098; }
.dropdown-btn > ul > li > a:hover > svg	{ right: 10px; opacity: 1; }
.headerspace	{ display: block; padding: 0; margin: 0; height: 60px; }
@media (min-width: 861px) { 
	header > h1 > a:hover > svg	{ color:#2154c9; }
	header.second li.hovline > a.current::after	{ transform: scale(1, 1); }
	header.second li.hovline > a::after, 
	header.fixed li.hovline > a::after	{ background:#1e4098; }
}
@media (max-width: 860px) { 
	header > ul.nav > li > a,
	header > ul.nav > li > span	{ font-size: 16px; }
	header > ul.nav > li > a	{ padding: 0 15px; }
}
@media (max-width: 860px) { 
	header	{ padding: 0; }
	header > h1	{ width: 240px; margin: 0 0 0 10px; }
	header > ul.nav	{ display: none; }
}
header.UpMove	{ animation: UpAnime 0.5s forwards; }
@keyframes UpAnime{
	from	{ opacity: 1; transform: translateY(0); }
	to	{ opacity: 0; transform: translateY(-80px); }
}
header.DownMove	{ animation: DownAnime 0.5s forwards; }
@keyframes DownAnime	{
	from	{ opacity: 0; transform: translateY(-80px); }
	to	{ opacity: 1; transform: translateY(0); }
}
.snsicon	{ width: 0; height: 60px; }
.snsicon > a	{ width: 60px; height: 60px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; display: none; }
.snsicon > a .icon	{ width: 30px; height: 30px; color:#1e4098; transition: all .5s; }
.snsicon > a:hover .icon	{ color:#00acee; }

/* ------------ TOP MAIN ------------- */
.topmain	{ position: relative; width: 100%; height: 100vh; min-height: 600px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.topmain__wrapper	{ width: 100%; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; padding: 0 10%; margin: 0; }
.topmain_logo	{ width: 40%; }
.topmain_logo img	{ mix-blend-mode: screen; }
.topmain_txx	{ width: 50%; }
.topmain_txx > h2	{ color:#fff; font-size: 90px; font-size: clamp(26px, 80px, 4.6vw); font-weight: 700; line-height: 1.2; padding: 0; margin: 0 0 30px; }
.topmain_txx > strong	{ color:#fff; font-size: 20px; font-size: clamp(14px, 24px, 1.5vw); font-weight: 700; line-height: 1.8; padding: 0; margin: 0; }
@media (max-width: 900px) { 
	.topmain_logo	{ width: 40%; }
	.topmain_txx	{ width: calc(60% - 40px); }
}
@media (max-width: 767px) { 
	.topmain	{ height: calc(var(--vh, 1vh) * 100); }
	.topmain__wrapper	{ width: 100%; margin: 0; flex-wrap: wrap; justify-content: center; }
	.topmain_logo	{ width: 100%; padding: 0 0 30px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
	.topmain_logo img	{ max-width: 300px; }
	.topmain_txx	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center;  }
	.topmain_txx > h2	{ font-size: 34px; margin: 0 0 20px; text-align: center; }
	.topmain_txx > strong	{ font-size: 18px; text-align: center; }
}
@media (max-width: 374px) { 
	.topmain_txx > h2	{ margin: 0 0 20px; }
	.topmain_txx > h1	{ margin: 0 0 20px; }
}
.btmlinkbtn	{ display: block; }
.btmlinkbtn > a	{ font-size: 40px; line-height: 1; display: -webkit-flex; display: flex; align-items: center;justify-content: center; height: 100px; background-color: rgba(40,40,40,1); color:#ffffff; }
@media (min-width: 768px) { 
	.btmlinkbtn > a:hover	{ color:#30b4ff; }
}
@media (max-width: 767px) { 
	.btmlinkbtn > a	{ font-size: 30px; height: 60px; background-color: rgba(40,40,40,1); color:#ffffff; }
}

/* ------------ TOP RECRUIT ------------- */
.torecruit	{ position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 60px; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 8; transition: all .3s; pointer-events: auto; }
.torecruit > a	{ width: 100%; height: 100%; background-color: #7a703c; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding: 0 60px 0 20px; transition: all .5s; position: relative; }
.torecruit > a::before	{ content:""; width: 0; height: 100%; background-color: #1e4098; position: absolute; top: 0; bottom: 0; left: 0; right: 100%; opacity: 0; transition: all .5s; z-index: 1; }
.torecruit > a > strong	{ display: -webkit-flex; display: flex; align-items: center; border-right: 1px solid #fff; z-index: 2; }
.torecruit > a > strong > em	{ color:#fff; font-size: 24px; font-size: clamp(16px, 24px, 3vw); font-weight: 700; line-height: 1; font-style: normal; padding: 0 10px 0 0; transition: all .3s; }
.torecruit > a > strong > span	{ color:#fff; font-size: 16px; font-size: clamp(12px, 16px, 2vw); font-weight: 700; line-height: 1; font-style: normal; padding: 0 20px 0 0; transition: all .3s; }
.torecruit > a > p	{ color:#fff; font-size: 16px; font-size: clamp(13px, 16px, 2vw); font-weight: 500; line-height: 1; font-style: normal; padding: 0 30px 0 20px; transition: all .3s; z-index: 2; }
.torecruit > a > span	{ color:#fff; font-size: 14px; font-size: clamp(13px, 14px, 2vw); font-weight: 700; line-height: 1.5; transition: all .3s; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 5px 30px 5px 20px; border: 1px solid #fff; position: relative; z-index: 2; }
.torecruit > a > span > i	{ font-style: normal; }
.torecruit > a > span > svg	{ color: #fff; width: 18px; transition: all .5s; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 8px; opacity: 1; }
.torecruit.btn-off	{ opacity: 0; pointer-events: none; }
@media (min-width: 768px) { 
	.torecruit > a:hover::before	{ content:""; width: 100%; height: 100%; background-color: #1e4098; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 1; }
	.torecruit > a:hover > span > svg	{ right: 2px; opacity: 1; }
}
@media (max-width: 800px) { 
	.torecruit > a > strong > span	{ display: none; }
}
@media (max-width: 767px) { 
	.torecruit	{ height: 50px; }
}
@media (max-width: 560px) { 
	.torecruit > a > strong	{ display: none; }
}
@media (min-width: 460px) { 
	.torecruit > a > p > br	{ display: none; }
}
@media (max-width: 459px) { 
	.torecruit > a > p	{ line-height: 1.3; padding: 0 20px 0 0; }
	.torecruit > a > span	{ font-size: 12px; padding: 0px 25px 0 16px; height: 32px; }
	.torecruit > a > span > i	{ display: none; }
}
.recruit_area	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 10%; background: url(../images/rcstaff.jpg) center center / cover no-repeat; position: relative; z-index: 8; min-height: 300px; }
.recruit_area::after	{ content:""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; background-color: rgba(30,54,152,.6); mix-blend-mode: multiply; }
.recruit_area__wrapper	{ position: relative; width: 100%; max-width: 980px; z-index: 10; }




/* ------------ DRAWR MENU ------------- */
nav.sp	{ display: block; width: 400px; height: 100%; min-height: 100vh; background: rgba(255,255,255,1); margin: 0; padding: 0; position: fixed; top: 0; right: 0; left: auto; bottom: 0; z-index: 90; transform: translate(100vw); transition: all .5s; overflow: auto; }
nav.sp.open	{ transform: translateZ(0); }
.menuinner	{ display: block; padding: 0; margin: 0; width: 100%; height: 100%; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.menuinner > h2	{ padding: 0; margin: 0 0 20px; max-width: 240px; }
.menuinner > ul.nav	{ width: 100%; max-width: 300px; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: 0; margin: 0; }
.menuinner > ul.nav > li	{ width: 100%; list-style: none; padding: 0; margin: 0; position: relative; border-top: 1px solid #666; }
.menuinner > ul.nav > li > a	{ display: block; color:#1e4098; font-size: 16px; line-height: 1.5; font-weight: 700; letter-spacing:.05rem; padding: 12px 0; margin: 0; transition: all .5s; }
.menuinner > ul.subnav	{ width: 100%; max-width: 300px; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: 30px 0 0; margin: 0; border-top: 1px solid #666; }
.menuinner > ul.subnav > li	{ width: 100%; list-style: none; padding: 0; margin: 0; position: relative; }
.menuinner > ul.subnav > li > a	{ display: block; color:#1e4098; font-size: 14px; line-height: 1.5; font-weight: 700; letter-spacing:.05rem; padding: 0 0 10px; margin: 0; transition: all .5s; }
.menuinner > p	{ text-align: center; color:#666; font-size: 10px; line-height: 1; font-weight: 500; padding: 40px 0 0; margin: 0; }
@media (min-width: 768px) { 
	.menuinner > ul.nav > li > a:hover, 
	.menuinner > ul.subnav > li > a:hover	{ color:#f9891a; }
}
@media (max-width: 767px) { 
	nav.sp	{ width: 100%; height: calc(var(--vh, 1vh) * 100); }
	.menuinner > ul.nav	{ max-width: 280px; width: 90%; }
	.menuinner > ul.subnav	{ max-width: 280px; width: 90%; }
	.menuinner > ul.subnav > li > a	{ font-size: 14px; }
}
@media (max-width: 374px) { 
	.menuinner > ul.nav > li > a	{ font-size: 16px; padding: 8px 0; }
	.menuinner > ul.subnav > li > a	{ font-size: 12px; }
	.menuinner > p	{ font-size: 9px; padding: 20px 0 0; }
}

.drwrapper	{ height: 100%; overflow-x: hidden; position: relative; }
.overlay	{ content: ""; display: block; width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: 20; opacity: 0; transition: opacity .5s; background-color: rgba(0,0,0,.8); }
.overlay.open	{ width: 100%; height: 100%; opacity: 1; position: fixed; }
.menu-trigger	{ display: none; width: 60px; height: 60px; vertical-align: middle; cursor: pointer; position: fixed; top: 0; left: auto; right: 0; z-index: 300; pointer-events: auto; transition: all .5s; background-color: rgba(255,255,255,.3); }
.menu-trigger:hover	{ background-color: rgba(255,255,255,1); }
.menu-trigger span	{ display: inline-block; box-sizing: border-box; position: absolute; top: 20px; left: 20px; width: 20px; height: 3px; background-color: #1e4098; transition: all .5s; transform: translateX(0); transition: all .5s; }
.menu-trigger.active	{ transition: all .5s; }
.menu-trigger.active span	{ background-color: #1e4098; }
.menu-trigger span:nth-of-type(1)	{ top: 18px; }
.menu-trigger.active span:nth-of-type(1)	{ transform: translateY(8px) rotate(-45deg); }
.menu-trigger span:nth-of-type(2)	{ top: 26px; }
.menu-trigger.active span:nth-of-type(2)	{ opacity: 0; }
.menu-trigger span:nth-of-type(3)	{ top: 34px; }
.menu-trigger.active span:nth-of-type(3)	{ transform: translateY(-8px) rotate(45deg); }
@media (max-width: 860px) { 
	.menu-trigger	{ display: inline-block; width: 60px; height: 60px; background-color: transparent; }
	.menu-trigger span	{ top: 20px; left: 20px; width: 20px; }
	.menu-trigger:hover	{ background-color: transparent; }
	.menu-trigger.active	{ transition: all .5s; }
	.menu-trigger.active span	{ background-color: #1e4098; }
	.menu-trigger span:nth-of-type(1)	{ top: 20px; }
	.menu-trigger.active span:nth-of-type(1)	{ transform: translateY(8px) rotate(-45deg); }
	.menu-trigger span:nth-of-type(2)	{ top: 28px; }
	.menu-trigger.active span:nth-of-type(2)	{ opacity: 0; }
	.menu-trigger span:nth-of-type(3)	{ top: 36px; }
	.menu-trigger.active span:nth-of-type(3)	{ transform: translateY(-8px) rotate(45deg); }
}

/* ------------ TOP SLIDER ------------- */
.topSlider	{ position: relative; width: 100%; height: 100vh; position: fixed; top: 0; right: 0; bottom: 0; left: 0; transition: all 2s; z-index:-1; }
.topSlider	{ position: relative; width: 100%; height: 100vh; position: fixed; top: 0; right: 0; bottom: 0; left: 0; transition: all 2s; z-index:-1; }
.topSlider::after	{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; content:""; background-color: rgba(30,54,152,.2); transition: all 2s; mix-blend-mode: multiply; }
.topSlider.overwrite::after	{ background-color: rgba(255,255,255,.8); transition: all 2s; }
.topSlider .slick-slider .slick-track,
.topSlider .slick-slider .slick-list	{ height: 100%; }
.tpslider	{ width: 100%; height: 100%; padding: 0; margin: 0; }
.tpslider .main01,
.tpslider .main02,
.tpslider .main03,
.tpslider .main04,
.tpslider .main05,
.tpslider .main06,
.tpslider .main07	{ width: 100%; height: 100%; padding: 0; margin: 0; }
.tpslider .main01	{ background: url(../images/main01.webp) center bottom no-repeat; background-size: cover; }
.tpslider .main02	{ background: url(../images/main02.webp) center center no-repeat; background-size: cover; }
.tpslider .main03	{ background: url(../images/main03.jpg) center center no-repeat; background-size: cover; }
.tpslider .main04	{ background: url(../images/main04.jpg) center center no-repeat; background-size: cover; }
.tpslider .slick-active .main01,
.tpslider .slick-active .main02	{ transform: scale(1.0); }
.slide-animation	{ animation: fadezoom 8s 0s forwards; }
@keyframes fadezoom { 0% { transform: scale(1); } 100% { transform: scale(1.1); }}
@media (orientation: portrait) and (max-width: 767px) { 
	.topSlider::after	{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; content:""; background-color: rgba(30,54,152,.5); transition: all 2s; }
	.tpslider .main01	{ background: url(../images/main01sp.webp) center center no-repeat; background-size: cover; }
	.tpslider .main02	{ background: url(../images/main02sp.webp) center center no-repeat; background-size: cover; }
	.tpslider .main03	{ background: url(../images/main03s.jpg) center center no-repeat; background-size: cover; }
	.tpslider .main04	{ background: url(../images/main04s.jpg) center center no-repeat; background-size: cover; }
}

/* ------------ ITEM SET ------------- */
.itemSet	{ padding: 140px 0; }
.itemSet.map	{ padding: 140px 0 60px; }
.itemSet .inscrll	{ width: 100%; text-align: center; height: 80px; }
.itemSet .inscrll > strong { color:#9fa0a0; font-size: 2rem; font-weight: 500; line-height: 1; position: relative; display: inline-block; width: 100%; }
/* .itemSet .inscrll > strong:before	{ width: 25px; height: 15px; content: ''; display: block; position: absolute; top: 50px; left: 50%; transform: translate(-50%,-50%); background-image: url(../images/arrow.png); background-position: center center; background-size: cover; background-repeat: no-repeat; } */
.itemSet .inscrll > p	{ font-size: 1.3rem; margin: 0; padding: 30px 0 0; position: relative; display: inline-block; }
.itemSet .inscrll > p > a	{ font-size: 1rem; padding: 0 20px 0; position: relative; }
.itemSet .inscrll > p > a:before	{ width: 13px; height: 12px; content: ''; display: block; position: absolute; bottom: 0; left: 3px; transform: translate(0,-50%); background-image: url(../images/arrow2.png); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.itemSet .inimg	{ display:block; width: 100%; }
.itemSet .inimg img	{ width: 100%; }
@media (max-width: 498px)	{ 
	.itemSet	{ padding: 60px 0 40px; }
	.itemSet.map	{ padding: 60px 0 30px; }
	.itemSet .inscrll	{ height: 40px; }
	.itemSet .inscrll > strong { font-size: 26px; }
	.itemSet .inscrll > strong:before	{ width: 15px; height: 9px; top: 40px; }
	.itemSet .inscrll > p { font-size: .9rem; padding: 15px 0 0; }
	.itemSet .inscrll > p > a	{ font-size: .7rem; padding: 0 15px 0; }
	.itemSet .inscrll > p > a:before	{ width: 9px; height: 8px; left: 2px; }
}
#menu-2 .itemSet	{ background-color: #e2e6eb; }
#menu-3 .itemSet	{ background-color: #fff; }
#menu-4 .itemSet	{ background-color: #e2e6eb; }


/* ------------ MAIN ------------- */
.incontent	{ max-width: 900px; margin: 0 auto; padding: 0 15px; }
.incontent h3	{ font-size: 1.3rem; text-align: center; letter-spacing: 2px; padding: 25px 0 10px; }
/* 
.incontent h3	{ overflow: hidden; text-align: center; }
.incontent h3 span	{ position: relative; display: inline-block; margin: 0 2.5em; padding: 0 1em; text-align: left; }
.incontent h3 span::before,
.incontent h3 span::after	{ position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #c9bb95; }
.incontent h3 span::before	{ right: 100%; }
.incontent h3 span::after	{ left: 100%; }
@media (max-width: 498px)	{ 
	.incontent h3 span	{ margin: 0; padding: 0; text-align: left; }
	.incontent h3 span::before,
	.incontent h3 span::after	{ display: none; }
}
 */
.incontent2	{ display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; margin: 0 auto; padding: 0 15px; }
.incontent2 > button	{ border: 0; outline: 0; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 400px; height: 60px; color:#fff; font-size: 15px; font-weight: 700; letter-spacing:.1rem; line-height: 1; border-radius: 0px; background-color: #000; transition: all .3s; }
.incontent2 > button:hover	{ color:#fff; background-color: #1c50a1; }

.incontent p	{ font-size: 18px; text-align: center; letter-spacing: 1px; padding: 0 0 10px; }
.incontent p.contct	{ margin: 10px 0 20px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; }
.incontent p.contct a	{ display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 400px; height: 60px; color:#fff; font-size: 15px; font-weight: 700; letter-spacing:.1rem; line-height: 1; border-radius: 0px; background-color: #000; transition: all .3s; }
.incontent p.contct a:hover	{ color:#fff; background-color: #1c50a1; }
.incontent p > span	{ display: inline-block;  }
.incontent ul	{ list-style: none; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: space-between; padding: 0; margin: 0; }
.incontent ul:after	{ content:""; display: block; width:32.5%; }
.incontent ul li	{ display: flex; align-items: center; width: 32.5%; margin: 0 0 10px; background-color: #fff; padding: 60px 25px; }
.incontent ul li img	{ width: 80%; max-width: 220px; height: auto; margin: 0 auto; }
@media (max-width: 767px)	{ 
	.incontent h3	{ font-size: 1.2rem; padding: 25px 0 5px; }
	.incontent p	{ font-size: .8rem; padding: 0 0 5px; }
	.incontent p.contct	{ margin: 20px 0 10px; }
	.incontent ul li	{ width: 49%; margin: 0 0 7px; padding: 25px 25px; }
	.incontent ul li img	{ width: 100%; }
	.incontent2	{ padding: 15px 15px 30px; }
}

dl.plof	{ display:flex; flex-wrap: wrap; margin-top: 10px; }
dl.plof dt	{ font-size: 16px; line-height: 1.4; width: 35%; padding: 10px; text-align: right; }
dl.plof dd	{ font-size: 16px; line-height: 1.4; padding: 10px; margin: 0; width: 65%; }
@media screen and (max-width: 767px) {
	dl.plof dt	{ width: 35%; }
	dl.plof dd	{ width: 65%; }
}
@media screen and (max-width: 498px) {
	dl.plof dt, 
	dl.plof dd	{ font-size: 13px; width: 100%; text-align: center; padding: 8px 0 0; }
	dl.plof dt	{ padding: 18px 0 0; }
}

#map	{ width: 100%; height:700px}
@media screen and (max-width: 767px) {
	#map	{ width: 100%; height:500px}
}
@media screen and (min-width: 1280px) {
	#map	{ width: 100%; height:900px}
}

.gmap	{ height: 0; overflow: hidden; padding-bottom: 40%; position: relative; }
.gmap iframe	{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
@media (max-width: 767px)	{ 
	.gmap	{ padding-bottom: 100%; }
}



/* ------------ SECOND SLIDER ------------- */
.secondSlider	{ position: relative; width: 100%; height: 100vh; position: fixed; top: 0; right: 0; bottom: 0; left: 0; transition: all 2s; z-index:-1; }
.secondSlider::after	{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; content:""; background-color: rgba(30,54,152,.4); transition: all 2s; }
.secondSlider.overwrite::after	{ background-color: rgba(30,54,152,.95); transition: all 2s; }
.secondSlider .slick-slider .slick-track,
.secondSlider .slick-slider .slick-list	{ height: 100%; }

/* ------------ SECOND TTLE ------------- */
.second_ttle	{ width: 100%; height: 300px; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding: 0 60px; }
.second_ttle.minittle	{ height: 200px; }
.second_ttle_inner	{ width: 100%; max-width: 1280px; height: 100%; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; }
.second_ttle_inner > h2	{ color:#fff; padding: 10px 10%; font-size: 80px; font-size: clamp(30px, 80px, 8vw); line-height: 1; font-weight: 700; position: relative; text-shadow: 2px 2px 5px rgba(15,45,129,1), 2px 2px 5px rgba(15,45,129,1); }
.second_ttle_inner > h2::before	{ content:""; position: absolute; left:-100%; top: 50%; height: 2px; width: 110%; background-color: #fff; }
.second_ttle_inner > h3	{ display: -webkit-flex; display: flex; margin: -10px 0 10px 8%; }
.second_ttle_inner > h3 > span	{ background-color: #fff; padding: 10px 30px 12px; font-size: 24px; font-size: clamp(14px, 24px, 2vw); line-height: 1; font-weight: 700; border-radius: 4px; }
.second_ttle_inner > h3.for_cli > span	{ color:#fff; background-color: #3084e3; }
.second_ttle_inner > h3.for_sta > span	{ color:#fff; background-color: #81bb47; }
.second_ttle_inner > strong	{ color:#fff; padding: 0 10%; font-size: 28px; line-height: 1; font-weight: 500; }
.second_ttle.minittle .second_ttle_inner > h2	{ font-size: 60px; font-size: clamp(20px, 60px, 7vw); line-height: 1; font-weight: 700; position: relative; }
@media (max-width: 767px) { 
	.second_ttle	{ height: 160px; padding: 0 0 0 30px; }
	.second_ttle.minittle	{ height: 100px; padding: 0 30px; }
	.second_ttle_inner	{ padding: 0; }
	.second_ttle.minittle .second_ttle_inner	{ padding: 0; }
	.second_ttle_inner > h2	{ padding: 10px 0 10px 5px; }
	.second_ttle_inner > h2::before	{ width: 100%; }
	.second_ttle_inner > h3	{ margin: -6px 0 8px 5px; }
	.second_ttle_inner > h3 > span	{ padding: 5px 20px 6px; }
	.second_ttle_inner > strong	{ padding: 0 5px; font-size: 14px; }
}
.ttle_news	{ background: url(../images/liust_news.svg) 0 0 / auto 270px no-repeat; background-position: right 10% bottom -10px; }
.ttle_contact	{ background: url(../images/liust_contact.svg) 0 0 / auto 270px no-repeat; background-position: right 5% bottom -10px; }
.ttle_contact_2	{ background: url(../images/liust_business_2.svg) 0 0 / auto 270px no-repeat; background-position: right 5% bottom -10px; }
.ttle_business_c	{ background: url(../images/bizimg.png) 0 0 / auto 270px no-repeat; background-position: right 5% bottom -10px; }
.ttle_business_s	{ background: url(../images/liust_business_s.svg) 0 0 / auto 270px no-repeat; background-position: right 5% bottom -10px; }
.ttle_contact	{ background: url(../images/liust_contact.svg) 0 0 / auto 270px no-repeat; background-position: right 5% bottom -10px; }
.ttle_about	{ background: url(../images/liust_about.svg) 0 0 / auto 260px no-repeat; background-position: right 5% bottom -10px; }
@media (max-width: 767px) { 
	.ttle_news	{ background-size: auto 160px; background-position: right 0 bottom -30px; }
	.ttle_business_c	{ background-size: auto 130px; background-position: right 10px bottom -10px; }
	.ttle_business_s	{ background-size: auto 125px; background-position: right -20px bottom -10px; }
	.ttle_contact	{ background-size: auto 125px; background-position: right -20px bottom -10px; }
	.ttle_contact_2	{ background-size: auto 125px; background-position: right -20px bottom -10px; }
	.ttle_about	{ background-size: auto 135px; background-position: right -20px bottom -10px; }
}

/* ------------ SECOND CONTENT ------------- */
.content_wrapper	{ width: 100%; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 60px 60px; }
.content_inner	{ width: 100%; max-width: 1280px; background-color: #fff; padding: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, .05); }
.content_inner.page_news	{ padding: 60px 0 100px; }
.content_inner.page_news_detail	{ padding: 80px 50px 30px; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.content_inner.page_contact	{ padding: 80px 50px; }
@media (max-width: 840px) { 
	.content_inner.page_news	{ padding: 50px 0; }
	.content_inner.page_news_detail	{ padding: 50px 30px; }
	.content_inner.page_contact	{ padding: 50px 30px; }
}
@media (max-width: 767px) { 
	.content_wrapper	{ padding: 0; }
	.content_inner.page_news	{ padding: 0; }
	.content_inner.page_news_detail	{ padding: 30px; }
	.content_inner.page_contact	{ padding: 30px 0; }
}

.midlesec	{ width: 100%; position: relative; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0; background-color: var(--second-bg); overflow: hidden; }
/* .midlesec::before	{ content:""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-top: 50px solid var(--main-bg); border-right: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid transparent; } */
.midlesec .wrapper	{ width: 100%; max-width: 1200px; margin: 0 0 100px; }

.about3colum	{ display: -webkit-flex; display: flex; justify-content: space-between; width: 100%; max-width: 1200px; padding: 60px 0 0; }
.columwrap	{ width: calc(100% / 3 - 20px); background-color: var(--trueWhite); margin-top: 5%; }
.columwrap > h3	{ width: 100%; height: 80px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 20px 0 0; }
.columwrap > h3 span	{ text-align: center; font-size: clamp(20px, 28px, 1.6vw); line-height: 1.3; font-weight: 500; letter-spacing:.08rem; }
.columwrap > p	{ font-size: clamp(14px, 16px, 1vw); line-height: 1.8; font-weight: 400;  padding: 20px 10% 40px; }
.columwrap > p svg	{ width: 24px; vertical-align: middle; line-height: 1; padding: 0; position: relative; z-index: 3; }
.columwrap > p span	{ display: block; font-size: clamp(12px, 14px, 1vw); line-height: 1.5; font-weight: 400; letter-spacing:.1rem; padding: 10px 0; }
.columimg	{ margin-top: -25%; }
@media (max-width: 840px) { 
	.midlesec	{ padding: 0 20px; }
	.midlesec .wrapper	{ margin: 0 0 50px; }
	.about3colum	{ flex-wrap: wrap; padding: 0; }
	.columwrap	{ width: 100%; margin: 30% 0 0; }
	.columwrap > h3	{ height: auto; padding: 10px 0 0; }
	.columwrap > p	{ padding: 20px 24px 24px; }
}


/* ------------ BUSINESS ------------- */
.business_header	{ text-align: center; }
.business_header.hClient	{ background-color: #3084e3; }
.business_header.hStaff	{ background-color: #81bb47; }
.business_header_inner	{ width: 100%; max-width: 900px; padding: 50px; margin: 0 auto; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; text-align: left; position: relative; }
.business_header_inner > strong	{ color: #fff; font-size: 38px; font-size: clamp(24px, 38px, 3.6vw); line-height: 1.6; font-weight: 700; margin: 0 0 20px; text-align: center; }
.business_header_inner > a	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; margin: 0 0 20px; transition: all .5s; }
.business_header_inner > a > b	{ color: #fff; font-size: 28px; font-size: clamp(18px, 28px, 2.4vw); line-height: 1; font-weight: 700; margin: 0 0 10px; padding: 16px 60px; border-radius: 100px; background-color: #1e4098; transition: all .5s; }
.hStaff .business_header_inner > a > b	{ background-color: #495b37; }
.business_header_inner > a > span	{ color: #fff; font-size: 14px; font-weight: 500; line-height: 1; transition: all .5s; }
.business_header_inner > p	{ color: #fff; font-size: 18px; font-size: clamp(13px, 18px, 2vw); line-height: 2; font-weight: 700; }
.business_fixed	{ position: relative; padding: 0 0 40px;  }
.business_fixed::before	{ content:""; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/bizbg.png) center center / 24px repeat; flex-direction: column; opacity: .5;}
.business_conwap	{ display: -webkit-flex; display: flex; align-items: center; position: relative; z-index: 2; }
.business_conwap::after	{ content:""; position: absolute; width: 70%; height: 40%; background-color: rgba(255,0,0,1); z-index: -1; }
.business_conwap.bzleft::after	{ top: 50%; right: 0; }
.business_conwap.bzright::after	{ top: 50%; left: 0; }
.mtminus	{ margin: -8% 0 0; }
.business_mtxt	{ width: 60%; z-index: 2; }
.business_mtxt > strong	{ display: block; font-size: 38px; font-size: clamp(18px, 38px, 2.8vw); line-height: 1.3; font-weight: 700; padding: 0 0 20px; }
.hClient .business_mtxt > strong	{ color:#3084e3; }
.hStaff .business_mtxt > strong	{ color:#81bb47; }
.business_mtxt > p	{ color:#666; display: block; font-size: 20px; font-size: clamp(12px, 20px, 1.6vw); line-height: 2; font-weight: 700; }
.business_img	{ width: 40%; padding: 20px 0; z-index: 2; position: relative; }
.business_img img	{ z-index: 4; }
.bzleft .business_mtxt	{ padding: 0 0 0 10%; }
.bzright .business_mtxt	{ padding: 0 10% 0 0; }
.business_fixed.hClient	{ background-color: rgba(48,132,227,.1); }
.business_fixed.hStaff	{ background-color: rgba(129,187,71,.1); }
.hClient .business_conwap::after	{ background-color: rgba(48,132,227,.2); }
.hStaff .business_conwap::after	{ background-color: rgba(129,187,71,.3); }

@media (min-width: 768px) { 
	.business_header_inner > a:hover	{ transform: translateY(-10px); }
	.hClient .business_header_inner > a:hover > b	{ color: #1e4098; background-color: #fff; }
	.hClient .business_header_inner > a:hover > span	{ color: #1e4098; }
	.hStaff .business_header_inner > a:hover > b	{ color: #495b37; background-color: #fff; }
	.hStaff .business_header_inner > a:hover > span	{ color: #495b37; }
}
@media (max-width: 1100px) { 
	.mtminus	{ margin: -4% 0 0; }
}
@media (max-width: 900px) { 
	.bzleft .business_mtxt	{ padding: 0 0 0 10%; }
	.bzright .business_mtxt	{ padding: 0 10% 0 0; }
	.mtminus	{ margin: -2% 0 0; }
}
@media (max-width: 767px) { 
	.business_header_inner	{ padding: 30px; }
	.business_header_inner > a > span	{ font-size: 11px; }
	.business_fixed	{ padding: 30px 0;  }
	.business_mtxt > p	{ line-height: 1.6; }
	.bzleft .business_mtxt	{ padding: 0 0 0 30px; }
	.bzright .business_mtxt	{ padding: 0 30px 0 0; }
	.mtminus	{ margin: 20px 0 0; }
}

/* ------------ ABOUT US ------------- */
.content_inner.page_about	{ padding: 0; }
.page_about_header	{ width: 100%; padding: 60px 50px 50px; background-color: #807fff; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; position: relative; }
.page_about_header::after	{ position: absolute; content:""; top:-30px; left:0; bottom:0; width: 270px; background: url(../images/liust_about2.svg) bottom left / contain no-repeat; z-index: 1; }
.page_about_header .wrapper	{ display: -webkit-flex; display: flex; flex-direction: column; margin: 0 0 0 240px; position: relative; z-index: 2; }
.page_about_header .wrapper h3	{ color:#fff; width: 100%; font-size: 30px; font-size: clamp(20px, 30px, 2.6vw); line-height: 1.3; font-weight: 700; margin: 0 0 30px; }
.page_about_header .wrapper p	{ color:#fff; width: 100%; font-size: 16px; font-size: clamp(14px, 16px, 1.4vw); line-height: 2; font-weight: 700; margin: 0 0 10px; }

.page_about_header2	{ width: 100%; padding: 60px 50px 50px; background-color: #807fff; display: -webkit-flex; display: flex; justify-content: space-between; position: relative; }
.page_about_header2 .img	{ width: 280px; }
.page_about_header2 .txt	{ width: calc(100% - 320px); display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-start; }
.page_about_header2 .txt > h3	{ color:#fff; font-size: 26px; font-size: clamp(18px, 26px, 2vw); line-height: 1; font-weight: 700; padding: 0 0 4px; margin: 0 0 20px; border-bottom: 2px solid #fff; }
.page_about_header2 .txt > p	{ color:#fff; width: 100%; font-size: 16px; font-size: clamp(13px, 16px, 1.4vw); line-height: 1.6; font-weight: 700; margin: 0 0 10px; }
.page_about_header2 .txt .more	{ display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; width: 100%; border: 0 solid #ccc; border-radius: 5px; margin: 10px 0 0; padding: 10px 20px; background-color: #fff; }
.page_about_header2 .txt .more > b	{ width: 100px; }
.page_about_header2 .txt .more > p	{ width: calc(100% - 120px); color:#000; font-size: 12px; line-height: 1.8; font-weight: 400; }
@media (max-width: 1200px) { 
	.page_about_header2 .img	{ width: 30%; }
	.page_about_header2 .txt	{ width: calc(70% - 40px); }
}
@media (max-width: 767px) { 
	.page_about_header2	{ padding: 20px 20px 40px; flex-direction: column; align-items: center; }
	.page_about_header2 .img	{ width: 100%; max-width: 160px; }
	.page_about_header2 .txt	{ width: 100%; align-items: center; padding: 20px 0 0; }
	.page_about_header2 .txt .more	{ flex-direction: column; align-items: center; padding: 10px; }
	.page_about_header2 .txt .more > b	{ padding: 0 0 10px; }
	.page_about_header2 .txt .more > p	{ width: 100%; font-size: 11px; line-height: 1.4; }
}



.page_about_inner	{ padding: 80px 50px 0; }
.page_about_inner > h3	{ color:#807fff; width: 100%; font-size: 30px; font-size: clamp(22px, 30px, 3vw); line-height: 1; font-weight: 700; text-align: center; }
.company_table	{ width: 100%; margin: 30px auto 80px; max-width: 760px; border-collapse: separate; border-spacing: 10px; }
.company_table th	{ color: #666; font-weight:700; width: 180px; }
.company_table td	{ color: #000; font-weight:500; }
.company_table th, 
.company_table td	{ font-size: 16px; letter-spacing: .1rem; line-height: 1.6; text-align: left; padding: 15px 0; vertical-align: top; text-align: left; }
.company_table th	{ border-top: solid 3px #807fff; padding: 15px 0; vertical-align: top; text-align: left; }
.company_table th > span	{ font-size: 13px; letter-spacing: .1rem; line-height: 1.6; }
.company_table td	{ padding-left: 10px; border-top: solid 1px #ccc; }
.company_table td > span	{ display: block; }
.company_table td > ul	{ margin: 0 0 0 1.5em;  }
.listmap	{ width: 100%; height: 600px; overflow: hidden; margin: 0; }
.listmap iframe	{ width: 100%; height: calc(100% + 180px); margin-top: -180px; }
@media (max-width: 840px) { 
	.page_about_header	{ padding: 40px 20px; }
	.page_about_header::after	{ width: 160px; }
	.page_about_header .wrapper	{ margin: 0 0 0 140px; }
	.company_table th	{ width: 120px; }
}
@media (max-width: 767px) { 
	.page_about_header	{ padding: 40px 40px 30px; }
	.page_about_header::after	{ width: 140px; opacity: .4; mix-blend-mode: multiply; }
	.page_about_header .wrapper	{ margin: 0; }
	.page_about_header .wrapper h3	{ line-height: 1.3; margin: 0 0 20px; }
	.page_about_header .wrapper p	{ line-height: 1.8; margin: 0 0 5px; }
	.page_about_inner	{ padding: 40px 30px 0; }
	.company_table	{ width: 100%; margin: 20px 0 30px; border-spacing: 0; }
	.company_table th	{ padding-bottom: 0; border: none; }
	.company_table th, 
	.company_table td	{ font-size: 13px; display: block; width: 100%; line-height: 1.4; }
	.company_table th	{ font-size: 14px; padding: 16px 20px 5px 30px; position: relative; border-top: dotted 1px #ddd; }
	.company_table th > span	{ font-size: 12px; line-height: 2; }
	.company_table th::before	{ content:""; position: absolute; left:0; top: 60%; height: 3px; width: 23px; background-color: #807fff; }
	.company_table td	{ padding: 5px 30px 16px; }
	.company_table td	{ border-top: 0; }
	.listmap	{ height: 400px; }
}

/* ------------ CONTACT US ------------- */
.page_contact h3	{ color:#1ba2e6; width: 100%; font-size: 30px; font-size: clamp(22px, 30px, 3vw); line-height: 1; font-weight: 700; text-align: center; }
.contact_table textarea, 
.contact_table input[type="text"],
.contact_table input[type="email"],
.contact_table input[type="tel"],
.contact_table input[type="number"],
.contact_table input[type="password"]	{ font-size: 16px; color:#000; width: 100%; height: 50px; padding: 12px 20px; border: none; background-color: #ebf1f8; border:none; border:0; border-radius: 4px; transition: all .3s; }
.contact_table textarea:focus,
.contact_table input[type="text"]:focus,
.contact_table input[type="email"]:focus,
.contact_table input[type="tel"]:focus,
.contact_table input[type="number"]:focus,
.contact_table input[type="password"]:focus	{ box-shadow:0 0 2px .1rem rgba(0,54,243,.5); background-color: #fff; }
.select	{ position: relative; float: left; min-width: 100%; margin:0; }
.contact_table select::-ms-expand	{ display: none; }
.select:after	{ content: '<>'; text-align: center; font: 18px "Consolas", monospace; color: #999; font-weight: 700; transform: translateY(-50%) rotate(90deg); right: 4px; top: 50%; padding: 0 0 10px; width: 48px;  border-bottom: 1px solid #ccc; position: absolute; pointer-events: none; background-color: #ebf1f8; }
.select select	{ -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; height: 50px; float: right; margin: 0px; padding: 0px 24px; font-size: 16px; line-height: 1.75; color: #000; background-color: #ebf1f8; background-image: none; -ms-word-break: normal; word-break: normal; border:none; border:0; border-radius: 4px; cursor: pointer; }
.contact_table textarea	{ min-height: 200px; overflow: scroll; }
.alertwp .select select,
.contact_table .alertwp textarea, 
.contact_table .alertwp input[type="text"],
.contact_table .alertwp input[type="email"],
.contact_table .alertwp input[type="tel"],
.contact_table .alertwp input[type="number"],
.contact_table .alertwp input[type="password"]	{ border: 1px solid #d90000; }
.contact_table	{ width: 100%; margin: 30px auto 0; max-width: 840px; border-collapse: separate; border-spacing: 20px; }
.contact_table th	{ color: #666; font-weight:700; width: 180px; }
.contact_table td	{ color: #000; font-weight:500; }
.contact_table th, 
.contact_table td	{ font-size: 16px; letter-spacing: .1rem; line-height: 1.6; text-align: left; padding: 15px 0; vertical-align: top; text-align: left; }
.contact_table th	{ border-top: solid 3px #1ba2e6; padding: 15px 0; vertical-align: top; text-align: right; }
.contact_table th > span	{ display: block; color:#F00; font-size: 13px; letter-spacing: .1rem; line-height: 1.6; }
.contact_table td	{ border-top: solid 1px #ccc; }
.contact_table td > span	{ display: block; }
.contact_table td > ul	{ margin: 0; display: -webkit-flex; display: flex; justify-content: space-between; list-style-type: none;  }
.contact_table td > ul > li	{ width: calc(50% - 10px); }
span.ipalert	{ display: none; font-size: 14px; font-size: clamp(12px, 14px, 1.8vw); color:#d90000; line-height: 1.2; padding: 5px 0 0; }
.alertwp span.ipalert	{ display: block; }
@media (max-width: 840px) { 
	.contact_table th	{ width: 120px; }
}
@media (max-width: 767px) { 
	.contact_table	{ width: 100%; margin: 20px 0 0; border-spacing: 0; }
	.contact_table th	{ padding-bottom: 0; border: none; text-align: left; }
	.contact_table th, 
	.contact_table td	{ font-size: 13px; display: block; width: 100%; line-height: 1.4; }
	.contact_table th	{ font-size: 14px; padding: 16px 20px 5px 30px; position: relative; border: 0; }
	.contact_table th > span	{ font-size: 12px; line-height: 2; display: inline-block; }
	.contact_table th::before	{ content:""; position: absolute; left:0; top: 60%; height: 3px; width: 23px; background-color: #1ba2e6; }
	.contact_table td	{ padding: 5px 30px 16px; }
	.contact_table td	{ border-top: 0; }
	.contact_table td > ul > li	{ width: calc(50% - 4px); }
	.contact_table td > ul.sp100	{ flex-wrap: wrap; }
	.contact_table td > ul.sp100 > li	{ width: 100%; padding-bottom: 10px; }
}

.policy_check	{ width: 100%; margin: 30px auto 0; padding: 0 20px; max-width: 840px; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; }
.policy_check > h4	{ font-size: 18px; padding: 0 0 20px; line-height: 1; font-weight: 700; text-align: center; }
.policy_txt	{ padding: 30px; width: 100%; max-height: 200px; background-color: #efefef; overflow-y: auto; margin: 0 0 30px; }
.policy_txt dl dt	{ font-size: 16px; font-weight: 700; line-height: 1; margin: 0 0 5px; padding: 0 0 0 25px; position: relative; }
.policy_txt dl dt::before	{ content:""; width: 20px; height: 20px; background-color: #ccc; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; }
.policy_txt dl dd	{ font-size: 14px; font-weight: 500; line-height: 1.6; margin: 0 0 15px; padding: 0 0 0 25px; }
.policy_check_label	{ color:#1e4098; font-size: 18px; padding: 0 0 0 5px; line-height: 1; font-weight: 700; cursor: pointer; }
.dzlg-input	{ display: inline-block!important; position: relative; width: 20px; height: 20px; margin: 0; cursor: pointer; color: #ffffff; border: 2px solid #a0acbe!important; border-radius: 5px; outline: none; background: #ffffff!important; -webkit-appearance: none!important; appearance: none!important; vertical-align: bottom; }
.dzlg-input.typeM	{ width: 24px; height: 24px; }
.dzlg-input:checked	{ background: #fa8a1b!important; border: 2px solid #fa8a1b!important; }
.dzlg-input:checked::before	{ content: ''; display: inline-block; width: 14px; height: 14px; background-image: url(../images/ic_check.png)!important; background-size: contain; vertical-align: middle; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.dzlg-input:checked::after	{ position: relative; display: block; content: ''; -webkit-animation: click-wavelz 0.2s; animation: click-wavelz 0.2s; background: #949494!important; }
@media (max-width: 767px) { 
	.policy_check	{ padding: 0 30px; }
	.policy_txt	{ padding: 15px 15px 15px 10px; margin: 0 0 30px; }
	.dzlg-input	{ width: 24px!important; height: 24px; border-radius: 5px; border: 3px solid #a0acbe!important; }
	.dzlg-input:checked	{ border: 3px solid #61941b; }
	.policy_txt dl dt	{ font-size: 13px; margin: 0 0 5px; padding: 0 0 0 20px; position: relative; }
	.policy_txt dl dt::before	{ width: 15px; height: 16px; }
	.policy_txt dl dd	{ font-size: 12px; margin: 0 0 10px; padding: 0 0 0 20px; }
	.policy_check_label	{ font-size: 16px; }
}
.for_cli .page_contact h3	{ color:#3084e3; }
.for_cli .contact_table th	{ border-color: #3084e3; }
.for_sta .page_contact h3	{ color:#81bb47; }
.for_sta .contact_table th	{ border-color: #81bb47; }
.mt2	{ margin-top: 20px; }
@media (max-width: 767px) { 
	.for_cli .contact_table th::before	{ background-color: #3084e3; }
	.for_sta .contact_table th::before	{ background-color: #81bb47; }
	.mt2	{ margin-top: 10px; }
}


/* ------------ DETAIL ARTICLE ------------- */
.detail_Article	{ font-size: 16px; line-height: 2.2; width: 100%; max-width: 740px; }
.detail_Article strong	{ font-weight: 700; }
.detail_Article > hr	{ border: none; border-top: 1px solid #aaa; margin: 30px 0; }
.detail_Article > ol,
.detail_Article > ul	{ font-size: 18px; line-height: 1.4; margin: 1em 0; padding: 0 0 0 1.4em; }
.detail_Article > ol > li,
.detail_Article > ul > li	{ padding: 0 0 5px; }
.detail_Article > blockquote	{ display: block; width: 100%; font-size: 16px; line-height: 1.8; padding: 40px; border-radius: 4px; margin: 2em 0; background-color: #ecf3f9; }
.detail_Article > blockquote p	{ font-size: 16px; line-height: 2; padding: 0; margin: 0; }
.detail_Article > blockquote > ol, 
.detail_Article > blockquote > ul	{ font-size: 16px; line-height: 1.4; margin: .7em 0; padding: 0 0 0 1.4em; }
.detail_Article > blockquote > ol > li, 
.detail_Article > blockquote > ul > li	{ padding: 0 0 5px; }

.detail_Article > h1	{ font-size: 26px; line-height: 1.6; font-weight: 700; position: relative; padding: 0 0 20px; margin: 20px 0 30px; }
.detail_Article > h1:after	{ position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.detail_Article > h2	{ font-size: 22px; line-height: 1.4; font-weight: 700; position: relative; padding: 20px 40px; margin: 10px 0; border: 4px solid #000; }
.detail_Article > h2:before	{ position: absolute; top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); content: ''; border: 1px solid #000; }
.detail_Article > h3	{ font-size: 22px; line-height: 1.4; font-weight: 700; padding: .5em 1em; margin: 10px 0; border-left: 5px solid #000; }
.detail_Article > h4	{ font-size: 18px; line-height: 1.4; font-weight: 700; padding: 10px 20px; margin: 10px 0; border: 2px dotted #ccc; }
.detail_Article > h5	{ font-size: 18px; line-height: 1.4; font-weight: 700; padding: 0; margin: 10px 0; }
.detail_Article > h6	{ font-size: 13px; line-height: 1.4; font-weight: 500; padding: 0; margin: 5px 0; }
.detail_Article b,
.detail_Article strong	{ font-weight: 700; }
.detail_Article a	{ color:#1e4098; text-decoration: underline; text-underline-offset: 3px; }
.detail_Article a:hover	{ color:#fa8a1b; }
@media (max-width: 767px)	{ 
	.detail_Article	{ font-size: 14px; line-height: 2; }
	.detail_Article > hr	{ margin: 20px 0; }
	.detail_Article > ol,
	.detail_Article > ul	{ font-size: 16px; }
	.detail_Article > blockquote	{ font-size: 14px; padding: 12px 20px; }
	.detail_Article > blockquote p	{ font-size: 14px; }
	.detail_Article > blockquote > ol, 
	.detail_Article > blockquote > ul	{ font-size: 14px; }
	.detail_Article > h1	{ font-size: 22px;  padding: 0 0 20px; margin: 0 0 20px; }
	.detail_Article > h2	{ font-size: 20px; padding: .1em .6em; }
	.detail_Article > h3	{ font-size: 18px; }
	.detail_Article > h4	{ font-size: 16px; padding: 5px 10px; }
	.detail_Article > h5	{ font-size: 16px; }
	.detail_Article > h6	{ font-size: 12px; }
}
.pdflink	{ display: block; padding: 0; margin: 0 0 30px; }
.pdflink > a	{ display: inline-block; position: relative; padding: 0 0 0 30px; font-weight: 700; }
.pdflink > a::before	{ content:""; width: 21px; height: 25px; background: url(../images/icon-pdf_r.svg) center center / contain no-repeat; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

/* ------------ PRIVACY POLICY ------------- */
.detail > h1	{ color:#113355; font-size: 32px; font-weight: 700; line-height: 1.5; padding: 20px 0 5px; margin: 0 0 40px; border-bottom: 3px solid #113355; }
.detail > h1 > span	{ font-size: 22px; }
.detail > h1.center	{ display: -webkit-flex; display: flex; justify-content: center; padding: 0; margin: 0; border: 0 solid #fff; }
.detail > h1.center > span	{ font-size: 32px; font-weight: 700; line-height: 1.5; padding: 20px 5px 5px; margin: 0 0 40px; border-bottom: 3px solid #113355; }
.policy_content	{ padding: 0; margin: 0; }
h2.contt	{ color:#113355; font-size: 28px; font-weight: 700; line-height: 1; text-align: center; padding: 10px; margin: 30px 0 15px; border-top: 2px solid #113355; border-bottom: 2px solid #113355; text-indent: 0; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
h2.contt > b	{ padding: 0 20px 0 0; }
h2.polin	{ color:#113355; font-size: 24px; font-weight: 700; line-height: 1.5; padding: 20px 0 10px; margin: 0; }
h2.polout	{ color:#113355; font-size: 22px; font-weight: 700; line-height: 1.5; padding: 5px 10px; margin: 30px 0 15px; border-top: 2px solid #113355; border-bottom: 2px solid #113355; text-indent: 0; }
h3.polin	{ display: -webkit-flex; display: flex; align-items: center; color:#113355; font-size: 24px; font-weight: 700; line-height: 1; padding: 20px 0 10px; margin: 0;  }
h3.polin > b	{ padding: 0 20px 0 0; }
p.polin	{ color:#000; font-size: 16px; font-weight: 500; line-height: 1.7; padding: 5px 0; margin: 0; }
ul.nolin	{ list-style-type: none; }
ol.polin	{ display: block; padding: 0; margin: 10px 0 0 1.3em; }
ol.polin > li	{ color:#000; font-size: 16px; font-weight: 500; line-height: 1.7; padding: 0 0 4px; margin: 0; }
ul.polin	{ display: block; padding: 0; margin: 0 0 0 1.3em; }
ul.polin > li	{ color:#000; font-size: 16px; font-weight: 500; line-height: 1.7; padding: 0; margin: 0; }
ol.polin > li.second, 
ol.polin > li.second > h3	{ color:#113355; font-size: 18px; font-weight: 700; line-height: 1.5; padding: 5px 0; margin: 0; }
ol.marusu	{ display: block; padding: 0; margin: 0 0 0 1em; counter-reset: my-counter; }
ol.marusu > li	{ color:#000; font-size: 16px; font-weight: 500; line-height: 1.5; padding: 0 0 4px 25px; margin: 0; list-style: none; position: relative; }
ol.marusu > li:before { content: counter(my-counter); counter-increment: my-counter; background-color: #fff; border: 1px solid #000; border-radius: 50%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; height: 18px; width: 18px; color: #000; font-size: 85%; line-height: 0; position: absolute; top: 3px; left: 0; }
.policy_address	{ display: block; padding: 20px 40px; margin: 0 0 40px; border: 1px solid #ccc; color:#000; font-size: 16px; font-weight: 500; line-height: 1.7; }
li.lisnos	{ list-style: none; }
.chart	{ width: 100%; max-width: 480px; padding: 0 0 20px; margin: 0 auto; }
ul.dot	{ list-style-type: ;disc; margin: 0 0 0 1.3em;  }
@media (max-width: 767px) { 
	.detail > h1	{ font-size: 24px; padding: 10px 0 5px; margin: 0 0 20px; border-bottom: 2px solid #113355; }
	.detail > h1 > span	{ font-size: 14px; display: block; }
	.detail > h1.center > span	{ font-size: 24px; display: block; }
	.policy_content	{ margin: 0; }
	h2.contt	{ font-size: 18px; flex-wrap: wrap; }
	h2.contt > b	{ padding: 0 5px 0 0; }
	h2.polin	{ font-size: 18px; padding: 10px 0 5px; }
	h2.polout	{ font-size: 18px; padding: 10px 0; }
	h3.polin	{ font-size: 16px; flex-wrap: wrap; }
	h3.polin > b	{ padding: 0; }
	p.polin	{ font-size: 14px; padding: 3px 0; }
	ol.polin	{ margin: 5px 0 0 1.1em; }
	ol.polin > li	{ font-size: 14px; padding: 0 0 3px; }
	ul.polin	{ margin: 5px 0 0 1.3em; }
	ul.polin > li	{ font-size: 14px; padding: 0 0 3px; }
	ol.polin > li.second, 
	ol.polin > li.second > h3	{ font-size: 16px; padding: 3px 0; }
	ol.polin > li > p	{ font-size: 14px; padding: 0 0 3px; }
	ol.polin > li > ol > li	{ font-size: 14px; padding: 0 0 3px; }
	ol.marusu > li	{ font-size: 14px; padding: 0 0 3px 22px; }
	.policy_address	{ padding: 10px 20px; margin: 0 0 20px; font-size: 14px; }
	ol.marusu > li:before { height: 16px; width: 16px; top: 2px;}
}


/* ------------ NEWS ------------- */
.news_area	{ display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding: 0; margin: 300px 0 -300px; background-color: #fff; }
.news_area__wrapper	{ width: 100%; background-color: #fff; transform: translateY(-300px); padding: 0 10%; margin: 0 10%; border-radius: 5px; }
.news_area__wrapper > h4	{ display: -webkit-flex; display: flex; align-items: flex-end; padding: 60px 0 0; margin: 0 0 30px; }
.news_area__wrapper > h4 > b	{ color:#373d51; font-size: 32px; font-size: clamp(20px, 32px, 3vw); line-height: 1; padding: 0 20px 0 0; }
.news_area__wrapper > h4 > span	{ color:#373d51; font-size: 18px; font-size: clamp(14px, 18px, 1.8vw); line-height: 1.2; padding: 0; }
.news_area__wrapper > strong	{ display: block; width: 100%; text-align: center; color:#373d51; font-size: 16px; font-size: clamp(14px, 16px, 1.8vw); font-weight: 500; line-height: 1; padding: 0 0 40px; margin: 0; }
.news_List	{ padding: 0; margin: 0; border-top: 1px dotted #969ebf; }
.news_List > dl	{ display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; padding: 30px 0; margin: 0; border-bottom: 1px dotted #969ebf; }
.news_List > dl > dt	{ width: 120px; display: -webkit-flex; display: flex; align-items: center; }
.news_List > dl > dt > b	{ color:#000; font-size: 16px; line-height: 1; font-weight: 500; padding: 0 10px 0 0; margin: 0; position: relative; }
.news_List > dl > dt > span	{ color:#000; font-size: 16px; line-height: 1; font-weight: 500; padding: 0; margin: 0; }
.news_List > dl > dd	{ width: calc(100% - 120px); display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; }
.news_List > dl > dd > p,
.news_List > dl > dd > a	{ width: calc(100% - 140px); transition: all .5s; display: -webkit-flex; display: flex; align-items: center; position: relative; }
.news_List > dl > dd > p.pdf,
.news_List > dl > dd > a.pdf	{ padding: 0 0 0 30px; }
.news_List > dl > dd > p.pdf::before,
.news_List > dl > dd > a.pdf::before	{ content:""; width: 21px; height: 25px; background: url(../images/icon-pdf_r.svg) center center / contain no-repeat; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0;  }
.toppage .news_List > dl > dd > p.pdf::before,
.toppage .news_List > dl > dd > a.pdf::before	{ content:""; width: 21px; height: 25px; background: url(../images/icon-pdf_w.svg) center center / contain no-repeat; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0;  }
.news_List > dl > dd > a > svg	{ width: 21px; height: 25px; line-height: 1; vertical-align: middle; color:#fff; margin: 0 8px 0 0; }
.news_List > dl > dd > p > span, 
.news_List > dl > dd > a > span	{ width: auto; color:#1e4098; font-size: 16px; line-height: 1.3; font-weight: 500; padding: 0; margin: 0; }
.news_List > dl > dd > p > span svg, 
.news_List > dl > dd > a > span svg	{ color:#1e4098; width: 24px; padding: 0; margin: 0 10px 0 0; vertical-align: bottom; transform:rotate(180deg); }
.news_List > dl > dd > b.category	{ width: 120px; height: 30px; line-height: 1; background-color: #000; padding: 0; margin: 0; border-radius: 50px; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #000; color:#000; }
.news_List > dl > dd > b.category > span	{ font-size: 13px; line-height: 1.5; font-weight: 500; letter-spacing:0; vertical-align: middle; }
.news_List > dl > dd > b.category.cate-01	{ color:#731ee6; border: 1px solid #731ee6; }
.news_List > dl > dd > b.category.cate-02	{ color:#f29e0c; border: 1px solid #f29e0c; }
.news_List > dl > dd > b.category.cate-03	{ color:#6fbf2e; border: 1px solid #6fbf2e; }
.news_List > dl > dd > b.category.cate-04	{ color:#999; border: 1px solid #999; }
.news_List > dl > dd > a:hover.category	{ opacity: .6; }
@media (max-width: 1200px) { 
	.news_area__wrapper	{ margin: 0 5%; }
}
@media (min-width: 768px) { 
	a .news_aLine	{ border-top: 1px solid transparent; border-bottom: 1px solid transparent; background: linear-gradient(#1e4098, #1e4098) 100% 100% / 0 1px no-repeat; transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s; }
	.toppage a:hover .news_aLine	{ border-top: 1px solid transparent; border-bottom: 1px solid transparent; background: linear-gradient(#fff, #fff) 100% 100% / 0 1px no-repeat; transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s; }
	a:hover .news_aLine, 
	.toppage a:hover .news_aLine	{ background-position: 0 100%; background-size: 100% 1px; }
}
@media (max-width: 767px) { 
	.news_area	{ padding: 30px 0 40px; }
	.news_area__wrapper	{ padding: 0 20px; margin: 0; border-radius: 0; }
	.news_area__wrapper > h4	{ padding: 30px 0 0; margin: 0 0 10px; }
	.news_List > dl	{ padding: 15px 0; }
	.news_List > dl > dt	{ width: 50px; flex-direction: column; }
	.news_List > dl > dt > b	{ font-size: 14px; padding: 0 0 5px; }
	.news_List > dl > dt > span	{ font-size: 13px; }
	.news_List > dl > dd	{ width: calc(100% - 60px); flex-direction: column; align-items: flex-start; }
	.news_List > dl > dd > a	{ width: 100%; }
	.news_List > dl > dd > a > span	{ font-size: 14px; text-decoration: underline; }
	.news_List > dl > dd > b.category	{ height: 24px; margin: 0 0 5px; }
	.news_List > dl > dd > b.category > span	{ font-size: 12px; text-decoration: none; }
	.news_List > dl > dd > p.pdf,
	.news_List > dl > dd > a.pdf	{ padding: 0 0 0 22px; }
	.news_List > dl > dd > p.pdf::before,
	.news_List > dl > dd > a.pdf::before, 
	.toppage .news_List > dl > dd > p.pdf::before,
	.toppage .news_List > dl > dd > a.pdf::before	{ width: 16px; height: 19px; }
	.urgent_news_List	{ margin: 0 0 60px; }
	.urgent_news_List > dl	{ flex-wrap: wrap; padding: 30px 0 25px; }
	.urgent_news_List > dl > dt	{ width: 100%; }
	.urgent_news_List > dl > dt > b,
	.urgent_news_List > dl > dt > span	{ font-size: 13px; padding: 0 0 10px; }
	.urgent_news_List > dl > dt > span	{ padding-left: 10px; }
	.urgent_news_List > dl > dd	{ width: 100%; }
	.urgent_news_List > dl > dd span	{ font-size: 14px; line-height: 1.4; }
}
.news_area__header	{ display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-end; padding: 0 0 20px; margin: 0 0 50px; position: relative; }
.news_area__header:after	{ position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #969ebf, #969ebf 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #969ebf, #969ebf 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.news_area__header > h3	{ display: -webkit-flex; display: flex; align-items: flex-end; }
.news_area__header > h3 > b	{ font-size: 80px; font-weight: 200; line-height: 1; }
.news_area__header > h3 > span	{ font-size: 30px; font-size: clamp(16px, 30px, 3vw); line-height: 1.4; padding: 0 0 0 10px; }
@media (max-width: 767px) { 
	.news_area__header	{ padding: 0 0 20px; margin: 0 0 20px; }
	.news_area__header > h3 > b	{ font-size: 46px; }
	.news_area__header > h3 > span	{ padding: 0 0 0 3px; }
}
@media (max-width: 374px) { 
	.news_area__header > h3 > b	{ font-size: 38px; }
	.news_area__header > h3 > span	{ display: none; }
}

.more_btn	{ padding: 60px 0 100px; margin: 0; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.more_btn > a	{ display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 12px 40px; min-width: 280px; margin: 0; line-height: 1; border-radius: 50px; transition: all .5s; border: 2px solid #1e4098; position: relative; }
.more_btn > a > span	{ color:#1e4098; font-size: 18px; line-height: 1.5; font-weight: 500; padding: 0 15px 3px 0; }
.more_btn > a > svg	{ color:#1e4098; width: 26px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 16px; transition: all .5s; }
.more_btn.white > a	{ border: 2px solid #fff; background-color: rgba(0,0,0,.3); }
.more_btn.white > a > span	{ color:#fff; }
.more_btn.white > a > svg	{ color:#fff; }
.more_btn.back > a > span	{ padding: 0 0 3px 15px; }
.more_btn.back > a > svg	{ position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); right: auto; left: 16px; }
@media (min-width: 768px) { 
	.more_btn > a:hover	{ background-color: #1e4098; }
	.more_btn > a:hover > span, 
	.more_btn > a:hover > svg	{ color:#fff; }
	.more_btn.white > a:hover	{ background-color: #fff; }
	.more_btn.white > a:hover > span, 
	.more_btn.white > a:hover > svg	{ color:#1e4098; }
	.more_btn > a:hover > svg	{ right: 10px; }
	.more_btn.back > a:hover > svg	{ left: 10px; }
}
@media (max-width: 767px) { 
	.more_btn	{ padding: 20px 0 40px; }
	.more_btn > a	{ padding: 10px 40px; min-width: 200px; }
	.more_btn > a > span	{ font-size: 14px; padding: 0 5px; }
	.more_btn > a > svg	{ width: 24px; }
	.more_btn .submitbutton	{ padding: 14px 40px; font-size: 20px; }
}
@keyframes displayshow	{
	from	{ opacity: 0; }
	to	{ opacity: 1; }
}
@keyframes displaynone	{
	from	{ opacity: 1; }
	to	{ opacity: 0; }
}
.news_sort_button	{ display: -webkit-flex; display: flex; justify-content: space-between; list-style-type: none; margin: 0 0 40px; border: 0; }
.news_sort_button > a	{ display: -webkit-flex; display: flex; align-items: center; justify-content: center; cursor: pointer; width: calc(25% - 10px); height: 40px; border-radius: 100px; line-height: 1; border: 2px solid #1e4098; transition: all .5s; }
.toppage .news_sort_button > a	{ border: 2px solid #fff; transition: all .5s; }
@media (min-width: 768px) { 
	.news_sort_button > a:hover	{ background-color: rgba(255,255,255,.2); transform: translateY(-5px); }
	.news_sort_button > a.is-active:hover	{ transform: translateY(0); cursor: auto; }
}
.news_sort_button > a > span	{ color:#1e4098; font-size: 16px; line-height: 1; font-weight: 700; padding: 0 0 0 10px; }
.news_sort_button > a svg	{ color: #1e4098; width: 20px; transform: rotate(180deg); }
.news_sort_button > a.active	{ background-color: #1e4098; border: 2px solid #1e4098; transition: all .5s; }
.news_sort_button > a.active > span	{ color:#fff; }
.news_sort_button > a.active svg	{ color:#fff; transform:rotate(-90deg); display: none; }
.toppage .news_sort_button > a > span	{ color:#fff; }
.toppage .news_sort_button > a svg	{ color: #fff; }
.toppage .news_sort_button > a.active	{ background-color: #fff; border: 2px solid #fff; }
.toppage .news_sort_button > a.active > span	{ color:#1e4098; }
.news_sort_button > a.cate-news.active	{ background-color:#731ee6; border: 2px solid #731ee6; }
.news_sort_button > a.cate-press.active	{ background-color:#f29e0c; border: 2px solid #f29e0c; }
.news_sort_button > a.cate-recruit.active	{ background-color:#6fbf2e; border: 2px solid #6fbf2e; }
.news_sort_button > a.cate-news.active > span,
.news_sort_button > a.cate-press.active > span,
.news_sort_button > a.cate-recruit.active > span	{ color:#fff; }
@media (max-width: 940px) { 
	.news_sort_button > a	{ width: calc(25% - 5px); }
	.news_sort_button > a > span	{ font-size: 14px; padding: 0 0 0 3px; letter-spacing:0; }
	.news_sort_button > a svg	{ width: 12px; }
}
@media (max-width: 767px) { 
	.news_sort_button	{ flex-wrap: wrap; margin: 0 0 10px; }
	.news_sort_button > a	{ width: calc(50% - 3px); margin: 0 0 12px; height: 32px; }
	.news_sort_button > a > span	{ font-size: 12px; padding: 0; }
	.news_sort_button > a svg	{ display: none; }
}
.is-hide	{ display: none!important; animation: displaynone .3s linear 0s; }

.pager_wrapper	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 0 0; }
.pagination	{ text-align: center; display: -webkit-flex; display: flex; }
.pagination > li	{ display: inline; margin: 0 3px; padding: 0; position: relative;   }
.pagination > li.pre	{ margin: 0 20px 0 0; }
.pagination > li.next	{ margin: 0 0 0 20px; }
.pagination > li > a	{ width: 100%; height: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50px; background-color: #1e4098; border: 2px solid #1e4098; transition: all .5s; }
.pagination > li > a > span	{ color:#fff; font-size: 16px; line-height: 1; font-weight: 700; }
.pagination > li.pre > a,
.pagination > li.next > a	{ background-color: transparent; border: 2px solid #fff; }
.pagination > li.active > a	{ background-color: #fff; cursor: auto; border: 2px solid #1e4098; }
.pagination > li.active > a > span	{ color: #1e4098; }
.pagination > li.pre > a > span .icon,
.pagination > li.next > a > span .icon	{ color:#1e4098; width: 36px; transition: all .5s; }
.pagination > li.next > a > span .icon	{ transform: rotate(180deg); }
@media (min-width: 768px) { 
	.pagination > li > a:hover	{ background-color: #fa8a1b; border: 2px solid #fa8a1b; }
	.pagination > li.active > a:hover	{ background-color: #fff; cursor: auto; border: 2px solid #1e4098; }
	.pagination > li.active > a:hover > span	{ color:#1e4098; }
	.pagination > li.pre > a:hover,
	.pagination > li.next > a:hover	{ background-color: transparent; border: 2px solid #fff; }
	.pagination > li.pre > a:hover > span .icon,
	.pagination > li.next > a:hover > span .icon	{ color:#fa8a1b; }
}
@media (max-width: 767px) { 
	.pager_wrapper	{ padding: 20px 0 0; }
	.pagination > li.pre	{ margin: 0 10px 0 0; }
	.pagination > li.next	{ margin: 0 0 0 10px; }
	.pagination > li > a	{ width: 30px; height: 30px; }
	.pagination > li > a > span	{ font-size: 13px; }
	.pagination > li.pre > a > span .icon,
	.pagination > li.next > a > span .icon	{ width: 20px; }
}

/* ------------ TOP MISSION ------------- */
.mission_area	{ padding: 100px 20px 200px; margin: 0; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.mission_area__wrapper	{ width: 100%; padding: 0; max-width: 1500px; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.mission_area__wrapper h1, 
.mission_area__wrapper h2, 
.mission_area__wrapper p	{ color:#fff; text-align: center; font-weight: 700; line-height: 1; }
.mission_area__wrapper h1	{ font-size: 120px; font-size: clamp(38px, 120px, 12vw); margin: 0 0 80px; padding: 0 0 5px; border-bottom: 3px solid #fff; }
.mission_area__wrapper h2	{ font-size: 58px; font-size: clamp(16px, 58px, 5vw); margin: 0 0 40px; }
.mission_area__wrapper p	{ font-size: 18px; font-size: clamp(13px, 18px, 2vw); line-height: 2; }
@media (max-width: 767px) { 
	.mission_area	{ padding: 50px 20px 100px; }
	.mission_area__wrapper p	{ text-align: left; }
	.mission_area__wrapper p br	{ display: none; }
}


/* ------------ TOP BUSINESS ------------- */
/* background-color: rgba(9,149,186,1); */
.business_area	{ background-color: rgba(0,149,186,1); padding: 100px 0 0; margin: 0; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.business_area__wrapper	{ width: 100%; min-height: 620px; padding: 80px 0 0; max-width: 1500px; background: url(../images/business.png) left center no-repeat; background-size: contain; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-start; }
.business_area__inner	{ width: 55%; padding: 60px 70px 120px; margin: 0 0 0 30%; max-width: 660px; background-color: rgba(30,64,152,.8); }
.business_area__inner > h1	{ display: block; width: 100%; text-align: center; color:#fff; font-size: clamp(32px, 60px, 6vw); font-weight: 700; line-height: 1; padding: 0; margin: 0 0 40px; }
.business_area__inner > h2	{ display: block; width: 100%; text-align: center; color:#fff; font-size: clamp(24px, 32px, 4vw); font-weight: 700; line-height: 1; padding: 0; margin: 0 0 20px; }
.business_area__inner > h3	{ display: block; width: 100%; text-align: center; color:#fff; font-size: clamp(16px, 18px, 3vw); font-weight: 700; line-height: 1; padding: 0; margin: 0 0 40px; }
.business_area__inner > p	{ color:#fff; font-size: 15px; line-height: 1.6; font-weight: 500; padding: 0 0 12px; margin: 0; }
.business_area__inner > p > b	{ display: block; text-align: center; color:#fff; font-size: 24px; line-height: 1.8; font-weight: 700; padding: 20px 0; }
.business_area__inner > p > span	{ display: block; text-align: center; color:#fff; }
@media (max-width: 1230px) { 
	.business_area	{ padding: 20px 0 40px; }
	.business_area__wrapper	{ width: 100%; max-width: 100%; min-height: auto; background: url(../images/business.png) center top no-repeat; background-size: 400px auto; padding: 200px 0 0; justify-content: center; }
	.business_area__inner	{ width: 100%; max-width: 100%; padding: 40px 40px 100px; margin: 0 50px; }
}
@media (max-width: 767px) { 
	.business_area	{ padding: 20px 0; }
	.business_area__inner > h1	{ margin: 0 0 20px; }
	.business_area__inner > h2	{ margin: 0 0 10px; }
	.business_area__inner > h3	{ margin: 0 0 20px; }
	.business_area__inner > p	{ font-size: 12px; }
	.business_area__inner > p > b	{ font-size: 18px; padding: 10px 0; }
}
@media (max-width: 640px) { 
	.business_area__wrapper	{ width: 100%; min-height: auto; padding: 180px 0 0; }
	.business_area__inner	{ width: 100%; margin: 0 30px; padding: 20px; }
}
.bus_more_area	{ background-color: rgba(9,149,186,1); padding: 0 0 120px; margin: 0; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.bus_more_area > ul	{ display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; width: 100%; max-width: 1000px; padding: 0 50px; margin: -80px 0 0; z-index: 4; }
.bus_more_area > ul > li	{ min-width: calc(50% - 20px); width: calc(50% - 20px); list-style: none; padding: 0; margin: 0; }
.bus_more_area > ul > li.bmar	{ transform: translateY(60px); }
.bus_more_area > ul > li.bmar.inview	{ transform: translateY(60px); }
.bus_more_area > ul > li > a	{ padding: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,1); display: -webkit-flex; display: flex; flex-direction: column; transition: all .5s; }
.bus_more_area > ul > li > a > p	{ width: 100%; height: 0; margin: 0; padding: 0 0 60%; opacity: 1; transition: all .5s; }
.bus_more_area > ul > li > a > p.bisimg01	{ background: url(../images/topbizimg02.png) center center no-repeat; background-size: cover; }
.bus_more_area > ul > li > a > p.bisimg02	{ background: url(../images/topbizimg01.png) center center no-repeat; background-size: cover; }
.bus_more_area > ul > li > a > p.bisimg03	{ background: url(../images/biz03.jpg) center center no-repeat; background-size: cover; }
.bus_more_area > ul > li > a > strong	{ color:#000; padding: 20px 30px; margin: 0; font-size: 18px; line-height: 1; font-weight: 700; transition: all .5s; }
.bus_more_area > ul > li > a > strong svg	{ width: 20px; transform: rotate(180deg); margin: 0 10px 0 0; vertical-align: middle; line-height: 1; }
.bus_more_area > ul > li > a > b	{ color:#000; padding: 0 30px 30px; margin: 0; font-size: 14px; line-height: 1.6; font-weight: 700; transition: all .5s; }
@media (max-width: 1230px) { 
	.bus_more_area > ul	{ padding: 0 80px; margin: -100px 0 0; align-items: stretch; }
	.bus_more_area > ul > li.bmar	{ transform: translateY(0); }
	.bus_more_area > ul > li.bmar.inview	{ transform: translateY(0); }
}
@media (min-width: 768px) { 
	.bus_more_area > ul > li > a:hover	{ transform: translateY(-10px); }
	.bus_more_area > ul > li > a:hover > p	{ opacity: .6; }
	.bus_more_area > ul > li > a:hover > strong,
	.bus_more_area > ul > li > a:hover > b	{ color:#1e4098; }
}
@media (max-width: 767px) { 
	.bus_more_area	{ padding: 0 0 40px; }
	.bus_more_area > ul > li.fadein.inview	{ opacity: 1; transform: translate(0, 0); }
}
@media (max-width: 640px) { 
	.bus_more_area	{ padding: 0 0 20px; }
	.bus_more_area > ul	{ flex-wrap: wrap; padding: 0 30px; margin: 0; }
	.bus_more_area > ul > li	{ width: 100%; padding: 0; margin: 0 0 20px; }
	.bus_more_area > ul > li.fadein.inview	{ opacity: 1; transform: translate(0, 0); }
}

/* ------------ FOOTER ------------- */
footer	{ background-color: #b5b6b6; z-index: 8; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 80px 10%; margin: 0; position: relative; }
.footer__inner	{ width: 100%; display: -webkit-flex; display: flex; justify-content: center; flex-wrap: wrap; padding: 0; margin: 0; }
.footer__inner > p	{ color:#fff; font-size: 15px; font-size: clamp(10px, 12px, 1vw); font-weight: 500; line-height: 2; }
.footer__logo	{ width: 40%; display: -webkit-flex; display: flex; flex-direction: column; }
.footer__logo_hd	{ display: -webkit-flex; display: flex; align-items: center; }
.footer__logo_hd > h2	{ width: 100%; max-width: 280px; padding: 0; margin: 0; }
.footer__logo_hd > h2 a svg	{ color:#fff; }
.footer__address	{ padding: 40px 0 0; margin: 0; display: -webkit-flex; display: flex; flex-direction: column; }
.footer__address > b	{ color:#fff; font-size: 22px; font-size: clamp(18px, 22px, 1vw); font-weight: 700; line-height: 1; padding: 0 0 10px; }
.footer__address > p	{ color:#fff; font-size: 15px; font-size: clamp(12px, 14px, 1vw); font-weight: 500; line-height: 2; }
.footer__links	{ width: calc(60% - 20px); display: -webkit-flex; display: flex; justify-content: flex-end; }
.footernav	{ list-style-type: none; display: -webkit-flex; display: flex; flex-direction: column; }
.footernav > li	{  }
.footernav > li > ul	{ list-style-type: none; display: -webkit-flex; display: flex; flex-direction: column; }
.footernav > li > ul > li	{ }
.footernav a	{ display: -webkit-flex; display: flex; align-items: center; line-height: 1; padding: 0 0 10px; }
.footernav b	{ display: block; width: 100%; line-height: 1; padding: 0 0 14px; }
.footernav b span,
.footernav a span	{ display: inline-block; color:#fff; font-size: 15px; font-size: clamp(12px, 14px, 1vw); font-weight: 500; line-height: 1; padding: 0 0 4px; }
.footernav a svg	{ width: 14px; margin: 0 5px 0 0;  }
.footer__links > ul	{ padding: 0; margin: 0 0 0 5%; }
.footer__bottom	{ width: 100%; text-align: left; color:#fff; font-size: clamp(10px, 12px, 1vw); font-weight: 500; line-height: 1.4; padding: 40px 0; margin: 0; }
.footer__bottom br	{ display: none; }
@media (max-width: 1080px) { 
	footer	{ padding: 60px 30px 0; margin: 0; }
}
@media (max-width: 767px) { 
	footer	{ padding: 40px 0 80px; margin: 0; }
	.footer__inner > p	{ font-size: 10px;  }
	.footer__logo_hd	{ width: 100%; align-items: center; text-align: center; }
	.footer__logo_hd > h2	{ max-width: 220px; margin: 0 auto; }
	.footer__address	{ width: 100%; align-items: center; }
	.footer__address > p	{ text-align: center; }
	.footer__logo	{ width: 100%; order:2; align-items: center; padding: 30px 20px 0; margin: 10px 0 0; border-top: 1px solid #fff; }
	.footer__links	{ width: 100%; justify-content: space-between; order:1; padding: 0; flex-wrap: wrap; }
	.footer__links > ul	{ width: 100%; margin: 0 0 20px; padding: 0 20px; }
	.footer__bottom	{ order:3; padding: 30px 0; margin: 30px 0 0; }
	.footernav b span,
	.footernav a span	{ font-size: 14px; padding: 0 0 4px; }
	.footernav a svg	{ width: 14px; margin: 0 5px 0 0;  }
}
@media (max-width: 374px) { 
	.footer__links > ul > li > a	{ font-size: 12px; }
	.footer__logo_hd strong	{ font-size: 9px; }
	.footer__logo_hd h3	{ font-size: 12px; }
	.footer__address > p	{ font-size: 10px; }
	.footer__links > ul.nav > li > svg	{ width: 16px; margin: 0 5px 0 0; }
	.footer__links > ul.nav > li > a	{ font-size: 13px; }
	.footer__bottom br	{ display: inline-block; }
}
.snsicons	{ list-style-type: none; display: -webkit-flex; display: flex; margin: 30px 0 0; }
.snsicons > li	{ width: 40px; line-height: 0; vertical-align: bottom; margin: 0 20px 0 0; }
.snsicons > li > a	{ display: block; }
.snsicons > li > a > img	{ transition: all .3s; opacity: 1; }
.snsicons > li > a:hover > img	{ opacity: .5; }
@media (max-width: 767px) { 
	.snsicons	{ gap: 0; }
	.snsicons > li	{ width: 27px; margin: 0 10px;  }
}

/* ------------ GO TOP ------------- */
.gotop { position: fixed; bottom: 0; right: 0; transition: all 1s; opacity: 0; z-index: 10; width: 80px; height: 80px; pointer-events: none; }
.gotop a { display: -webkit-flex; display: flex; align-items: center; justify-content: center; line-height: 0; transition: all .5s; height: 100%; width: 100%; background-color: transparent; padding: 20px; }
.gotop a span { color:#fff; font-size: 13px; font-weight: 500; line-height: 1; letter-spacing:.2rem; padding: 0; margin: 3px 0 0; }
.gotop a svg { color:#fff; width: 28px; padding: 0; margin: 0;  transform:rotate(-90deg); }
.gotop a img { transform:rotate(-180deg); }
.gotop.fixed { opacity: 1; pointer-events: auto; }
@media (min-width: 768px) { 
	.gotop a:hover { background-color: transparent; }
	.gotop > a:hover span,
	.gotop > a:hover .icon	{ color:#fff;  }
}
@media (max-width: 767px) { 
	.gotop { bottom: 0; width: 60px; height: 60px; pointer-events: none; }
}

/* ------------ BLOCK ------------- */
@media (max-width: 767px)	{ .pconly { display: none!important; } }
@media (min-width: 768px)	{ .pconly { display: inline-block!important; } }
@media (max-width: 767px)	{ .sponly { display: inline-block!important; } }
@media (min-width: 768px)	{ .sponly { display: none!important; } }
.noimg	{ display: none!important; }
.delay01	{ transition-delay: 0.1s; }
.delay02	{ transition-delay: 0.2s; }
.delay03	{ transition-delay: 0.3s; }
.delay04	{ transition-delay: 0.4s; }
.delay05	{ transition-delay: 0.5s; }
.delay06	{ transition-delay: 0.6s; }
.delay07	{ transition-delay: 0.7s; }
.delay08	{ transition-delay: 0.8s; }
.delay09	{ transition-delay: 0.9s; }

/* ------------ clearfix ------------- */
span.clearfix	{ display:block; }
.clearfix:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
.clearfix	{ *overflow:hidden; *zoom:1; }
.clearfix:not(:target)	{ /* overflow:hidden\9; */ /* zoom:1\9; */ }
* html .clearfix	{ height:1%; overflow:visible; }