@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&family=Roboto+Condensed:ital@0;1&display=swap');
/* resetCSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
li { list-style-type: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
img { vertical-align: bottom; width: 100%;}

/* COMMON */
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.6em;
  letter-spacing: 0.03em;
  color: #333;
  overflow-x: hidden;
  box-sizing : border-box;
}
.wrapper {
  position: relative;
  overflow-x: hidden;
}
.spOnly { display: none !important;}
.pcOnly { display: block !important;}
.navSpOnly { display: none !important;}
.pcBr { display: block !important;}
.btnBr { display: none!important;}
.pcSlide { display: block!important;}
.spSlide { display: none!important;}
.mb0 { margin-bottom: 0px!important;}
.mb5 { margin-bottom:5px!important;}
.mb10 { margin-bottom: 10px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb50 { margin-bottom: 50px!important;}
.mt0 { margin-top:0px!important;}
.mt5 { margin-top:5px!important;}
.mt10 { margin-top:10px!important;}
.mt20 { margin-top:20px!important;}
.mt30 { margin-top:30px!important;}
.mt40 { margin-top: 40px!important;}
.mt80 { margin-top: 80px!important;}
.mr10 { margin-right: 10px!important;}
.ml20 { margin-left: 20px!important;}
.ml30 { margin-left: 30px!important;}
.ml45 { margin-left: 45px!important;}
.pb0 { padding-bottom: 0px!important;}
.pt0 { padding-top: 0px!important;}

a[href^="tel:"]{
  pointer-events: none;
}
section {
	padding: 100px 0 110px;
}
.lbBg {
	background-color: #EBF4FD;
}
.last {
	padding-bottom: 30px;
}
.contents  {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
}
#header {
	position: relative;
	width: 100%;
	height: 84px;
	z-index: 2;
}
#headWrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 30px;
}
#headWrap h1 {
	position: relative;
}
#headWrap h1 a ,.navLogo a {
	display: inline-block;
  vertical-align: bottom;
}
#headWrap h1 img ,.navLogo img {
	width: 90%;
	height: auto;
}
.navWrap ul {
	display: flex;
  flex-direction: row;
	gap: 20px;
	align-items: center;
}
.navWrap ul li a {
	display: inline-block;
	text-decoration: none;
	color: #333;
}
h2 {
  display: flex;
  flex-direction: column;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.6em;
  letter-spacing: 0.05em;
  color: #006BB6;
  margin-bottom: 64px;
}
h2 span {
	position: relative;
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 7.2rem;
  line-height: 1em;
	letter-spacing: 0.05em;
  color: #333;
  margin-bottom: 16px;
}
h2 span::after ,.subPageMain h1 span::after {
	content: "";
	position: absolute;
	top: 8px;
	margin-left: 16px;
	width: 8px;
	height: 8px;
	background-color: #006BB6;
	border-radius: 50%;
}
h3 {
	font-size: 3.2rem;
	color: #006BB6;
	margin-bottom: 32px;
	letter-spacing: 0.05em;
	line-height: 1.6em;
	position: relative;
	padding-left: 24px;
}
h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.8em;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border: 1px solid #006BB6;
	border-radius: 50%;
	display: inline-block;
}
.serviceList h3::before ,.worksList h3::before ,.contactList li h3::before ,.caseList h3::before ,.flowContent h3::before ,.lineupText h3::before ,.interviewList h3::before ,.entryWrap h3::before {
	display: none;
}
.subPageMain h1 {
  display: flex;
  flex-direction: column;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.6em;
  letter-spacing: 0.05em;
  color: #006BB6;
  margin-bottom: 64px;
}
.subPageMain h1 span {
	position: relative;
	display: inline-block;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 10rem;
	line-height: 1em;
	letter-spacing: 0.05em;
	color: #333;
	margin-bottom: 16px;
}
.serviceList h3 {
	font-size: clamp(32px, 2.928vw, 40px);
	line-height: 1.4em;
	letter-spacing: 0.05em;
	margin-bottom: 24px;
	padding-left: 0;
	color: #333;
}
.serviceList h3 span {
	font-family: "Roboto Condensed", sans-serif;
  	font-weight: 400;
	display: block;
	font-size: 1.6rem;
	line-height: 1em;
	letter-spacing: 0.05em;
	color: #006BB6;
	margin-bottom: 16px;
}
.btn{
	position: relative;
	font-size: 1.6rem;
	line-height: 1.4em;
	width: 100%;
	height: auto;
	max-width: 235px;
	margin-top: 40px;
}
.btn a {
	text-decoration: none;
	display: block;
	color: #006BB6;
	border: 1px solid #006BB6;
  border-radius: 100px;
	padding: 20px 30px 20px 20px;
	transition: all 0.3s ease;
}
.btn::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 8px;
	height: 8px;
	background-color: #006BB6;
	border-radius: 50%;
	transition: all 0.3s ease;
}
.rightBtn {
	margin: 40px 0 0 auto;
}
.aboutWrap ,.topicsWrap ,.contactWrap ,.careersBtnList ,.footerWrap {
	display: flex;
	justify-content: space-between;
}
.cont30 {
	width: 30%;
}
.cont40 {
	width: 40%;
}
.cont50 {
	width: calc((100% - 80px) / 2);
}
.cont60 {
	width: 60%;
}
.cont70 {
	width: 70%;
}
p.strong {
	font-weight: 700;
	font-size: 2.4rem;
	letter-spacing: 0.05em;
	line-height: 1.6em;
}
.contTtl {
	margin-bottom: 40px;
}
.komeText {
  font-size: 1.4rem;
  text-indent: -1em;
  margin-left: 1em;
}
.komeText::before {
  content: "※";
}
p.textIndent {
	text-indent: -1.2em;
    margin-left: 20px;
}
#bc {
	padding: 16px 0 0;
	text-align: right;
}
#bc ul {
	line-height: 1em;
}
#bc li {
	display: inline;
	font-size: 1.2rem;
	vertical-align: middle;
	margin-right: 0.5em;
	color: #006BB6;
}
#bc li:last-child { margin-right: 0;}
#bc li:after {
	display: inline-block;
	content: "/";
	margin-left: 0.75em;
	color: #333;
}
#bc li:last-child:after {
	content: none;
}
#bc li a {
	text-decoration: none;
	color: #333;
}
#bc li a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}
footer { margin-top: 80px;}

/* TOP */
.hero {
	position: relative;
	height: calc(100vh - 84px);
	overflow: hidden;
}
.slideWrap {
	position: absolute;
	width: 100%;
	height: 100%;
	}
.slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	animation: none;
}
.slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.mainText {
	position: absolute;
	z-index: 1;
	padding-left: 30px;
	bottom: 8%;
	width: 72%;
	height: auto;
}
.mainText img {
	width: 100%;
  	height: auto;
}
.topNewsWrap {
	width: 100%;
	height: auto;
	max-width: 756px;
    margin: 32px auto 0;
    display: flex;
    padding: 24px;
    border: 1px solid #E85548;
	 box-sizing: border-box;
}
.topNewsWrap h2 {
	font-size: 1.6rem;
    color: #E85548;
    margin-bottom: 0;
    display: block;
    padding-right: 24px;
    width: 118px;
    border-right: 1px solid #E85548;
}
.topNewsWrap ul {
	padding-left: 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex: 1;
}
.topNewsWrap ul li a {
	color: #333;
}
.serviceList {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
}
.serviceList li {
	width: calc(100% / 2);
	border-bottom: 1px solid #ececec;
}
.serviceList li a {
	display: block;
	text-decoration: none;
	color: #333;
  	padding: 40px 0px 40px 40px;
}
.serviceListCont {
	display: flex;
	flex-direction: column;
  	align-items: flex-end;
	padding-right: 40px;
}
.serviceList li:nth-child(odd) .serviceListCont {
	border-right: 1px solid #ececec;
}
.serviceText {
	width: 100%;
}
.serviceImg {
	width: 156px;
	height: 156px;
	overflow: hidden;
	transition: border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.serviceImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}
