@charset"utf-8";

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

	/*common--------------------------------*/

	.sp {
		display: block;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}

	.pc {
		display: none;
	}

	section {
		padding: 10.42vw 0;
	}
	
	.hover:hover {
		opacity: 1;
	}

	@keyframes fadeUpAnime{
		0% {
		  opacity: 0;
		  transform: translateY(0);
		}
		50% {
		  opacity: 0;
		  transform: translateY(0);
		}
		100% {
		  opacity: 1;
		  transform: translateY(-22.5vw);
		}
	}

	.sec_ttl {
		padding: 2.42vw 0;
		min-height: 36.23vw;
		margin-bottom: 14.49vw;
		background: #3e7fce url('../img/ico_house.png') center center no-repeat;
		background-size: 26.57vw 29.95vw;
	}
	
	.sec_ttl::after {
		border-right: 14.49vw solid transparent;
		border-top: 9.66vw solid #3e7fce;
		border-left: 14.49vw solid transparent;
		bottom: -9.36vw;
		left: 50%;
	}
	
	.sec_ttl span {
		font-size: 5.8vw;
		line-height: 1.4em;
		text-shadow: 1px 1px 0 #fff,
					-1px -1px 0 #fff,
					-1px 1px 0 #fff,
					1px -1px 0 #fff,
					1px 0 0 #fff,
					-1px  0 0 #fff,
					0 1px 0 #fff,
					0 -1px 0 #fff;
	}
	
	.lead_txt {
		font-size: 4.83vw;
		padding-bottom: 7.25vw;
	}
	
	.plain_txt {
		font-size: 3.62vw;
	}
	
	.btn_container {
		padding-top: 4.83vw;
	}
	
	.btn_container a {
		width: 72.46vw;
		height: 19.32vw;
		font-size: 4.35vw;
		padding-left: 4.83vw;
	}
	
	.btn_container a::after {
		width: 70.05vw;
		height: 19.32vw;
		top: 1.21vw;
		left: 1.21vw;
	}
	
	.btn_container a.post {
		background-image: url('../img/ico_post.png');
		background-position: 10.87vw center;
		background-repeat: no-repeat;
		background-size: 6.28vw 7.49vw;
	}
	
	.btn_container a.assessment {
		background-image: url('../img/ico_search.png');
		background-position: 9.66vw center;
		background-repeat: no-repeat;
		background-size: 7.25vw 7.25vw;
	}
	
	.btn_container a.consl {
		background-image: url('../img/ico_consl.png');
		background-position: 8.45vw center;
		background-repeat: no-repeat;
		background-size: 7.97vw 7.25vw;
	}
	
	.btn_container a:hover {
		top: 1.21vw;
	}

	
	
	/*--------------------------------------*/
	
	/*header*/
	
	/*--------------------------------------*/
	
	header {
		height: 14.49vw;
		padding: 4.83vw 1.62vw 4.83vw 3.63vw;
	}
	
	header .logo_container a {
		width: calc(10.21vw + 12em);
		font-size: 3.62vw;
		align-items: center;
	}
	
	header .logo_obj {
		width: 7.97vw;
		height: 7vw;
		margin-right: 1.12vw;
	}
	
	header .logo_container span {
		font-size: 3.62vw;
	}
	
	header .logo_container em {
		font-size: 2.66vw;
	}
	
	header .sns_list_item {
		padding: 1.12vw 2.24vw 0 1.12vw;
	}
	
	header .sns_list_item .ico_inst {
		width: 5.31vw;
	}
	
	header .sns_list_item .ico_x {
		width: 5.8vw;
	}
	
	header .sns_list_item .ico_line {
		width: 5.8vw;
	}
	
	header .sns_list_item .ico_yt {
		width: 7.73vw;
	}
	
	
	/*--------------------------------------*/
	
	/*mv_container*/
	
	/*--------------------------------------*/
	
	.mv_list_item {
		width: 100%;
		height: 160vw;
		min-height: 160vw;
		max-height: 100vh;
		padding: 14.49vw 0 12.08vw;
	}
	
	.mv_list_item:first-child {
		background: url('../img/mv01_bg.jpg') center bottom no-repeat;
		background-size: cover;
	}
	
	.mv_list_item:first-child .catch {
		width: 98vw;
		max-width: auto;
		max-height: auto;
	}
	
	.mv_list_item:last-child {
		background: url('../img/mv02_bg.jpg') center top no-repeat;
		background-size: cover;
	}
	
	.mv_list_item:last-child .catch {
		width: 98vw;
		max-width: auto;
		max-height: auto;
	}
	
	.slide .slick-dots {
		bottom: 19.32vw;
		height: 8px;
	}
	
	.slide .slick-dots li {
		padding: 0 7px;
	}
	
	.slide .slick-dots button {
		width: 15px;
		height: 15px;
		border-radius: 8px;
	}
	
	
	/*--------------------------------------*/
	
	/*sec01*/
	
	/*--------------------------------------*/
	
	.sec01_container {
		width: 90vw;
		padding: 9.66vw 0 7.25vw;
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	
	.sec01_container .sec01_ttl {
		font-size: 5.78vw;
		line-height: 1.33em;
		letter-spacing: .08em;
		padding-bottom: 4.83vw;
	}
	
	.sec01_container .container {
		width: 85%;
		flex-direction: column-reverse;
		justify-content:center;
		align-items: center;
	}
	
	.sec01_container .container .txt_container {
		width: 100%;
		padding-top: 4.83vw;
	}
	
	.sec01_container .container .img_container {
		width: 70%;
	}
	
	
	/*--------------------------------------*/
	
	/*sec02*/
	
	/*--------------------------------------*/
	
	.sticky_post_list_container {
		display: block;
	}
	
	.sticky_post_list_item {
		width: 100%;
		padding-bottom: 5vw;
	}
	
	.sticky_post_list_item a .sticky_post_ttl {
		width: 95%;
		font-size: 4.35vw;
		bottom: 3vw;
		left: 4vw;
	}
	
	.post_list_container {
		padding: 3.62vw 0;
	}
	
	.post_list_item {
		padding: 3.62vw;
	}
	
	.post_list_item a {
		width: 72.46vw;
		height: 86.96vw;
	}
	
	.post_list_item a .img_container {
		height: 57.97vw;
	}
	
	.post_list_item a .txt_container {
		padding: 2.24vw;
	}
	
	.post_list_item a .post_ttl {
		font-size: 4.35vw;
	}
	
	.carousel .slick_prev {
		width: 4.83vw;
		height: 4.83vw;
		border-bottom: 1.93vw solid #3366ff;
		border-left: 1.93vw solid #3366ff;
		transform: translateX(-45vw) translateY(-50%) rotate(45deg);
		-webkit-transform: translateX(-45vw) translateY(-50%) rotate(45deg);
	}
	
	.carousel .slick_next {
		width: 4.83vw;
		height: 4.83vw;
		border-bottom: 1.93vw solid #3366ff;
		border-right: 1.93vw solid #3366ff;
		transform: translateX(45vw) translateY(-50%) rotate(-45deg);
		-webkit-transform: translateX(45vw) translateY(-50%) rotate(-45deg);
	}
	
	.carousel .slick-dots {
		padding-top: 4.83vw;
	}
	
	
	/*--------------------------------------*/
	
	/*sec03*/
	
	/*--------------------------------------*/
	
	.sec03 {
		padding-top: 0;
	}
	
	.assessment_container {
		width: 90vw;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.assessment_note {
		width: 85vw;
		margin: 0 auto;
		font-size: 3.38vw;
		padding: 0 0 4.83vw 1em;
	}
	
	.btn_list_container {
		width: 90vw;
		margin: 0 auto;
		display: block;
	}

	.btn_list_item + .btn_list_item {
		padding-top: 2.24vw;
	}
	
	
	/*--------------------------------------*/
	
	/*sec04*/
	
	/*--------------------------------------*/
	
	.sec04 {
		background: url('../img/sec04_bg.jpg') center bottom no-repeat;
		background-size: 125% auto;
		padding-top: 0;
	}
	
	.about_txt_container {
		padding: 4.83vw 4.83vw 6.04vw;
		box-sizing: border-box;
		background-color: rgba(62,127,206,.85);
		border-radius: 10px;
		position: relative;
	}
	
	.about_txt_container::after {
		width: calc(100% + 3px);
		height: calc(100% + 3px);
		border: 3px solid rgba(51,51,51,.8);
		top: -6px;
		left: -6px;
	}
	
	.about_txt {
		font-size: 4.35vw;
		font-weight: 500;
		color: #fff;
		text-align: left;
		line-height: 1.5em;
		letter-spacing: .05em;
	}
	
	.about_txt + .about_txt {
		padding-top: 6.04vw;
	}
	
	.about_list_container {
		display: block;
		padding: 12.08vw 0 6.04vw;
	}
	
	.about_list_container dt {
		width: 100%;
		padding-bottom: 7.25vw;
	}
	
	.about_list_container dt span {
		height: 14.49vw;
		line-height: 13vw;
		font-size: 5.31vw;
	}
	
	.about_list_container dt span::after {
		width: calc(100% + 3px);
		height: calc(100% + 3px);
		border: 3px solid rgba(51,51,51,.8);
		top: -6px;
		left: -6px;
	}
	
	.about_list_container dd {
		width: 90vw;
		padding: 4.83vw;
	}
	
	.about_list_container dd + dd {
		margin-top: 4.83vw;
	}
	
	.about_list_container dd::after {
		width: calc(100% + 3px);
		height: calc(100% + 3px);
		border: 3px solid rgba(51,51,51,.8);
		top: -6px;
		left: -6px;
	}
	
	.about_list_container dd .about_list_ttl {
		width: 100%;
		height: auto;
		font-size: 5.8vw;
		padding-bottom: 4.83vw;
	}
	
	.about_list_container dd .img_container {
		height: auto;
		padding-bottom: 4.83vw;
	}
	
	.about_list_container dd:nth-child(2) .about_lit_obj {
		width: 90%;
	}
	
	.about_list_container dd:nth-child(3) .about_lit_obj {
		width: 60%;
	}
	
	.about_list_container dd:nth-child(4) .about_lit_obj {
		width: 90%;
	}
	
	.about_list_container dd .txt_container {
		padding-top: 1.12vw;
	}
	
	.about_list_container dd .txt_container .plain_txt {
		color: #fff;
	}
	
	
	
	/*--------------------------------------*/
	
	/*sec05*/
	
	/*--------------------------------------*/
	
	.accordion_trigger {
		width: 100%;
		padding: 4.83vw 9.66vw 4.83vw 14.49vw;
		margin-bottom: 4.83vw;
		font-size: 4.35vw;
	}
	
	.accordion_trigger::before {
		font-size: 7.73vw;
		left: 4.83vw;
	}
	
	.accordion_trigger::after {
		font-size: 7.73vw;
		right: 2.42vw;
	}
	
	.accordion_target .faq_container {
		width: 100%;
		padding: 4.83vw 4.83vw 4.83vw 14.49vw;
		margin-bottom: 4.83vw;
		font-size: 4.35vw;
	}
	
	.accordion_target .faq_container::before {
		font-size: 7.73vw;
		left: 4.83vw;
	}
	
	
	
	/*--------------------------------------*/
	
	/*sec06*/
	
	/*--------------------------------------*/
	
	.sec06 {
		padding-top: 0;
	}
	
	.recruit_txt {
		font-size: 4.35vw;
		padding-bottom: 4.83vw;
	}
	
	
	/*--------------------------------------*/
	
	/*pagetop_container*/
	
	/*--------------------------------------*/
	
	.pagetop_container {
		bottom: 16.9vw;
		right: 5vw;
	}
	
	.pagetop_container a {
		width: 9.66vw;
		height: 9.66vw;
		border-radius: 4.83vw;
		font-size: 2.42vw;
	}
	
	
	/*--------------------------------------*/
	
	/*aside*/
	
	/*--------------------------------------*/
	
	aside {
		left: 0;
		right: auto;
		top: auto;
		bottom: 0;
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	
	aside .bnr_list_container {
		width: 100vw;
		display: flex;
	}
	
	aside .bnr_container a {
		width: 50vw;
		height: 12.08vw;
		box-shadow: 0 -2px 6px rgba(0,0,0,.3);
		border-radius: 0;
		display: block;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
		font-size: 4.35vw;
		text-align: center;
		line-height: 12.08vw;
		letter-spacing: .1em;
		padding: 0 0 0 3.62vw;
	}
	
	aside .assessment {
		background: #53be53 url('../img/ico_search.png') 7.25vw center no-repeat;
		background-size: 7.17vw 7.17vw;
	}
	
	aside .consl {
		background: #4c6ed5 url('../img/ico_consl.png') 7.25vw center no-repeat;
		background-size: 7.39vw 6.53vw;
	}
	
	aside .bnr_list_item + .bnr_list_item {
		padding-top: 0;
	}
	
	
	/*--------------------------------------*/
	
	/*footer*/
	
	/*--------------------------------------*/
	
	footer {
		padding: 14.49vw 0 24.15vw;
	}
	
	.footer_container {
		width: 90vw;
		padding-bottom: 9.66vw;
		display: block;
	}
	
	.footer_container .logo_container {
		width: 100%;
		text-align: center;
		padding-bottom: 9.66vw;
	}
	
	.footer_container .logo_container em {
		font-size: 3.38vw;
	}
	
	.footer_container .logo_container strong {
		font-size: 6.28vw;
		padding-bottom: 3.62vw;
	}
	
	.footer_container .logo_container span {
		font-size: 3.86vw;
		font-weight: 400;
		line-height: 1.64em;
	}
	
	.footer_container .btn_list_container {
		width: 100%;
		display: block;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.footer_container .btn_list_item:first-child,
	.footer_container .btn_list_item:nth-child(2) {
		width: 72.46vw;
		height: 12.08vw;
		padding: 0 0 7.25vw;
		margin: 0 auto;
	}
	
	.footer_container .btn_list_item:last-child {
		width: 72.46vw;
		height: 12.08vw;
		padding-top: 0;
		margin: 0 auto;
	}
	
	.footer_container .assessment {
		background-image: url('../img/ico_search.png');
		background-position: 9.66vw center;
		background-repeat: no-repeat;
		background-size: 7.25vw 7.25vw;
		font-size: 3.86vw;
		padding-left: 15px;
	}
	
	.footer_container .consl {
		background-image: url('../img/ico_consl.png');
		background-position: 8.45vw center;
		background-repeat: no-repeat;
		background-size: 7.97vw 7.25vw;
		font-size: 3.86vw;
		padding-left: 20px;
	}
	
	.footer_container .one_minute {
		background-image: url('../img/ico_hourglass.png');
		background-position: 8.45vw center;
		background-repeat: no-repeat;
		background-size: 6.52vw 6.52vw;
		font-size: 3.86vw;
		padding-left: 25px;
	}
	
	footer small {
		font-size: 2.9vw;
		line-height: 1.64em;
	}
	





/*-------------------------------------*/
}