@charset "utf-8";

.visualBox{display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:relative; overflow:hidden;}
.visualBox video{position:absolute; display:block; width:100%; -o-object-fit:cover; object-fit:cover; height:100%; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:10;}
.visualBox video.mobileOnly{display:none;}
.visualBox .textBox{display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:100%; height:auto; text-align:center; padding:0 30px; color:#fff; position:relative; z-index:2;}
.visualBox .textBox::after{content:""; display:block; width:1px; height:16vh; background:#fff; opacity:0.5; position:absolute; top:100%; margin-top:30px; left:50%; transform:translateX(-50%);}
/* .visualBox .textBox p{width:100%; height:auto; font-size:30px; font-weight:400; letter-spacing:-0.01em; line-height:1.5;} */
.visualBox .textBox strong{display:block; width:100%; height:auto; font-family: 'S-Core Dream'; font-size:75px; font-weight:700; letter-spacing:-0.045em; line-height:1.266;}
.visualBox .visualScroll{display:inline-block; position:absolute; left:50%; transform:translateX(-50%); bottom:60px; animation-name:scroll; animation-duration:.5s; animation-timing-function:linear; animation-iteration-count:infinite; animation-direction:alternate; animation-fill-mode:forwards; z-index:5;}
.visualBox .inBg{width:100%; height:100%; position:absolute; z-index:1; top:50%; left:50%; background:url("/html/resource/img/main/visual.jpg") no-repeat center center/cover; transform:translate(-50%, -50%) scale(1.1); transition:all 0.75s linear;}
.visualBox .inBg.on{transform:translate(-50%, -50%) scale(1.0);}
.visualBox .volumeControl{width:172px; height:50px; border:1px solid #333; padding:0 20px; position:absolute; bottom:90px; left:50%; transform:translateX(-50%); z-index:11; border-radius:25px;}
.visualBox .volumeControl .inBox{display:inline-flex; justify-content:space-between; align-items:center; width:100%; height:100%;}
.visualBox .volumeControl .controlText{display:inline-block; flex-shrink:0; font-size:17px; font-weight:700; letter-spacing:0; line-height:1; color:#222;}
.visualBox .volumeControl .volumeIcon{display:inline-block; flex-shrink:0; width:28px; height:26px; background:url("/html/resource/img/main/sound_onoff.png") no-repeat; background-position:left top; background-size:100% auto;}
.visualBox .volumeControl.on .volumeIcon{background-position:left bottom;}

@keyframes scroll {
    0% {bottom:60px;}
    100% {bottom:80px;}
	0% {bottom:60px;}
}

.award{display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:calc(100% - 50px); height:auto; padding:120px 0; margin:0 auto;}
.award .awardList{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto; margin-top:55px; text-align:center;}
.award .awardList li{width:100%; height:auto; font-size:25px; font-weight:600; letter-spacing:-0.01em; line-height:1.3; color:#4f3623;}
.award .awardList li + li{margin-top:15px;}
.award .awardList li strong{font-weight:600; color:#bd1d22;}

.understanding{width:100%; height:auto; background:#f8f8f8; padding:120px 0;}
.understanding .inList{display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; width:100%; height:auto; margin-bottom:-50px;}
.understanding .inList .inItem{display:inline-block; flex-shrink:0; text-align:center; margin:0 90px 50px 90px;}
.understanding .inList .inItem strong{display:block; font-size:26px; font-weight:700; letter-spacing:-0.01em; line-height:1; margin-bottom:35px;}
.understanding .inList .inItem .circle{display:flex; justify-content:center; align-items:center; width:100%; height:auto; margin:0 auto 45px auto;}
.understanding .inList .inItem .circle img{display:inline-block; flex-shrink:0;}
.understanding .inList .inItem p{font-size:20px; font-weight:400; letter-spacing:-0.01em; line-height:1.5;}

.mainSection{width:100%; height:auto; padding:130px 0;}
.mainSection.padding1{padding:110px 0;}
.mainSection.padding2{padding:175px 0;}
.mainSection.padding3{padding:140px 0;}
.mainSection.bgColor1{background:#f8f8f8;}
.mainSection.bgColor2{background:#f0eeec;}
.mainSection .inContent{width:calc(100% - 50px); max-width:1320px; height:auto; margin:0 auto;}

.sectionTitle{width:100%; height:auto; text-align:center; margin-bottom:75px;}
.sectionTitle.left{text-align:left;}
.sectionTitle .smallText{display:block; font-size:26px; font-weight:500; letter-spacing:0; line-height:1; margin-bottom:23px;}
.sectionTitle h2, .sectionTitle p{font-size:48px; font-weight:700; letter-spacing:-0.01em; line-height:1.3;}
.sectionTitle h2 span{color:#f28021;}
.sectionTitle p span{color:#bd1d22;}
.sectionTitle img{display:inline-block; vertical-align:text-top;}

.imgBox1{display:flex; justify-content:center; width:100%; height:auto;}
.imgBox1 img{flex-shrink:0; max-width:100%; transition:all 0.3s linear;}
.imgBox1 img:hover{transform:scale(1.1);}
.imgBox1 .boxItem{display:inline-block; max-width:calc(50% - 50px); flex-shrink:0;}
.imgBox1 .boxItem + .boxItem{margin-left:100px;}
.imgBox1 .boxItem .inText{text-align:center; font-size:33px; font-weight:300; letter-spacing:-0.025em; line-height:1.4; margin-top:30px;}

.subText1{font-size:24px; font-weight:500; letter-spacing:-0.01em; line-height:1; color:#9b9999; margin-top:20px; text-align:center;}
.subText2{font-size:22px; font-weight:400; letter-spacing:0; line-height:36px; margin-top:25px; margin-bottom:73px;}
.subText2 strong{font-weight:700; color:#f28021;}

.imgList{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:flex-start; width:100%; max-width:1350px; height:auto; margin:0 auto -30px auto;}
.imgList .listItem{display:inline-block; max-width:420px; flex-shrink:0; margin:0 15px 30px 15px; border-radius:15px; border:1px solid #d6d6d6; overflow:hidden;}

.textList{display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; width:100%; max-width:1325px; height:auto; margin:0 auto -15px auto;}
.textList .listItem{display:inline-flex; flex-shrink:0; flex-wrap:wrap; justify-content:center; align-content:flex-start; width:250px; background:#fff; border:1px solid #d6d6d6; border-radius:10px; box-shadow:2px 2px 7px rgba(0,0,0,.16); padding:44px 0 53px 0; margin:0 7.5px 15px 7.5px;}
.textList .listItem img{display:block; flex-shrink:0; margin-bottom:30px;}
.textList .listItem dl{width:100%; height:auto; text-align:center;}
.textList .listItem dl dt{font-size:30px; font-weight:700; letter-spacing:-0.01em; line-height:1; color:#222; margin-bottom:15px;}
.textList .listItem dl dd{font-size:20px; font-weight:400; letter-spacing:-0.01em; line-height:1.4; color:#606060;}

.contentBox{display:flex; align-items:flex-start; width:100%; height:auto;}
.contentBox img{display:inline-block; flex-shrink:0; position:relative; z-index:1;}
.contentBox .textBox{display:inline-block; text-align:left; padding:60px; background:#fff; position:relative; z-index:2; margin-left:-210px; margin-top:185px;}
.contentBox .textBox dt{font-size:48px; font-weight:700; letter-spacing:-0.01em; line-height:1.3; margin-bottom:25px;}
.contentBox .textBox dt span{color:#f28021;}
.contentBox .textBox dt strong{font-weight:700; color:#bd1d22;}
.contentBox .textBox dd{font-size:24px; font-weight:500; letter-spacing:-0.01em; line-height:1.5; color:#606060;}
.contentBox .textBox dd img{display:inline-block;}

.bnBox{display:flex; justify-content:center; align-items:flex-start; width:100%; height:auto; border-radius:100px; background:url("/html/resource/img/main/con4_1_2.png") no-repeat center center/cover; font-size:24px; font-weight:800; letter-spacing:-0.01em; line-height:1.5; color:#fff; margin-top:15px; text-align:center; padding:64px 130px;}
.bnBox img{display:inline-block; flex-shrink:0; margin-right:13px;}
.bnBox p{display:inline-block;}

.serviceList{display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:100%; height:auto; margin-bottom:-40px;}
.serviceList .listItem{display:inline-flex; flex-wrap:wrap; align-content:flex-start; width:calc(50% - 40px); max-width:560px; border-radius:20px; background:#f6f2eb; text-align:left; padding:75px 70px 230px 60px; margin:0 20px 40px 20px; position:relative;}
.serviceList .listItem:nth-child(2), .serviceList .listItem:nth-child(3){background:#f1f1f1;}
.serviceList .listItem dl{width:100%; height:auto; padding-bottom:35px;}
.serviceList .listItem dl dt{font-size:28px; font-weight:700; letter-spacing:-0.01em; line-height:1;}
.serviceList .listItem dl dt strong{font-size:40px; font-weight:700; letter-spacing:-0.01em; line-height:1; color:#bd1d23; margin-bottom:25px;}
.serviceList .listItem dl dd{font-size:20px; font-weight:400; letter-spacing:-0.01em; line-height:1.5; margin-top:25px;}
.serviceList .listItem dl dd strong{font-weight:700;}
.serviceList .listItem .imgBox{display:flex; justify-content:flex-end; width:100%; height:auto; position:absolute; bottom:60px; right:60px;}

.imgTextList{display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; width:100%; height:auto; max-width:1350px; margin:0 auto -30px auto;}
.imgTextList li{display:inline-block; flex-shrink:0; overflow:hidden; width:307px; border-radius:17px; position:relative; margin:0 15px 30px 15px;}
.imgTextList li dl{width:100%; height:auto; position:absolute; top:95px; left:0; color:#fff; text-align:center;}
.imgTextList li dl dt{font-size:36px; font-weight:800; letter-spacing:-0.01em; line-height:1; margin-bottom:20px;}
.imgTextList li dl dd{font-size:23px; font-weight:600; letter-spacing:-0.025em; line-height:1.565;}

.bnBox2{display:flex; justify-content:center; align-content:center; width:100%; height:auto; padding:80px 30px 60px 30px; background:#f8f8f8; text-align:center;}
.bnBox2 dl{width:100%; height:auto;}
.bnBox2 dl dt{font-size:48px; font-weight:700; letter-spacing:-0.01em; line-height:1.3;}
.bnBox2 dl dt strong{display:inline-block; font-size:60px; font-weight:700; letter-spacing:-0.01em; line-height:1; color:#f27f21;}
.bnBox2 dl dt strong span{color:#bd1c22;}
.bnBox2 dl dd{font-size:22px; font-weight:400; letter-spacing:0; line-height:1.5; margin-top:15px;}
.bnBox2 dl dd strong{font-weight:700; color:#f28021;}

.currentCounsel{display:flex; justify-content:space-between; align-items:flex-start; width:100%; max-width:1320px; height:auto; padding:60px 60px 130px 60px; text-align:center; margin:0 auto;}
.currentCounsel .counselWaiting{display:inline-block; width:50%; max-width:535px; padding-top:15px;}
.currentCounsel .counselWaiting .inTitle{font-size:48px; font-weight:700; letter-spacing:-0.01em; line-height:1; color:#222;}
.currentCounsel .counselWaiting strong{display:block; font-size:150px; font-weight:700; letter-spacing:-0.01em; line-height:1; margin-top:40px;}
.currentCounsel .counselWaiting .progressBar{width:100%; max-width:510px; height:45px; border-radius:22.5px; overflow:hidden; background:#ededed; position:relative; margin:70px auto 0 auto;}
.currentCounsel .counselWaiting .progressBar .inBar{display:inline-block; height:100%; position:absolute; top:0; left:0; background:#bd1d22; z-index:2;}
.currentCounsel .counselWaiting p{font-size:28px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#5d5c5c; margin-top:40px;}
.currentCounsel .counselBoard{display:inline-block; width:50%; max-width:535px; margin-left:15px;}
.currentCounsel .counselBoard .inTitle{display:flex; justify-content:center; align-items:center; width:100%; height:auto; font-size:30px; font-weight:700; letter-spacing:-0.01em; line-height:1; color:#222; border-bottom:1px solid #d6d6d6; padding-bottom:15px; }
.currentCounsel .counselBoard .inTitle i{display:inline-block; width:46px; height:42px; background:url("/html/resource/img/main/counsel_icon.png") no-repeat center center/cover; margin-right:15px;}
.currentCounsel .counselBoard .boardListBox{width:calc(100% - 60px); height:290px; margin:30px auto 0 auto; overflow:hidden;}
.currentCounsel .counselBoard .boardList{width:100%; height:auto;}
.currentCounsel .counselBoard .boardList li{display:flex; align-items:center; width:100%; height:auto; font-size:20px; font-weight:400; letter-spacing:0; color:#222; text-align:left;}
.currentCounsel .counselBoard .boardList li .listName{display:inline-block; flex-shrink:0; width:90px;}
.currentCounsel .counselBoard .boardList li .listCate{display:inline-block; flex-grow:1;}
.currentCounsel .counselBoard .boardList li .listState{display:inline-block; flex-shrink:0; margin-left:10px; width:90px;}
.currentCounsel .counselBoard .boardList li .listState span{display:flex; justify-content:center; align-items:center; width:100%; height:38px; box-sizing:border-box; border:1px solid #979797; font-size:18px; font-weight:400; letter-spacing:0; line-height:1; text-align:center;}
.currentCounsel .counselBoard .boardList li .listState span.ansOk{border-color:#f28021; color:#f28021;}
.currentCounsel .counselBoard .boardList li.noContent{text-align:center;}

.counselBox{width:100%; height:auto; background:url("/html/resource/img/main/counsel_bg.jpg") no-repeat center center/cover; padding:175px 0;}
.counselBox .inBox{display:flex; justify-content:space-between; align-items:flex-start; width:calc(100% - 50px); max-width:1320px; height:auto; margin:0 auto;}
.counselBox .textBox{display:inline-block; flex-shrink:0; color:#fff; margin-right:30px;}
.counselBox .textBox .bigText{display:block; margin-bottom:47px;}
.counselBox .textBox .middleText{font-size:30px; font-weight:500; letter-spacing:-0.01em; line-height:1.3;}
.counselBox .textBox .middleText strong{display:inline-block; vertical-align:top; font-size:48px; font-weight:700; letter-spacing:-0.01em; line-height:1; margin-top:17px;}
.counselBox .textBox .contactText{position:relative; margin-top:30px; padding-top:28px;}
.counselBox .textBox .contactText::before{content:""; display:block; width:60px; height:1px; background:#fff; opacity:0.5; position:absolute; top:0; left:0;}
.counselBox .textBox .contactText p{font-size:22px; font-weight:400; letter-spacing:0; line-height:1;}
.counselBox .textBox .contactText p + p{margin-top:20px;}
.counselBox .textBox .contactText p span{color:#f28021;}
.counselBox .formBox{display:inline-block; width:100%; max-width:645px;}
.counselBox .formBox .inquiryRow{display:flex; justify-content:space-between; width:100%; height:auto; border-radius:8px; background:#fff; overflow:hidden;}
.counselBox .formBox .inquiryRow.noBg{background:none;}
.counselBox .formBox .inquiryRow.wrap{flex-wrap:wrap; color:#222;}
.counselBox .formBox .inquiryRow + .inquiryRow{margin-top:20px;}
.counselBox .formBox .inquiryRow .checkTitle{width:100%; height:auto; font-size:20px; font-weight:500; letter-spacing:-0.01em; margin-bottom:5px; padding:15px 25px 0 25px;}
.counselBox .formBox .inquiryRow .checkList{display:flex; flex-wrap:wrap; align-items:center; align-content:center; width:100%; height:auto; padding:0 25px 15px 25px;}
.counselBox .formBox .inquiryRow .checkList .listItem{display:inline-flex; flex-shrink:0; align-items:center; margin:10px 10px 10px;}
.counselBox .formBox .inquiryRow .checkList .listItem input[type="checkbox"]{display:inline-block; width:20px; height:20px; margin:0 5px 0 0;}
.counselBox .formBox .inquiryRow .checkList .listItem input[type="checkbox"] + label{display:inline-block; font-size:20px; font-weight:500; letter-spacing:-0.01em; text-align:left;}
.counselBox .formBox .inquiryRow .checkList .listItem input[type="checkbox"]:checked + label{font-weight:700;}
.counselBox .formBox .inquiryRow .rowItem{display:inline-block; width:calc(50% - 10px); height:80px; position:relative; overflow:hidden;}
.counselBox .formBox .inquiryRow .rowItem input[type="checkbox"]{display:inline-block; width:0; height:0; position:absolute; top:-100px; left:-100px;}
.counselBox .formBox .inquiryRow .rowItem input[type="checkbox"] + label{display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:8px; border:2px solid #fff; font-size:20px; font-weight:700; letter-spacing:-0.01em; line-height:1; color:#222; background:#fff;}
.counselBox .formBox .inquiryRow .rowItem input[type="checkbox"] + label img{display:inline-block; flex-shrink:0; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); margin-right:10px;}
.counselBox .formBox .inquiryRow .rowItem input[type="checkbox"]:checked + label{color:#f28021; border-color:#f28021;}
.counselBox .formBox .inquiryRow .rowItem input[type="checkbox"]:checked + label img{filter:unset;}
.counselBox .formBox .inquiryRow .rowItem button{width:100%; height:80px; border-radius:8px; background:#f28021; font-size:24px; font-weight:700; letter-spacing:-0.01em; line-height:80px; color:#fff;}
.counselBox .formBox select, .counselBox .formBox input[type="number"], .counselBox .formBox input[type="text"]{display:block; width:100%; height:80px; border-radius:8px; border:0; padding:25px 35px; background:#fff; box-sizing:border-box; font-family:inherit; font-size:20px; font-weight:500; letter-spacing:-0.01em; text-align:left;}
.counselBox .formBox select{appearance:none; background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); background-repeat:no-repeat; background-position:right 1.2em top 50%; background-size:0.65em auto;}
.counselBox .formBox textarea{display:block; width:100%; height:160px; border-radius:8px; border:0; padding:25px 35px; background:#fff; box-sizing:border-box; font-family:inherit; font-size:20px; font-weight:500; letter-spacing:-0.01em; line-height:1.4; text-align:left; resize:none;}

@media (max-width:1180px) {
	.currentCounsel{padding:60px 30px 130px 30px;}
}


@media (max-width:1000px) {
	.visualBox{padding-bottom:50px;}
	.visualBox video.pcOnly{display:none;}
	.visualBox video.mobileOnly{display:block;}
	.visualBox .textBox{padding:0 30px;}
	.visualBox .textBox::after{height:15vh; margin-top:30px;}
	/* .visualBox .textBox p{font-size:34px;} */
	.visualBox .visualScroll{bottom:60px;}
	.visualBox .inBg{background-position:60% center;}
	.visualBox .volumeControl{width:190px; bottom:unset; top:50%; transform:translate(-50%, -50%); margin-top:110px;}
	.visualBox .volumeControl .controlText{font-size:21px;}

	@keyframes scroll {
		0% {bottom:60px;}
		100% {bottom:80px;}
		0% {bottom:60px;}
	}

	.award{width:calc(100% - 50px); padding:120px 0;}
	.award .awardList{margin-top:55px;}
	.award .awardList li{font-size:29px;}
	.award .awardList li + li{margin-top:15px;}

	.understanding{padding:120px 0;}
	.understanding .inList{width:calc(100% - 50px); margin:0 auto -60px auto;}
	.understanding .inList .inItem{width:calc(50% - 25px); margin:0 0 60px 0;}
	.understanding .inList .inItem:nth-child(2){margin-left:50px;}
	.understanding .inList .inItem:last-child{width:100%;}
	.understanding .inList .inItem strong{font-size:30px; margin-bottom:35px;}
	.understanding .inList .inItem p{font-size:24px;}

	.mainSection{padding:130px 0;}
	.mainSection.padding1{padding:110px 0;}
	.mainSection.padding2{padding:175px 0;}
	.mainSection .inContent{width:calc(100% - 50px);}

	.sectionTitle{margin-bottom:75px;}
	.sectionTitle .smallText{font-size:30px; margin-bottom:23px;}
	.sectionTitle h2, .sectionTitle p{font-size:52px;}

	.imgBox1 .boxItem{max-width:calc(50% - 15px);}
	.imgBox1 .boxItem + .boxItem{margin-left:30px;}
	.imgBox1 .boxItem .inText{font-size:37px; margin-top:30px;}

	.subText1{font-size:28px; margin-top:20px;}
	.subText2{font-size:26px; line-height:40px; margin-top:25px; margin-bottom:73px;}

	.imgList{width:calc(100% - 50px); margin:0 auto -30px auto;}
	.imgList .listItem{width:calc(50% - 15px); max-width:420px; margin:0 30px 30px 0;}
	.imgList .listItem:nth-child(2n){margin-right:0;}

	.textList{width:calc(100% - 50px); margin:0 auto -15px auto;}
	.textList .listItem{width:calc((100% - 30px) / 3); border-radius:10px; box-shadow:2px 2px 7px rgba(0,0,0,.16); padding:44px 0 53px 0; margin:0 15px 15px 0;}
	.textList .listItem:nth-child(3),.textList .listItem:nth-child(5){margin-right:0;}
	.textList .listItem img{margin-bottom:30px;}
	.textList .listItem dl dt{font-size:34px; margin-bottom:15px;}
	.textList .listItem dl dd{font-size:24px;}

	.contentBox{flex-wrap:wrap;}
	.contentBox .textBox{padding:60px; margin-left:50px; margin-top:-150px; width:100%;}
	.contentBox .textBox dt{font-size:52px; margin-bottom:25px;}
	.contentBox .textBox dd{font-size:28px;}

	.bnBox{display:block; border-radius:150px; font-size:28px; margin-top:15px; padding:64px 80px;}
	.bnBox img{display:inline; margin-top:5px; margin-right:5px;}
	.bnBox p{display:inline;}

	.serviceList{justify-content:center; margin-bottom:-40px;}
	.serviceList .listItem{width:100%; border-radius:20px; padding:75px 30px 230px 30px; margin:0 0 40px 0;}
	.serviceList .listItem dl{padding-bottom:35px;}
	.serviceList .listItem dl dt{font-size:32px;}
	.serviceList .listItem dl dt strong{font-size:44px; margin-bottom:25px;}
	.serviceList .listItem dl dd{font-size:24px; margin-top:25px;}
	.serviceList .listItem .imgBox{bottom:40px; right:30px;}

	.imgTextList{width:calc(100% - 50px); justify-content:space-between; margin:0 auto -30px auto;}
	.imgTextList li{width:calc(50% - 15px); border-radius:17px; margin:0 0 30px 0;}
	.imgTextList li dl{top:25%; padding:0 10px;}
	.imgTextList li dl dt{font-size:40px; margin-bottom:20px;}
	.imgTextList li dl dd{font-size:27px;}
	.imgTextList li img{display:block; width:100%; height:auto;}

	.bnBox2{padding:80px 30px 60px 30px;}
	.bnBox2 dl dt{font-size:52px;}
	.bnBox2 dl dt strong{font-size:64px;}
	.bnBox2 dl dd{font-size:26px; margin-top:15px;}

	.currentCounsel{flex-wrap:wrap; justify-content:center; align-content:flex-start; padding:60px 25px 130px 25px;}
	.currentCounsel .counselWaiting{width:100%; max-width:none; padding-top:0;}
	.currentCounsel .counselWaiting .inTitle{font-size:52px;}
	.currentCounsel .counselWaiting strong{font-size:150px; margin-top:40px;}
	.currentCounsel .counselWaiting .progressBar{max-width:550px; height:50px; border-radius:25px; margin:70px auto 0 auto;}
	.currentCounsel .counselWaiting p{font-size:32px; margin-top:40px;}
	.currentCounsel .counselBoard{width:100%; max-width:800px; margin-left:0; margin-top:100px;}
	.currentCounsel .counselBoard .inTitle{font-size:34px;}
	.currentCounsel .counselBoard .inTitle i{width:46px; height:42px; margin-right:15px;}
	.currentCounsel .counselBoard .boardListBox{width:calc(100% - 60px); height:310px; margin:30px auto 0 auto;}
	.currentCounsel .counselBoard .boardList li{font-size:24px;}
	.currentCounsel .counselBoard .boardList li .listName{width:100px;}
	.currentCounsel .counselBoard .boardList li .listState{margin-left:10px; width:100px;}
	.currentCounsel .counselBoard .boardList li .listState span{height:42px; font-size:22px;}

	.counselBox{padding:175px 0;}
	.counselBox .inBox{flex-wrap:wrap; justify-content:center; align-content:flex-start; width:calc(100% - 50px);}
	.counselBox .textBox{flex-shrink:unset; margin-right:0; margin-bottom:60px; text-align:center;}
	.counselBox .textBox .bigText{margin-bottom:47px;}
	.counselBox .textBox .middleText{font-size:34px;}
	.counselBox .textBox .middleText strong{font-size:52px; margin-top:17px;}
	.counselBox .textBox .contactText{margin-top:30px; padding-top:28px;}
	.counselBox .textBox .contactText::before{display:none;}
	.counselBox .textBox .contactText p{font-size:26px;}
	.counselBox .textBox .contactText p + p{margin-top:20px;}
	.counselBox .textBox .contactText p span{color:#f28021;}
	.counselBox .formBox{max-width:800px;}
	.counselBox .formBox .inquiryRow{border-radius:10px;}
	.counselBox .formBox .inquiryRow + .inquiryRow{margin-top:20px;}
	.counselBox .formBox .inquiryRow .checkTitle{font-size:24px;}
	.counselBox .formBox .inquiryRow .checkList .listItem input[type="checkbox"]{width:24px; height:24px;}
	.counselBox .formBox .inquiryRow .checkList .listItem input[type="checkbox"] + label{font-size:24px;}
	.counselBox .formBox .inquiryRow .rowItem{width:calc(50% - 10px); height:80px;}
	.counselBox .formBox .inquiryRow .rowItem input[type="checkbox"] + label{border-radius:10px; font-size:24px;}
	.counselBox .formBox .inquiryRow .rowItem input[type="checkbox"] + label img{margin-right:10px;}
	.counselBox .formBox .inquiryRow .rowItem button{height:80px; border-radius:10px; font-size:28px; line-height:80px;}
	.counselBox .formBox select, .counselBox .formBox input[type="number"], .counselBox .formBox input[type="text"]{height:80px; border-radius:10px; padding:0 35px; font-size:24px;}
	.counselBox .formBox textarea{height:160px; border-radius:10px; padding:25px 35px; font-size:24px;}
}

@media (max-width:768px) {
	.visualBox{padding-bottom:6.51042vw;}
	.visualBox .textBox{padding:0 3.90625vw;}
	.visualBox .textBox::after{height:15vh; margin-top:3.90625vw;}
	/* .visualBox .textBox p{font-size:4.94792vw;} */
	.visualBox .textBox strong{font-size:9.76563vw;}
	.visualBox .visualScroll{bottom:7.81250vw;}
	.visualBox .visualScroll img{width:4.16667vw; height:auto;}
	.visualBox .volumeControl{width:27.34375vw; height:7.81250vw; padding:0 2.60417vw; border-radius:3.90625vw; margin-top:14.32292vw;}
	.visualBox .volumeControl .controlText{font-size:3.25521vw;}
	.visualBox .volumeControl .volumeIcon{width:3.64583vw; height:3.38542vw;}

	@keyframes scroll {
		0% {bottom:7.81250vw;}
		100% {bottom:10.41667vw;}
		0% {bottom:7.81250vw;}
	}

	.award{width:calc(100% - 6.51042vw); padding:15.62500vw 0;}
	.award .awardList{margin-top:7.16146vw;}
	.award .awardList li{font-size:4.29688vw;}
	.award .awardList li + li{margin-top:3.25521vw;}
	.award .awardList li strong{display:block; margin-top:0.65104vw; line-height:1;}

	.understanding{padding:15.62500vw 0;}
	.understanding .inList{width:calc(100% - 6.51042vw); margin:0 auto -7.81250vw auto;}
	.understanding .inList .inItem{width:calc(50% - 3.25521vw); margin:0 0 7.81250vw 0;}
	.understanding .inList .inItem:nth-child(2){margin-left:6.51042vw;}
	.understanding .inList .inItem strong{font-size:4.42708vw; margin-bottom:4.55729vw;}
	.understanding .inList .inItem .circle{margin:0 auto 5.85938vw auto;}
	.understanding .inList .inItem .circle img{width:24.47917vw; height:auto;}
	.understanding .inList .inItem p{font-size:3.64583vw;}

	.mainSection{padding:16.92708vw 0;}
	.mainSection.padding1{padding:14.32292vw 0;}
	.mainSection.padding2{padding:22.78646vw 0;}
	.mainSection.padding3{padding:18.22917vw 0;}
	.mainSection .inContent{width:calc(100% - 6.51042vw);}

	.sectionTitle{margin-bottom:9.76563vw;}
	.sectionTitle .smallText{font-size:4.42708vw; margin-bottom:2.99479vw;}
	.sectionTitle h2, .sectionTitle p{font-size:7.29167vw;}
	.sectionTitle img{width:auto; height:1em;}

	.imgBox1 .boxItem{max-width:calc(50% - 1.30208vw);}
	.imgBox1 .boxItem + .boxItem{margin-left:2.60417vw;}
	.imgBox1 .boxItem .inText{font-size:5.33854vw; margin-top:3.90625vw;}

	.subText1{font-size:4.16667vw; margin-top:2.60417vw;}
	.subText2{font-size:3.90625vw; line-height:5.72917vw; margin-top:3.25521vw; margin-bottom:9.50521vw;}

	.imgList{width:calc(100% - 6.51042vw); margin:0 auto -3.90625vw auto;}
	.imgList .listItem{width:calc(50% - 1.95313vw); margin:0 3.90625vw 3.90625vw 0; border-radius:1.95313vw;}
	.imgList .listItem:nth-child(2n){margin-right:0;}

	.textList{width:calc(100% - 6.51042vw); margin:0 auto -1.95313vw auto;}
	.textList .listItem{display:flex; justify-content:center; flex-wrap:nowrap; align-items:center;width:100%; border-radius:1.30208vw; box-shadow:0.26042vw 0.26042vw 0.91146vw rgba(0,0,0,.16); padding:5.72917vw 3.90625vw 6.90104vw 3.90625vw; margin:0 0 3.25521vw 0;}
	.textList .listItem img{width:15.62500vw; height:auto; margin-bottom:0; margin-left:3.90625vw; margin-right:7.81250vw;}
	.textList .listItem dl{display:inline-block; flex-grow:1; text-align:left;}
	.textList .listItem dl dt{font-size:4.94792vw; margin-bottom:1.95313vw;}
	.textList .listItem dl dd{font-size:3.64583vw;}
	.textList .listItem dl dd br{display:none;}

	.contentBox .textBox{padding:7.81250vw 6.51042vw; margin-left:6.51042vw; margin-top:-19.53125vw; width:100%;}
	.contentBox .textBox dt{font-size:7.29167vw; margin-bottom:3.25521vw;}
	.contentBox .textBox dd{font-size:4.16667vw;}

	.bnBox{display:block; border-radius:19.53125vw; font-size:4.16667vw; margin-top:1.95313vw; padding:8.33333vw 10.41667vw;}
	.bnBox img{margin-top:0.65104vw; margin-right:0.65104vw;}

	.serviceList{margin-bottom:-5.20833vw;}
	.serviceList .listItem{max-width:none; border-radius:2.60417vw; padding:9.76563vw 3.90625vw 29.94792vw 3.90625vw; margin:0 0 5.20833vw 0; overflow:hidden;}
	.serviceList .listItem dl{padding-bottom:4.55729vw;}
	.serviceList .listItem dl dt{font-size:4.68750vw;}
	.serviceList .listItem dl dt strong{font-size:6.25000vw; margin-bottom:3.25521vw;}
	.serviceList .listItem dl dd{font-size:3.64583vw; margin-top:3.25521vw;}
	.serviceList .listItem .imgBox{bottom:5.20833vw; right:3.90625vw;}
	.serviceList .listItem .imgBox img{width:21.35417vw; height:auto;}

	.imgTextList{width:calc(100% - 6.51042vw); margin:0 auto -3.90625vw auto;}
	.imgTextList li{width:calc(50% - 1.95313vw); border-radius:2.21354vw; margin:0 0 3.90625vw 0;}
	.imgTextList li dl{top:8.46354vw; padding:0 1.30208vw;}
	.imgTextList li dl dt{font-size:5.72917vw; margin-bottom:2.60417vw;}
	.imgTextList li dl dd{font-size:4.03646vw;}
	.imgTextList li dl dd br{display:none;}
	.imgTextList li img{display:block; width:100%; height:auto;}

	.bnBox2{padding:10.41667vw 3.90625vw 7.81250vw 3.90625vw;}
	.bnBox2 dl dt{font-size:7.29167vw;}
	.bnBox2 dl dt strong{font-size:8.85417vw;}
	.bnBox2 dl dd{font-size:3.90625vw; margin-top:1.95313vw;}

	.currentCounsel{padding:7.81250vw 3.25521vw 16.92708vw 3.25521vw;}
	.currentCounsel .counselWaiting .inTitle{font-size:7.29167vw;}
	.currentCounsel .counselWaiting strong{font-size:19.53125vw; margin-top:5.20833vw;}
	.currentCounsel .counselWaiting .progressBar{max-width:calc(100% - 3.90625vw); height:7.16146vw; border-radius:3.58073vw; margin:9.11458vw auto 0 auto;}
	.currentCounsel .counselWaiting p{font-size:4.68750vw; margin-top:5.20833vw;}
	.currentCounsel .counselBoard{margin-top:13.02083vw;}
	.currentCounsel .counselBoard .inTitle{font-size:4.94792vw; padding-bottom:1.95313vw;}
	.currentCounsel .counselBoard .inTitle i{width:5.98958vw; height:5.46875vw; margin-right:1.95313vw;}
	.currentCounsel .counselBoard .boardListBox{width:calc(100% - 7.81250vw); height:42.31771vw; margin:3.90625vw auto 0 auto;}
	.currentCounsel .counselBoard .boardList li{font-size:3.64583vw;}
	.currentCounsel .counselBoard .boardList li .listName{width:14.32292vw;}
	.currentCounsel .counselBoard .boardList li .listState{margin-left:1.30208vw; width:14.32292vw;}
	.currentCounsel .counselBoard .boardList li .listState span{height:5.98958vw; font-size:3.38542vw;}

	.counselBox{padding:22.78646vw 0;}
	.counselBox .inBox{width:calc(100% - 6.51042vw);}
	.counselBox .textBox{margin-bottom:7.81250vw;}
	.counselBox .textBox .bigText{margin-bottom:6.11979vw;}
	.counselBox .textBox .bigText img{width:58.59375vw; height:auto;}
	.counselBox .textBox .middleText{font-size:4.94792vw;}
	.counselBox .textBox .middleText strong{font-size:7.29167vw; margin-top:2.21354vw;}
	.counselBox .textBox .contactText{margin-top:3.90625vw; padding-top:3.64583vw;}
	.counselBox .textBox .contactText p{font-size:3.90625vw;}
	.counselBox .textBox .contactText p + p{margin-top:2.60417vw;}
	.counselBox .formBox .inquiryRow{border-radius:1.30208vw;}
	.counselBox .formBox .inquiryRow + .inquiryRow{margin-top:2.60417vw;}
	.counselBox .formBox .inquiryRow .checkTitle{font-size:3.64583vw; margin-bottom:0.65104vw; padding:1.95313vw 3.25521vw 0 3.25521vw;}
	.counselBox .formBox .inquiryRow .checkList{padding:0 3.25521vw 1.95313vw 3.25521vw;}
	.counselBox .formBox .inquiryRow .checkList .listItem{margin:1.30208vw 1.30208vw 1.30208vw;}
	.counselBox .formBox .inquiryRow .checkList .listItem input[type="checkbox"]{width:3.64583vw; height:3.64583vw; margin:0 0.65104vw 0 0;}
	.counselBox .formBox .inquiryRow .checkList .listItem input[type="checkbox"] + label{font-size:3.64583vw;}
	.counselBox .formBox .inquiryRow .rowItem{width:calc(50% - 1.30208vw); height:10.41667vw;}
	.counselBox .formBox .inquiryRow .rowItem input[type="checkbox"] + label{border-radius:1.30208vw; font-size:3.64583vw;}
	.counselBox .formBox .inquiryRow .rowItem input[type="checkbox"] + label img{width:4.16667vw; height:auto; margin-right:1.30208vw;}
	.counselBox .formBox .inquiryRow .rowItem button{height:10.41667vw; border-radius:1.30208vw; font-size:4.16667vw; line-height:10.41667vw;}
	.counselBox .formBox select, .counselBox .formBox input[type="number"], .counselBox .formBox input[type="text"]{height:10.41667vw; border-radius:1.30208vw; padding:0 4.55729vw; font-size:3.64583vw;}
	.counselBox .formBox textarea{height:20.83333vw; border-radius:1.30208vw; padding:3.25521vw 4.55729vw; font-size:3.64583vw;}

	img[width="76"]{width:auto; height:1.25em;}
}