.serviceText .btn {
	position: relative;
	font-size: 1.4rem;
	line-height: 1.0em;
	padding: 12px 20px 14px;
	color: #006BB6;
	border: 1px solid #006BB6;
	border-radius: 100px;
	width: 40%;
	height: auto;
	max-width: 120px;
	margin-top: 40px;
}
.aboutWrap {
	align-items: center;
}
.aboutWrap .strong {
	margin-bottom: 24px;
}
.careers {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.careersText {
	font-size: 4.0rem;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	margin: 24px auto 64px;
}
.careers .careersBtnList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 40px;
	text-align: left;
}
.careersBtnList .btn { margin-top: 0px;}
.careers img {
	margin-top: 64px;
	width: auto;
  	height: 340px;
  	object-fit: cover;
}
.worksList {
	display: flex;
  	gap: 39px;
}
.worksList li {
	width: calc(100% / 3);
}
.worksList li a {
	display: block;
	text-decoration: none;
	color: #333;
}
.worksImg {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 24px;
}
.worksImg img {
	width: 100%;
	display: block;
	transition: transform 0.4s ease;
}
.worksCompany {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 4px;
	color: #006BB6;
}
.worksList h3 ,.worksList h2{
	font-weight: 700;
	font-size: 1.6rem;
	color: #333;
	padding-left: 0;
	margin-bottom: 0;
}
.topicsList {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 20px;
}
.topicsList li {
	padding-bottom: 24px;
	border-bottom: 1px solid #ececec;
}
.topicsList li a {
	display: inline-block;
	text-decoration: none;
	color: #333;
}
.date {
	font-family: "Roboto Condensed", sans-serif;
  	font-weight: 400;
	display: block;
	font-size: 1.4rem;
	line-height: 1em;
	letter-spacing: 0.05em;
	color: #006BB6;
	margin-bottom: 6px;
}
.textLink {
	color: #006BB6!important;
	text-decoration: underline!important;
	font-weight: 700;
}
.topicsList li a p {
	text-decoration: underline;
	text-underline-offset: 4px;
}
section.contact {
	background-color: #006BB6;
	padding: 60px 0 110px;
}
.contactWrap {
	align-items: flex-end;
}
.contactBox ,.contactList {
	color: #fff;
	width: calc(100% / 2);
}
.contactBox .contTtl {
	padding-right: 40px;
}
.contactBox h2 ,.contactBox h2 span {
	color: #fff;
}
.contactBox h2 span::after {
	background-color: #fff;
}
.contactBox img {
	width: 100%;
	max-width: 435px;
	height: auto;
}
.contactList li {
	border-bottom: 1px solid #fff;
}
.contactList li a {
	display: block;
	padding: 40px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
}
.contactList li h3 {
	font-size: 4.0rem;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	margin-bottom: 16px;
	color: #fff;
	padding-left: 0;
}
.contactList .btn {
	position: relative;
	font-size: 1.4rem;
	line-height: 1.0em;
	padding: 12px 20px 14px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 100px;
	width: 40%;
	height: auto;
	max-width: 140px;
	margin-top: 32px;
}
.contactBtn::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	margin-bottom: auto;
	margin-top: auto;
	width: 18px;
	height: 18px;
	background-image: url(../img/common/selectWindowWht.svg);
	background-repeat: no-repeat;
	border-radius: 0;
	background-color: transparent;
	transition: none;
}
.telList {
	padding: 40px;
}
.contactList .telBtn {
	padding: 12px 20px 10px;
}
.contactList li .telBtn a {
	padding: 0;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1.6rem;
	line-height: 1em;
	letter-spacing: 0.05em;
}
.telBtn::after {
	background-color: #fff;
}
.bigBtn .btn {
	width: 47%;
	max-width: none;
	font-size: clamp(16px, 1.75vw, 24px);
	line-height: 1.4em;
}
.bigBtn .btn a {
	padding: 24px 40px;
}
.bigBtn .btn::after {
	right: 40px;
}
.topBtnWrap {
	padding: 60px 0px 40px;
}
.btnC {
	display: flex;
	justify-content: center
}
.footerWrap {
	padding-bottom: 80px;
	border-bottom: 1px solid #ececec;
}
.footerBox {
	width: 45%;
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.footerList {
	width: 55%;
	display: flex;
  justify-content: space-between;
}
.footerBox a ,.privacysCont a {
	display: inline-block;
	text-decoration: none;
	color: #333;
}
.footerBox a img {
	width: 390px;
	height: auto;
	max-width: 90%;
}
.footerBox ul {
	display: flex;
	gap: 16px;
}
.footerBox ul li img {
	width: auto;
	height: 100px;
}
.footerList a {
	text-decoration: none;
	color: #333;
}
.footerList ul {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-left: 20px;
}
ul .navSubList {
	font-size: 1.4rem;
	margin-top: 16px;
	gap: 0;
	padding-left: 0;
}
.navSubList li {
	position: relative;
	margin-bottom: 8px;
	line-height: 1.6em;
	padding-left: 10px;
}
.navSubList li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.8em;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	background-color: #006BB6;
	border-radius: 50%;
}
#copyRight {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1em;
	letter-spacing: 0.05em;
	margin: 20px 0px;
}
.navWrap .contactBtn {
	position: relative;
}
.navWrap .contactBtn a {
	padding: 10px 44px 12px 15px;
	color: #fff;
	background-color: #006BB6;
	border-radius: 100px;
	line-height: 1.0em;
	border: 1px solid #006BB6;
	transition: all 0.3s ease;
}
.Gnav .navWrap ul li:not(.contactBtn) {
	position: relative; 
}

.navWrap .navSubList {
	display: flex;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 280px;
	background: #fff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 100;
	padding: 15px 20px;
		flex-direction: column;
}
.Gnav .navWrap ul li:hover .navSubList {
	opacity: 1;
	visibility: visible;
}
.navSubList li {
	width: 100%;
}
.navSub {
	position: relative;
	padding-right: 1.2em;
}
.navSub::after {
	content: "＋";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
		font-size: 1.0em;
font-weight: 500;
	transition: transform 0.3s ease;
}
.Gnav .navWrap ul li:hover .navSub::after {
	content: "－";
}

/* SERVICE */
.serviceSub {
	padding: 100px 0;
}
.serviceText h2 {
	font-size: clamp(32px, 2.928vw, 40px);
	line-height: 1.4em;
	letter-spacing: 0.05em;
	margin-bottom: 24px;
	font-weight: 500;
	color: #333;
}
.serviceText h2 span {
	font-family: "Roboto Condensed", sans-serif;
  	font-weight: 400;
	display: block;
	font-size: 1.6rem;
	line-height: 1em;
	letter-spacing: 0.05em;
	color: #006BB6;
	margin-bottom: 16px;
}
.serviceText h2 span::after {
	content: none;
}
.serviceSub .serviceList {
	flex-direction: column;
	margin-top: 0;
}
.serviceSub .serviceList li {
	width: 100%;
}
.serviceSub .serviceList li:last-child {
	border-bottom: none;
}
.serviceSub .serviceList li a {
	padding: 64px;
}
.serviceSub .serviceList li:nth-child(odd) .serviceListCont {
	border-right: none;
}
.serviceSub .serviceListCont {
	flex-direction: row-reverse;
	padding-right: 0;
	align-items: flex-start;
	justify-content: space-between;
    gap: 80px;
}
.serviceSub .serviceText {
	width: 60%;
}
.serviceSub .serviceImg {
	width: 300px;
    height: auto;
}
section.heroSub {
	padding: 76px 0px 0px;
	width: 80%;
	min-width: min(1080px, 90%);
	margin: 0 auto;
}
.subPageTtl {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	position: relative;
    overflow: hidden;
}
.subPageTtl h1 {
	font-size: 4.8rem;
	line-height: 1.6em;
    letter-spacing: 0.05em;
    margin-bottom: 40px;
	white-space: nowrap;
}
.subPageTtl h1 span ,.caseList h3 span {
	font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    display: block;
    font-size: 1.6rem;
    line-height: 1em;
    letter-spacing: 0.05em;
    color: #006BB6;
    margin-bottom: 24px;
}
.subPageTtl img {
    width: 100%;
    height: auto;
	max-height: 430px;
    object-fit: cover;
    object-position: center;
}

.bg-drawing-container {
    position: absolute;
    top: -350px;
    right: -360px;
    width: 700px;
    height: 700px;
    z-index: -1;
    transform: rotate(-90deg) scaleX(-1);
}
.bg-drawing-container svg {
    width: 100%;
    height: 100%;
}
.drawing-circle {
    fill: none;
    stroke: #006BB6;
    stroke-width: 1px;
    stroke-linecap: round;
	opacity: 0.5;
    stroke-dasharray: 2192;
    stroke-dashoffset: 2192;
    animation: drawCircleCounterClockwise 1.5s ease-out forwards;
}
@keyframes drawCircleCounterClockwise {
    to {
        stroke-dashoffset: 0;
    }
}
.merit-list ,.caseList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px;
}
.merit-item ,.caseList li{
  	width: calc((100% - 80px) / 2); 
	display: flex;
	flex-direction: column;
}
.merit-title {
	background-color: #EBF4FD;
	color: #006BB6;
	text-align: center;
	padding: 4px 15px;
	border-radius: 30px;
	position: relative;
	margin-bottom: 24px;
}
.merit-title::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #EBF4FD transparent transparent transparent;
}
.merit-content p {
  	position: relative;
    padding-left: 1.8em;
    line-height: 1.6em;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0;
}
.merit-content p::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.5em;
	width: 12px;
	height: 6px;
	border-left: 2px solid #006BB6;
	border-bottom: 2px solid #006BB6;
	transform: rotate(-45deg);
}
.merit-content span {
  	color: #006BB6;
}
.caseList h3 {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #006BB6;
	margin-bottom: 10px;
	line-height: 1.6em;
	padding-left: 0;
}
.caseList h3 span {
	display: block;
	margin-bottom: 0px;
}
.caseDetail {
	padding: 16px;
	background-color: #EBF4FD;
	display: flex;
    flex-grow: 1;
	flex-direction: column;
}
.picWrap {
    padding: 80px;
    background: #fff;
}
.contents picture img {
	width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
	max-width: 920px;
}
.flowWrap {
	display: flex;
	justify-content: space-between;
}
.flowWrap h2 {
	width: 30%;
	padding-right: 40px;
}
.flowContent {
    background: #fff;
    padding: 40px;
	width: 70%;
	display: flex;
    flex-direction: column;
    gap: 40px;
}
.flowGroup {
    display: flex;
}
.flowContent h3 {
    width: 30%;
    font-size: 2.4rem;
    font-weight: 700;
	color: #006BB6;
	line-height: 1em;
	padding-left: 0;
	margin-bottom: 0;
}
.flowContent .red h3 {
	color: #E85548;
}
.flowList {
	width: 70%;
	display: flex;
    position: relative;
	flex-direction: column;
	gap: 16px;
}
.flowList li {
	display: flex;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}
.flowList li:last-child::before {
	display: none;
}
.flowList li::before {
    content: "";
    position: absolute;
    left: 95px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #006BB6;
	bottom: -16px;
    z-index: -1;
}
.red .flowList li::before {
	background: #E85548;
}
.label {
    width: 100%;
    max-width: 190px;
    height: auto;
    border: 1px solid #006BB6;
    border-radius: 100px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    line-height: 1.6em;
    color: #006BB6;
    padding-bottom: 2px;
    margin-right: 24px;
	padding-top: 0;
}
.flowList li p {
	padding-top: 2px;
}
.red .label { border-color: #E85548; color: #E85548; }
.fullLabel {
    background: #006BB6;
    color: #fff;
    border-radius: 100px;
    width: 100%;
    text-align: center;
    padding: 3px 0 3px;
    line-height: 1.6em;
}
.serviceBtnWrap {
	display: flex;
    justify-content: space-between;
	align-items: center;
}
.serviceBtnWrap h2 {
	margin-bottom: 0;
}
.serviceBtnList {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.serviceBtnList .btn {
	max-width: none;
	margin-top: 0;
}
.lineupList {
	display: flex;
	flex-direction: column;
	gap: 64px;
}
.lineupText h3 {
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 24px;
	color: #006BB6;
	padding-left: 0;
}
.lineupText h3 span {
	display: block;
	font-size: 4.0rem;
	line-height: 1.4em;
	font-weight: 500;
	padding-top: 4px;
	color: #333;
}
.lineupList li {
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
	padding-bottom: 64px;
    border-bottom: 1px solid #ececec;
}
.coLogo a {
	display: inline-block;
	padding: 16px;
	border: 1px solid #ececec;
	margin-top: 40px;
}
.coLogo a img {
	width: 100%;
    height: auto;
    max-width: 150px;
    max-height: 40px;
	display: block;
}
.minimal-table {
    width: 100%;
    border-collapse: collapse;
    background-color: transparent;
	font-size: 1.4rem;
	line-height: 1.4em;
}
.minimal-table th {
	font-weight: 700;
    padding: 0 16px 16px;
    border-bottom: 1px solid #006BB6;
    color: #006BB6;
	text-align: left;
}
.minimal-table th:nth-child(1) {
    width: 60%;
}
.minimal-table th:nth-child(2) {
    width: 40%;
}
.minimal-table td {
    padding: 16px;
}
.product-name {
    font-weight: 700;
}
.minimal-table tbody tr:nth-child(even) {
    background-color: #f3f3f3;
}
.packageFlow .flowList {
	width: 100%;
}
.packageFlow .label {
	max-width: none;
	padding: 8px;
	margin-right: 0;
}
.packageFlow .flowList li::before {
	left: 50%;
}
.lowerPage {
	padding: 40px 0 40px;
}
.lowerPageTtl {
	padding-bottom: 64px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 64px;
}
.lowerPageTtl h1 {
	font-size: 4.0rem;
	line-height: 1.6em;
}
.lowerPageTtl .date {
	font-size: 1.6rem;
}
.subCont {
	width: 80%;
	margin: 64px auto;
	line-height: 1.8em;
}
.subContText {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.textLinkBox {
	text-align: center;
    border-bottom: 1px solid #ececec;
    padding-bottom: 64px;
}
#bc li.bcOverflow {
    display: inline-block;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}
.daikinFaqBtn .btn a {
	padding: 14px 40px;
}
.daikinBtnWrap {
	text-align: center;
	background: #EBF4FD;
    padding: 40px;
	box-sizing: border-box;
	margin-top: 40px;
}
.daikinBtnWrap h2{
	font-size: clamp(16px, 1.75vw, 24px);
	margin-bottom: 16px;
	white-space: nowrap;
}
.daikinBtnWrap ul {
	display: flex;
    justify-content: space-between;
}
.daikinBtnWrap ul li {
	width: calc((100% - 40px) / 3);
	background: #FFF;
	padding: 24px;
	box-sizing: border-box;
}
.daikinRed h2,.daikinRed a{ color: #E85548;}
.daikinGrn h2,.daikinGrn a{ color: #26AD26;}
.daikinBlu h2,.daikinBlu a{ color: #006BB6;}
.daikinBtnWrap .btn {
	line-height: 1.0em;
	margin: 0 auto;
	font-size: 1.4rem;
}
.daikinBtnWrap .btn a {
	padding: 12px 20px 14px;
	margin: 0 auto;
}
.daikinBtnWrap .contactBtn::after {
	background-image: url(../img/common/selectWindowRed.svg);
}
.daikinBtnWrap .daikinBlu .contactBtn::after {
	background-image: url(../img/common/selectWindowBlu.svg);
}
.daikinGrn .btn::after {
	background-color: #26AD26;
}
.daikinRed .btn a {
	border: 1px solid #E85548;
}
.daikinGrn .btn a {
	border: 1px solid #26AD26;
}
.daikinDate {
	color: #006BB6;
	font-weight: 700;
	line-height: 1.5em;
}
.daikinDate span{
	font-family: "Roboto Condensed", sans-serif;
  	font-weight: 400;
	font-size: 4.0rem;
	line-height: 1.0em;
	margin-left: 16px;
}
.daikinDate span:first-child {
	margin-left: 0;
}
.daikinOutline .commonDl dt{
	background-color: #EBF4FD;
	font-weight: 500;
	padding: 0px 8px 2px;
	margin-bottom: 4px;
	display: inline-block;
}
.systemList {
	display: flex;
	flex-direction: column;
	gap: 64px;
}
.systemList li {
	display: flex;
	gap: 40px;
}
.systemList li img {
	width: 160px;
	height: 160px;
}
.systemList li h3 {
	padding-left: 0;
	margin-bottom: 16px;
}
.systemList li h3::before {
	content: none;
}
.serviceCatch {
	line-height: 1.6em;
	margin: 0px 0px 24px;
}
.subContText .daikinGrn ,.subContText .daikinBlu {
	text-align: center;
	margin: 0 auto;
	padding: 40px;
	border: 1px solid #26AD26;
	width: 100%;
	box-sizing: border-box;
}
.subContText .daikinBlu {
	border: 1px solid #006BB6;
}
.subContText .daikinGrn .btn ,.subContText .daikinBlu .btn {
	margin: 0 auto 16px;
}
.subContText .daikinGrn .contactBtn::after {
	background-color: transparent;
	background-image: url(../img/common/selectWindowGrn.svg);
}
.subContText .daikinBlu .contactBtn::after {
	background-image: url(../img/common/selectWindowBlu.svg);
}
.daikinQaCont h2 ,.subCont h2 ,.privacysCont h2{
	font-size: 3.2rem;
	color: #006BB6;
	margin-bottom: 32px;
	letter-spacing: 0.05em;
	line-height: 1.6em;
	position: relative;
	padding-left: 24px;
}
.daikinQaCont h2::before ,.subCont h2::before ,.privacysCont h2::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0.8em;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border: 1px solid #006BB6;
	border-radius: 50%;
	display: inline-block;
}
.blueText {
	color: #006BB6;
}

/* ABOUT */
.anchorList {
    display: flex;
    justify-content: space-between;
    margin: 80px 0 0;
    gap: 40px;
}
.anchorList li {
    flex: 1;
}
.anchorList li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 10px 16px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #ececec;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.anchorList li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 2px solid #006BB6;
    border-bottom: 2px solid #006BB6;
    transform: rotate(45deg);
    margin-top: -4px;
	margin-right: 16px;
    transition: transform 0.3s ease-in-out, border-color 0.3s;
}
.anchorList li a:hover {
    color: #006BB6;
    border-bottom-color: #006BB6;
}
.message {
	font-size: 4.8rem;
	margin-bottom: 64px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
}
.message span {
	color: #006BB6;
}
.msgWrap ,.phWrap ,.accessWrap{
	display: flex;
	justify-content: space-between;
}
.msgWrap img {
	width: 85%;
    height: auto;
    margin-right: 64px;
}
.messageBox {
	display: flex;
    flex-direction: column;
    gap: 16px;
    line-height: 1.8em;
}
.name {
	font-weight: 700;
	text-align: right;
	line-height: 1.0em;
}
.name span {
	font-size: 1.4rem;
}
.phWrap {
	overflow: hidden;
}
.phWrap img {
	width: 100%;
    height: auto;
    min-height: 330px;
    object-fit: cover;
    object-position: center;
}
#access {
	margin-bottom: 110px;
}
.map {
    width: 50%;
    aspect-ratio: 16 / 9;
}
.map iframe {
    width: 100%;
    height: 100%;
}
.accessDetail {
	margin-top: 16px;
}
.accessDetail a ,.commonTable a{
	color: #333;
	text-decoration: none;
}
.commonTable {
	text-align: left;
    width: 100%;
	border-top: 1px solid #ececec;
}
.commonTable tr {
	border-bottom: 1px solid #ececec;
    width: 100%;
}
.commonTable th {
	width: 30%;
    padding: 24px 24px 24px 0;
    font-weight: 700;
	letter-spacing: 0.05em;
}
.commonTable td {
	width: 70%;
    padding: 24px 0px 24px 0px;
}
.tableInnertable {
	width: auto;
}
.tableInnertable tr {
	border-bottom: none;
}
.tableInnertable th {
	width: 60%;
    padding: 0 0 4px 0;
    font-weight: 500;
	display: table-cell;
}
.tableInnertable td {
	width: 40%;
    padding: 0 0 4px 24px;
	display: table-cell;
	text-align: right;
}
.disc > li {
	list-style: disc!important;
	margin-left: 20px;
}
.number > li {
	list-style: decimal!important;
	margin-left: 20px;
}

/* CAREERS */
.commonDl dt {
	font-weight: 700;
	color: #006BB6;
}
.commonDl dd {
	margin-bottom: 16px;
}
.commonDl dd:last-child {
	margin-bottom: 0px;
}
.careersCont {
	display: flex;
	flex-direction: column;
	gap: 80px;
}
.recruitFlow {
	display: flex;
	gap: 24px;
}
.recruitFlow li {
	padding: 24px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4em;
	border-right: 1px solid #006BB6;
	border-bottom: 1px solid #006BB6;
	width: calc((100% - 74px) / 4);
	box-sizing:border-box;
}
.recruitFlow li span {
	color: #006BB6;
	font-size: 1.4rem;
	font-family: "Roboto Condensed", sans-serif;
  	font-weight: 400;
	line-height: 1em;
	display: block;
	margin-bottom: 8px;
}
.recruitFlow li:last-child ,.recruitFlow li:last-child span {
	color: #fff;
}
.recruitFlow li:last-child {
	background-color: #006BB6;
	border-right: none;
	border-bottom: none;
}
.schoolName {
	padding: 24px;
	background-color: #EBF4FD;
}
.boxList {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.boxList li {
	width: calc((100% - 24px) / 2);
	padding: 20px 24px 24px;
	background: #fff;
	box-sizing: border-box;
}
.boxList li h4 ,.caseDetail h4 {
	color: #006BB6;
	margin-bottom: 6px;
	position: relative;
	padding-left: 12px;
}
.boxList li h4::before ,.caseDetail h4::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.8em;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #006BB6;
	border-radius: 50%;
}
.supplText {
	margin-top: 8px;
	font-size: 1.4rem;
}
.supplText span { font-weight: 700;}
.photoList {
	display: flex;
	flex-wrap: wrap;
	gap: 39px;
	margin-top: 40px;
}
.photoList li {
	width: calc((100% - 78px) / 3);
}
.caption {
	text-align: center;
	margin-top: 8px;
}
.interviewList {
	display: flex;
	flex-wrap: wrap;
}
.interviewList li {
	width: calc(100% / 2);
	border-bottom: 1px solid #ececec;
}
.interviewList li a {
	display: block;
	text-decoration: none;
	color: #333;
  padding: 40px 0px 40px 40px;
}
.interviewListCont {
	display: flex;
	flex-direction: column;
  align-items: flex-end;
	padding-right: 40px;
}
.interviewList li:nth-child(odd) .interviewListCont {
	border-right: 1px solid #ececec;
}
.interviewImg {
	width: 223px;
	height: auto;
	overflow: hidden;
	transition: border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.interviewImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}
.interviewText .btn {
	position: relative;
	font-size: 1.4rem;
	line-height: 1.0em;
	padding: 12px 20px 14px;
	color: #006BB6;
	border: 1px solid #006BB6;
	border-radius: 100px;
	width: 40%;
	height: auto;
	max-width: 120px;
	margin-top: 40px;
}
.interviewList h3 {
	font-size: 24px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	margin-bottom: 24px;
	padding-left: 0;
	color: #333;
}
.interviewList h3 span {
	font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
	display: block;
	font-size: 1.6rem;
	line-height: 1em;
	letter-spacing: 0.05em;
	color: #006BB6;
	margin-bottom: 16px;
}
.intName {
	font-weight: 700;
}
.intName span {
	display: block;
	font-weight: 500;
	font-size: 1.4rem;
}
.faqList {
    border-bottom: 1px solid #C3D1E0;
    overflow: hidden;
}
.faqBtn {
	padding: 24px 20px;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: flex-start;
	transition: background-color 0.3s;
}
.faqBtn p {
	font-weight: 700;
	padding-left: 20px;
	padding-right: 40px;
	transition: transform 0.4s ease;
}
.faqBtn::before {
	content: "Q";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.25rem;
	color: #006BB6;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 2.0rem;
	line-height: 1.0em;
}
.faqBtn::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: linear-gradient(#006BB6, #006BB6) center/100% 2px no-repeat,linear-gradient(#006BB6, #006BB6) center/2px 100% no-repeat;
}
.faqBtn.active::after {
	background: linear-gradient(#006BB6, #006BB6) center/100% 2px no-repeat;
}
.answerBox {
	display: none;
	padding: 0 40px 24px;
	text-align: justify;
}
.faqList.active .answerBox {
	display: block;
}
#entry {
	position: relative;
	margin-bottom: 110px;
}
.entryBgImg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}
.entryBgImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
  	filter: blur(3px);
	transform: scale(1.1); 
	z-index: 1;
}
.entryBgImg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 40, 69, 0.60);    
    z-index: 2;
}
#entry .contents {
	position: relative;
    z-index: 3;
    color: #fff;
}
.entryWrap h2 ,.entryWrap h2 span {
	color: #fff;
}
.entryWrap h2 span::after {
	background-color: #fff;
}
.entryWrap {
	display: flex;
	justify-content: space-between;
}
.entryWrap .cont40 p {
	padding-right: 24px;
}
.entryWrap h3 {
	font-size: 2.4rem;
	margin-bottom: 24px;
	padding-left: 0;
	color: #006BB6;
}
.midCareer h3 {
	color: #E85548;
}
.entryWrap ul {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.entryWrap li {
	background-color: #fff;
	padding: 40px;
	color: #333;
}
.entryWrap li a {
	display: inline-block;
	padding: 10px;
	border: 1px solid #ececec;
	margin-top: 16px;
}
.entryWrap li a img {
	width: 180px;
	height: auto;
}
.entryWrap li .entryBtnWrap a {
	display: block;
	border: none;
	color: #E85548;
	border: 1px solid #E85548;
	padding: 20px;
	margin-top: 0;
}
.entryBtnWrap {
	display: flex;
	justify-content: space-between;
}
.entryBtnWrap .contactBtn::after {
	background-image: url(../img/common/selectWindowRed.svg);
}
.entryBtnWrap .btn {
	width: 48%;
  max-width: none;
	margin-top: 16px;
}
.entryBtnWrap .telBtn::after {
	background-color: #E85548;
}

/* INTERVIEW */
.careersIntTtl {
	position: relative;
}
.intMainText {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
.intMainText h1 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1em;
	margin-bottom: 24px;
	color: #006BB6;
}
.intMainText h2 {
	font-size: 4rem;
    font-weight: 500;
    color: #333;
    line-height: 1.8em;
}
.intMainText .intName span {
	margin-bottom: 8px;
}
.intMainText .intName {
	font-size: 2.4rem;
}
.intMainImg {
	width: 60%;
    height: auto;
    margin: 0 0 0 auto;
	position: relative;
}
.intMainImg img {
    display: block;
    width: 100%;
    height: auto;
}
.intMainImg::after {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 35.98%);	
}
.intWrap {
	padding: 100px 0 84px;
}
.intWrap .contents ,.intList ,.intList li {
	display: flex;
	flex-direction: column;
	gap: 80px;
}
.intList li {
	gap: 64px;
}
.textBox h2 {
	margin-bottom: 32px;
	display: inline-block;
}
.textBox h2 span::after {
	content: none;
}
.textBg {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	color: #333;
	padding: 0px 10px 2px;
	background-color: #EBF4FD;
	display: inline;
	box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
	margin-bottom: 0;
}
.textBox p {
	line-height: 1.8em;
	text-align: justify;
}
.photoBox {
	width: 60%;
	height: auto;
	margin: 0 auto;
}
.offWrap ,.messageOdsWrap {
	padding: 40px;
	background-color: #006BB6;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.offImg img {
	border-radius: 999px;
	width: calc(100% - 40px);
    height: auto;
    box-sizing: border-box;
}
.offText {
	color: #fff;
	text-align: justify;
}
.offText h2 {
	color: #fff;
	margin-bottom: 32px;
}
.offText h2 span ,.memberDetail h2 span {
	color: #fff;
	font-size: 3.2rem;
	margin-bottom: 8px;
}
.memberDetail h2 {
	margin-bottom: 32px;
}
.memberDetail h2 span {
	color: #333;
}
.offText h2 span::after ,.memberDetail h2 span::after {
	content: none;
}
.memberDetail .contents {
	display: flex;
	justify-content: space-between;
}
.profile {
	display: flex;
	gap: 40px;
	align-items: flex-end;
}
.profile img {
	width: 160px;
	height: auto;
}
.profile .intName {
	margin-bottom: 20px;
}
p.detail {
	font-size: 1.4rem;
}
.careerPath {
	margin-top: 40px;
}
.careerPath .ttl {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1em;
	margin-bottom: 16px;
	color: #006BB6;
}
.memberDetail {
	padding: 80px 0;
	margin-bottom: 64px;

}
.memberSchedule {
	width: 100%;
}
.memberSchedule .label {
	max-width: 84px;
	padding: 6px 0px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1em;
	background: #EBF4FD;
}
.memberSchedule li::before {
	left: 42px;
}

/* WORKS */
.worksIntTtl {
	display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
}
.worksMainText {
	width: 40%;
}
.worksMainText h1 {
	margin-bottom: 16px;
	color: #006BB6;
}
.worksMainText .worksCompany {
	color: #006BB6;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.6em;
	padding-right: 40px;
	margin-bottom: 48px;
}
.worksDl ,.readText {
	padding-right: 40px;
}
.worksDl dt {
	font-weight: 700;
    color: #333;
	margin-bottom: 4px;
}
.worksDl dd {
	margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #ececec;
}
.worksMainImg {
	width: 60%;
    height: auto;
    margin: 0 0 0 auto;
    position: relative;
}
.worksMainImg img {
	display: block;
    width: 100%;
    height: auto;
}
.worksMessage {
    width: 100%;
    max-width: 1080px;
    margin: 100px auto 0;
}
h2.message ,h2.message span {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 4.0rem;
	margin-bottom: 0px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	color: #333;
	font-weight: 500;
	display: inline;
	margin-bottom: 0;
}
h2.message span {
	color: #006BB6;
}
h2.message span::after {
	content: none;
}

/* OTHERS */
.privacyLinkBox {
	display: flex;
	gap: 20px;
}
.privacyLinkBox a img {
	width: auto;
    height: 100px;
}
.linkList {
	display: flex;
	flex-wrap: wrap;
}
.linkList li {
	width: 50%;
}
.linkList li a {
	padding: 24px;
	display: block;
	border: 1px solid #ececec;
	margin-right: -1px;
	margin-bottom: -1px;
}
.privacysCont {
	display: flex;
    flex-direction: column;
	gap: 40px;
}
.privacysCont h3 {
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 16px;
    padding-left: 0;
	text-indent: -1.7em;
    margin-left: 30px;
}
.privacysCont h3::before {
	content: none;
}
.privacysCont .number {
	margin-left: 20px;
}
p.small {
	font-size: 1.2rem;
    line-height: 1em;
    padding-top: 10px;
    padding-left: 42px;
	position: absolute;
}
.privacyNameBox {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}
.privacyNameBox .name {
	line-height: 1.6em;
}
.subContText .number h2 {
	color: #333;
	font-size: 16px;
	margin-bottom: 0;
	padding-left: 0;
}
.subContText .number h2::before {
	content: none;	
}
.innerNumber {
	text-indent: -2.6em;
    margin-left: 30px;
}
.privacyCircleNumber {
	text-indent: -1em;
    margin-left: 45px;
}

/* HOVER */
@media (hover: hover) {
	.navWrap ul li a:hover{
		text-decoration: underline;
		text-underline-offset: 4px;
		cursor: pointer;
	}
	.btn:hover a {
		color: #fff;
		background-color: #006BB6;
	}
	.btn:not(.telBtn,.contactBtn):hover::after ,.entryBtnWrap .telBtn:hover::after{
		width: 14px;
		height: 14px;
		background-color: #fff;
		right: 17px;
	}
	.serviceList li:hover {
		background-color: #EBF4FD;
	}
	.serviceList li:hover .serviceImg {
		border-radius: 50%;
	}
	.serviceList li:hover .serviceImg img {
		transform: scale(1.1);
	}
	.serviceList li:hover .btn{
		color: #fff;
		background-color: #006BB6;
	}
	.serviceList li:hover .btn::after{
		width: 14px;
		height: 14px;
		background-color: #fff;
		right: 17px;
	}
	.worksList li:hover .worksImg img {
		transform: scale(1.1);
	}
	.worksList li:hover h3 ,.worksList li:hover h2{
		text-decoration: underline;
		text-underline-offset: 4px;
	}
	.topicsList li a:hover p ,.topNewsWrap ul li a:hover {
		color: #006BB6;
		text-decoration-color: #006BB6;
	}
	.contactList li a:hover {
		background-color: #084788;
	}
	.contactList li a:hover .contactBtn {
		background-color: #fff;
		color: #006BB6;
	}
	.contactList li a:hover .contactBtn::after {
		background-image: url(../img/common/selectWindowBlu.svg);
	}
	.bigBtn .btn:hover::after{
		width: 18px;
		height: 18px;
		right: 35px;
	}
	.footerList a:hover {
		text-decoration: underline;
		text-underline-offset: 4px;
	}
	.footerWrap a img:hover ,.privacyLinkBox a img:hover {
		opacity: 0.7;
	}
	.navWrap .contactBtn a:hover {
		background-color: #fff;
		color: #006BB6;
		border: 1px solid #006BB6;
		text-decoration: none;
		text-underline-offset: 0;

	}
	.navWrap .contactBtn:hover::after {
		background-image: url(../img/common/selectWindowBlu.svg);
	}
	.coLogo a:hover {
		opacity: 0.7;
	}
	.interviewList li:hover {
		background-color: #EBF4FD;
	}
	.interviewList li:hover .interviewImg {
		border-radius: 999px;
	}
	.interviewList li:hover .interviewImg img {
		transform: scale(1.1);
	}
	.interviewList li:hover .btn{
		color: #fff;
		background-color: #006BB6;
	}
	.interviewList li:hover .btn::after{
		width: 14px;
		height: 14px;
		background-color: #fff;
		right: 17px;
	}
	.faqBtn:hover  p{
		color: #006BB6;
	}
	.entryBtnWrap .contactBtn:hover::after ,.daikinBtnWrap .contactBtn:hover::after ,.subContText .daikinGrn .contactBtn:hover::after ,.subContText .daikinBlu .contactBtn:hover::after{
		background-image: url(../img/common/selectWindowWht.svg);
	}
	.entryBtnWrap .btn:hover a ,.daikinBtnWrap .daikinRed .contactBtn:hover a{
		color: #fff;
		background-color: #E85548;
	}
	.daikinBtnWrap .daikinGrn .btn:hover a ,.subContText .daikinGrn .contactBtn:hover a{ 
		background-color: #26AD26;
	}
	.daikinGrn .btn:hover::after{
		width: 14px;
		height: 14px;
		background-color: #fff;
		right: 37px;
	}
	.subContText .daikinGrn .contactBtn:hover::after {
		background-color: transparent;
		width: 18px;
		height: 18px;
		right: 20px;
	}
}


/* RESPONSIVE */
@media only screen and (max-width: 1081px){
	.spOnly { display: block !important;}
	.pcOnly { display: none !important;}
	a[href^="tel:"]{
    	pointer-events: auto;
  	}
  	section {
    	padding: 80px 0;
	}
	.topBtnWrap  {
		padding: 40px 0px 0px;
	}
	.last ,.lowerPage { padding-bottom: 0;}
	.serviceSub {
		padding: 80px 0;
	}
	.intWrap {
		padding: 80px 0 64px;
	}
	section.contact {
		padding: 80px 0;
	}
	#headWrap {
		padding: 16px 16px;
	}
	.careers img {
		width: 120%;
		height: auto;
	}
	.topicsWrap .cont40 p {
		padding-right: 40px;
	}
	.mainText {
		width: 85%;
	}
	.flowWrap {
		flex-direction: column;
	}
	.flowWrap h2 ,.flowContent {
		width: auto;
		max-width: 100%;
	}
	.serviceSub .serviceList li a {
		padding: 40px;
	}
	.anchorList { margin: 80px 0 0;}
	#access {
		margin-bottom: 80px;
	}
	#entry {
		margin-bottom: 80px;
	}
	.daikinBtnWrap ,.daikinBtnWrap ul li{
		padding: 20px;
	}
	.worksMessage {
		margin: 80px auto 0;
	}
}

@media screen and (min-width: 1024px) and (orientation: portrait) {
    .hero {
        height: 656px;
    }
}

@media(max-width: 1023px){
	.pcSlide { display: none!important;}
	.spSlide { display: block!important;}
	#headWrap h1 ,.navLogo{
		height: 60px;
		display: flex;
		align-items:center;
	}
	p.small {
		top: 45px;
		left: 5px;
	}
	#headWrap h1 img ,.navLogo img {
		width: auto;
	}
	.navBtn {
		position: fixed;
		right: 16px;
		top: 16px;
		width: 60px;
		height: 60px;
		display: block;
		z-index: 999;
		background: url(../img/common/spBtn.png) right 0px / 60px no-repeat;
		cursor: pointer;
	}
	.navBtn.active{
		background: url(../img/common/spBtnClose.png) right 0px / 60px no-repeat;
	}
	.navWrap {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width:100%;
		height: 100vh;
		background: #fff;
		transition: all 0.3s;
		text-align: left;
		overflow-y: auto;
	}
	.navWrap.panelactive{
		display: block;
		z-index:20;
	}
	.navWrap ul {
		font-size: 1.6rem;
		display: flex;
		flex-direction: column;
		gap: 24px;
		padding: 0px 20px;
		border-radius: 0;
		background: none;
		backdrop-filter: none;
		margin-top: 20%;
		align-items: flex-start;
	}
	.navWrap .contactBtn a {
		padding: 0px 0px 24px 0px;
		color: #333;
		background-color: transparent;
		border-radius: 0;
		line-height: 1.0em;
		border: none;
		transition: none;
	}
	.navWrap ul li {
		width: 100%;
		border-bottom: 1px solid #ececec;
	}
	.navWrap ul li a {
		display: block;
		padding-bottom: 24px;
	}
	.navSpOnly {
		display: block!important;
		margin-bottom: 80px;
	}
	.navSpOnly ul {
		margin-top: 20px;
	}
	.serviceList ,.interviewList {
		flex-wrap: wrap;

	}
	.serviceList li ,.interviewList li{
		width: 100%;
	}
	.serviceList li:last-child ,.interviewList li:last-child {
		border-bottom: none;
	}
	.serviceImg {
		width: 300px;
		height: auto;
	}
	.serviceList li:nth-child(odd) .serviceListCont ,.interviewList li:nth-child(odd) .interviewListCont {
		border-right: none;
	}
	.serviceText {
		width: 60%;
	}
	.interviewText {
		width: 70%;
	}
	.interviewImg {
		width: 30%;
	}
	.serviceListCont ,.interviewListCont {
		flex-direction: row-reverse;
		padding-right: 0px;
		gap: 80px;
		align-items: flex-start;
	}
	.serviceList li a ,.interviewList li a {
		padding: 40px;
	}
	h2 span {
		font-size: 6.4rem;
	}
	.subPageMain h1 span {
		font-size: 10rem;
	}
	p.strong {
		font-size: 2.0rem
	}
	.careersText{
		font-size: 3.2rem;
	}
	.topicsWrap ,.contactWrap ,.entryWrap {
		flex-direction: column;
	}
	.contactBox, .contactList {
		width: 100%;
	}
	.cont40 ,.cont60 ,.cont30 ,.cont70 {
		width: 100%;
	}
	.btnC .btn {
		width: 60%;
	}
	.contactBox img {
		width: 100%;
		height: auto;
		max-width: none;
	}
	.contactBox {
		flex-direction: column-reverse;
		gap: 40px;
	}
	.contactList li a ,.telList {
		padding: 40px 0px;
	}
	.footerWrap {
		gap: 80px;
		flex-direction: column
	}
	.footerBox ,.footerList {
		width: 100%;
		justify-content: flex-start;
		gap: 40px;
	}
	.topicsWrap .cont40 {
		margin-bottom: 64px;
	}
	.footerBox a img {
		width: 80%;
		    height: auto;
    	max-width: 500px;
	}
	.navWrap .navSubList {
		position: relative;
        display: block;
        opacity: 1;
        visibility: visible;
        padding-left: 20px;
        margin-top: 0px;
		box-shadow: none;
		background: none;
		padding: 0;
    }
	.navWrap .navSubList a {
		padding-bottom: 16px;
	}

    .navWrap .navSubList li {
        margin-bottom: 0px;
		border-bottom: none;
    }
	.Gnav .navSub::after {
		display: none;
		content: none;
	}
	section.heroSub {
		width: 90%;
		margin: 0 auto;
	}
	.subPageTtl .serviceText {
		width: 50%;
	}
	.subPageTtl h1 {
		font-size: 4.0rem;
		white-space: normal;
	}
	.subCont {
		width: 100%;
	}
	.lowerPageTtl h1 {
		font-size: 3.2rem;
	}
	.message {
		font-size: 4.0rem;
	}
	.entryWrap ul {
		margin-top: 40px;
	}
	.entryWrap .cont40 p {
		padding-right: 0;
	}
	#entry .contents {
		z-index: auto;
	}
	.intMainText h1 {
		margin-bottom: 16px;
	}
	.intMainText h2 {
		font-size: 3.0rem;
	}
	.intMainText .intName {
		font-size: 1.6rem;
	}
	.offWrap ,.messageOdsWrap ,.memberDetail .contents{
		flex-direction: column;
		gap: 40px;
	}
	.offImg {
		text-align: center;
	}
	.offImg img {
		width: 100%;
		max-width: 300px;
	}
	.memberDetail .contents .cont50 {
		width: 100%;
	}
	.memberDetail .contents {
		gap: 64px;
	}
	.worksIntTtl {
		flex-direction: column;
		gap: 24px;
	}
	.worksMainText {
		width: 100%;
	}
	.worksMainImg {
		width: 100%;
		margin: 0 auto;
	}
	.worksMainText .worksCompany {
		margin-bottom: 40px;
	}
	.worksDl ,.readText {
		padding-right: 0;
	}
}

@media(max-width: 768px){
	.pcBr { display: none !important;}
	.navBtn {
		width: 50px;
        height: 50px;
        background: url(../img/common/spBtn.png) right 0px / 50px no-repeat;
	}
	.navBtn.active {
        background: url(../img/common/spBtnClose.png) right 0px / 50px no-repeat;
    }
	#headWrap h1 ,.navLogo{ height: 50px;}
	.subPageMain h1 span {
		font-size: 8rem;
	}
	.serviceList { margin-top: 0;}
	.serviceListCont ,.serviceSub .serviceListCont ,.interviewListCont {
		flex-direction:column;
		gap: 0;
	}
	.serviceList li a ,.serviceSub .serviceList li a ,.interviewList li a {
		padding: 40px 0px;
	}
	.serviceList li:last-child a ,.interviewList li:last-child a{
		padding-bottom: 0;
	}
	.interviewList li:first-child a {
		padding-top: 0;
	}
	.serviceText ,.serviceSub .serviceText ,.interviewText {
		width: 100%;
	}
	.serviceImg ,.serviceSub .serviceImg ,.interviewImg {
		width: 160px;
		margin: 0 0 0 auto;
	}
	.serviceList h3 ,.contactList li h3 ,.lineupText h3 span ,.serviceText h2 {
		font-size: 3.2rem;
	}
	.aboutWrap {
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
	}
	.cont50 { width: 100%;}
	.worksList {
		flex-direction: column;
	}
	.worksList li {
		width: 100%;
	}
	    .careersText {
        font-size: 2.4rem;
    }
	.footerList {
		flex-direction: column;
    	gap: 20px !important;
	}
	.btnC .btn {
        width: 100%;
    }
	.footerList ul {
		padding-left: 0;
	}
	.careers {
		text-align: left;
	}
	.careersBtnList {
		flex-direction: column;
	}
	.careersBtnList .btn {
		width: 100%;
    	max-width: none;
	}
	.splashLogo img {
		width: 80%!important;
		height: auto;
	}
	.bigBtn .btn a {
		padding: 20px;
	}
	.bigBtn .btn::after {
		right: 20px;
	}
	.picWrap {
		padding: 40px;
	}
	.subPageTtl .serviceText {
		width: 100%;
	}
	.subPageTtl {
		gap: 64px;
	}
	.subPageTtl img {
		max-height: none;
	}
	.bg-drawing-container {
		width: clamp(230px, 50vw, 700px);
		aspect-ratio: 1 / 1; 
		top: 0;
		right: 0;
		transform: translate(50%, -50%) rotate(-90deg) scaleX(-1);
	}
	.drawing-circle {
		stroke-width: 2px;
	}
	.merit-item, .caseList li {
		width: 100%;
	}
	.merit-content p {
		padding-left: 1.5em;
	}
	.flowGroup {
		flex-direction: column;
		gap: 24px;
	}
	.flowContent h3 ,.flowList {
		width: 100%;
	}
	.flowList li {
		flex-direction: column;
		gap: 8px;
		align-items: flex-start;
	}
	.flowList li p {
		padding-left: 40px;
	}
	.flowList li p.label ,.flowList li p.fullLabel {
		padding-left: 0;
	}
	.flowList li::before {
		left: 20px;
	}
	.serviceBtnWrap {
		flex-direction: column;
		gap: 64px;
	}
	.lineupList li {
		flex-direction: column;
		gap: 40px;
	}
	.anchorList {
		flex-wrap: wrap;
		gap: 40px 0px;
	}
	.anchorList li {
		flex: none;
		width: 48%;
	}
	.msgWrap, .phWrap, .accessWrap {
		flex-direction: column;
		gap: 40px;
	}
	.message { margin-bottom: 40px;}
	.msgWrap img {
		display: block;
		width: 100%;
		max-width: 400px;
		height: auto;
		margin: 0 auto;
	}
	.phWrap img {
		min-height: 0;
	}
	.commonTable th ,.commonTable td {
		display: block;
		width: 100%;
	}
	.commonTable th {
		padding: 24px 0px 4px 0px;
	}
	.commonTable td {
		padding: 0px 0px 24px 0px;
	}
	.tableInnertable {
		font-size: 1.4rem;
	}
	.tableInnertable th {
		width: 60%;
		display: table-cell;
		padding: 0 0 4px 0;
	}
	.tableInnertable td {
		width: 40%;
		display: table-cell;
		padding: 0 0 4px 16px;
	}
	.map ,.boxList li { width: 100%;}
	.careersCont {
		gap: 64px;
	}
	.commonDl {
		margin-top: 16px;
	}
	.recruitFlow {
		flex-wrap: wrap;
	}
	.recruitFlow li ,.photoList li {
		width: calc((100% - 24px) / 2);
	}
	.boxList {
		flex-direction: column;
	}
	.photoList { gap: 24px;}
	#entry {
		padding-top: 0;
		background:#006BB6;
	}
	.entryBgImg ,.entryBgImg img {
		position: relative;
		top: auto;
		left: auto;
		filter: none;
		transform: none;
		height: auto;
		z-index: 1;
	}
	.entryBgImg::after {
		content: normal;
	}
	.entryWrap {
		padding-top: 80px;
	}
	.interviewText .btn {
		margin-top: 24px;
	}
	.intMainText {
		position: relative;
		margin-bottom: 40px;
	}
	.intMainText h2 {
		margin-bottom: 32px;
	}
	.intMainImg {
		width: 100%;
	}
	.intMainImg::after {
		content: normal;
	}
	.intList li {
		gap: 40px;
	}
	.photoBox {
		width: 100%;
	}
	.memberSchedule li {
		flex-direction: row;
		gap: 0;
	}
	.memberSchedule li::before {
		left: 35px;
	}
	.memberSchedule .label {
		max-width: 70px;
		margin-right: 20px;
	}
	.memberSchedule li p {
		padding-left: 0;
		width: 100%;
	}
	.daikinBtnWrap ul {
		flex-direction: column;
		gap: 20px;
	}
	.daikinBtnWrap ul li {
		width: 100%;
	}
	.daikinBtnWrap h2 {
		white-space: normal;
	}
	.daikinDate {
		margin-top: 16px;
	}
	.systemList {
		gap: 40px;
	}
	.systemList li {
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}
	.systemList li h3 {
		text-align: center;
	}
	.topNewsWrap {
		flex-direction: column;
		gap: 16px;
	}
	.topNewsWrap h2 {
		padding-right: 0;
		border-right: none;
	}
	.topNewsWrap ul {
		padding-left: 0;
		width: 100%;
	}
	.privacyLinkBox {
		flex-direction: column;
	}
	.linkList {
		flex-direction: column;
	}
	.linkList li {
		width: 100%;
	}
}

@media(max-width: 541px){
	h2 span {
		font-size: 5.6rem;
	}
	h2 span::after ,.subPageMain h1 span::after {
		margin-left: 8px;
	}
	h3 ,.daikinQaCont h2 ,.subCont h2 ,.privacysCont h2{ 
		font-size: 2.4rem;
		margin-bottom: 24px;
	}
	.subPageMain h1 span {
		font-size: 7.2rem;
	}
	#headWrap h1 img ,.navLogo img {
		width: 70%;
	}
	.subPageMain h1 {
		font-size: 1.8rem;
	}
	.careers img {
		width: 180%;
	}
	.serviceImg {
        width: 130px;
        margin: 0 0 0 auto;
    }
	.mainText {
		padding-left: 16px;
	}
	.slide::before {
		background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 20%), linear-gradient(0deg, #1D83CC 0%, rgba(29, 131, 204, 0) 40%);
	}
	.hero {
        height: calc(100dvh - 82px) !important;
		position: relative;
		overflow: hidden;
    }
    .slideWrap.spSlide {
		height: 100% !important;    
	}
    .slideWrap.spSlide .slide img {
		width: 100%;
		height: 100% !important;
		object-fit: cover;
		object-position: center!important;
	}
	.serviceList h3 {
		font-size: 3.2rem;
	}
	.contactList li h3 ,.lineupText h3 span {
		font-size: clamp(26px, 4.166vw, 32px);
	}
	.contactList .btn {
		width: auto;
	}
	.picWrap ,.flowContent{
		padding: 20px;
	}
	.btnBr { display: block!important;}
	#bc li {
		font-size: 1.1rem;
	}
	.tableInnertable {
		width: 100%;
	}
	.innerTable02 th {
		width: 80%;
	}
	.innerTable02 td {
		width: 20%;
	}
	.anchorList {
		flex-direction: column;
		gap: 16px;
	}
	.anchorList li { width: 100%;}
	.message { font-size: 3.2rem;}
	.entryBtnWrap ,.recruitFlow ,.photoList {
		flex-direction: column;
	}
	.recruitFlow { gap: 0;}
	.entryBtnWrap .btn ,.recruitFlow li ,.photoList li {
		width: 100%;
	}
	.entryWrap li ,.recruitFlow li ,.schoolName {
		padding: 20px;
	}
	.faqBtn {
		padding: 24px 5px;
	}
	.faqBtn::before {
		left: 0;
	}
	.faqBtn::after {
		right: 0;
	}
	.faqBtn p {
		padding-right: 20px;
	}
	.answerBox {
		padding: 0 0 24px 0;
	}
	#faq h3 {
		margin-bottom: 0;
	}
	.offWrap ,.messageOdsWrap {
		padding: 20px;
		gap: 20px;
	}
	.profile {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}
	.profile .intName {
		margin-bottom: 16px;
	}
	.careerPath {
		margin-top: 32px;
	}
	.careerPath .ttl {
		margin-bottom: 8px;
	}
    .intMainText h2 {
		font-size: 2.4rem;
	}
	.topNewsWrap {
		padding: 20px;
	}
	.subContText .daikinGrn ,.subContText .daikinBlu {
		padding: 20px;
	}
	.linkList li a {
		padding: 16px;
	}
	p.small {
		padding-left: 32px;
		top: 35px;
		left: 0;
	}
	.privacyNameBox {
		flex-direction: column;
		gap: 20px;
	}
	h2.message ,h2.message span {
		font-size: 3.2rem;
	}
}

@media(max-width: 374px){
	.btnC .btn { font-size: 1.4rem;}
	.tableInnertable td {
		padding: 0 0 4px 0px;
	}
	.innerTable02 th {
		width: 88%;
	}
	.innerTable02 td {
		width: 12%;
	}
	.subPageTtl h1 {
		font-size: 3.2rem;
	}
	p.small {
		padding-left: 26px;
	}
}

/* ANIMATION */
/* SPLASH */
#splash {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #fff;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	transition: opacity 0.6s ease;
}
#splash.hidden {
	opacity: 0;
	pointer-events: none;
}
.splashLogo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	transform: translateY(-5vh);
}
#splash.hidden .splashLogo {
  	opacity: 0; 
}
#splash.background-hidden {
	transition: opacity 0.5s ease;
	opacity: 0;
}
.splashLogo img {
	width: 40%;
	height: auto;
}
/* SCROLL */
.fadeIn {
	animation-name:fadeInAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.scroll_left {
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	transform: translateX(-30px);
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}
.scroll_left.on {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	transform: translateX(0);
}
/* SLIDE */
.is-start .slide:nth-child(1) { animation-delay: 0s; }
.is-start .slide:nth-child(2) { animation-delay: 3s; }
.is-start .slide:nth-child(3) { animation-delay: 6s; }
.is-start .slide:nth-child(4) { animation-delay: 9s; }
.slide::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 20%),linear-gradient(0deg, #1D83CC 0%, rgba(29, 131, 204, 0) 50%);
	z-index: 1; 
}
@keyframes slideWrap {
  0% {
    opacity: 0;
  }
  4% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  29% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.is-start .slide {
  	animation: slideWrap 12s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@media only screen and (max-width: 1081px){
	.is-start .slide:nth-child(1) { animation-delay: 0s; }
	.is-start .slide:nth-child(2) { animation-delay: 3s; }
	.is-start .slide:nth-child(3) { animation-delay: 6s; }
	@keyframes slideWrap {
		0% { opacity: 0; }
		5% { opacity: 1; }
		33% { opacity: 1; }
		38% { opacity: 0; }
		100% { opacity: 0; }
	}
	.slide::before {
		background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 12%), linear-gradient(0deg, #1D83CC 0%, rgba(29, 131, 204, 0) 40%);
	}
 	.slide {
		animation: none;
		opacity: 0;
  	}
  	.is-start .slide {
    	animation: slideWrap 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  	}
}