@charset "UTF-8";
/* CSS Document */

.pc,.pc-tb { display: none; }
.sp { display: block!important; }

html{scroll-padding-top: 82px;}
.scroll-prevent {
  /*動き固定*/
  position: fixed;
  /*奥行きを管理*/
  z-index: -1;
  /*下2つで背景を元のサイズのまま表示することができる*/
  width: 100%;
  height: 100%;
}

img{width: 100%;}

.container{max-width: 100%!important;}
.row{
	flex-direction: column;
}

.p-tb88{
	padding-top: 56px;
	padding-bottom: 56px;
}
.mb80{margin-bottom: 56px;}
.title{margin-bottom: 40px;}
.new{margin-top: 10px;}

.link_thumbnail_box{
	flex-direction: row;
	justify-content: center;
}
.link_thumbnail_box img.link_thumbnail{
	width: 130px;
	height: 130px;
	margin-right: 24px;
}
.link_thumbnail_box .btn_title{margin-bottom: 16px;}
.link_thumbnail_box .btn_title h3{margin-bottom: 4px;}
.link_thumbnail_box a{
	width: 164px;
	height: 48px;
	padding-left: 16px;
}
.link_thumbnail_box a:after{
	right: 16px;
}
.link_thumbnail_box .link_btn{width: 100%;}

a.btn_square{width: 50px;height: 50px;}
div.btn_square_gray{width: 50px;height: 50px;}

/*==================================================
header css
===================================*/
.header_box{padding: 16px 0;}
.header_l img{width: 120px;}
.header_l p{font-size: 0.9rem; margin-top: 12px;}

/*==================================================
nav css
===================================*/
.hamburger-menu{
	width: 48px;
	height: 48px;
}
.hamburger-menu__bar:first-child {
  top: 14px;
}
.hamburger-menu__bar:nth-child(2) {
  top: 22px;
}
.hamburger-menu__bar:last-child {
  top: 30px;
}
.hamburger-menu--open .hamburger-menu__bar:first-child {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
	top: 22px;
}
.hamburger-menu--open .hamburger-menu__bar:last-child {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	top: 22px;
}
.navigation{
	top:80px;
	padding-bottom: 0px;
	height: 100svh;
	padding-top: 0;
}
.navigation__box{
	height: calc(100svh - 80px);
	 overflow: scroll!important;
}
.navigation__row{
	flex-direction: column;
}
.navigation__row:last-of-type{margin-bottom: 60px;}
.navigation_entry{
	width: 90%;
	margin: 56px auto 32px;
}
.navigation_entry>ul{
	display: flex!important;
	justify-content: flex-start;
	align-items: center;
	margin-top: 16px;
}
.navigation_entry>ul li a{
	width: 80px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration:none;
	color: var(--white);
	font-family: zen-kaku-gothic-new, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.15rem;	
	line-height: 1.3;
}
.navigation_entry>ul li:nth-last-of-type(3){background-color: var(--light-blue); margin-right: 16px;}
.navigation_entry>ul li:nth-last-of-type(2){background-color: var(--blue); margin-right: 16px;}
.navigation_entry>ul li:nth-last-of-type(1){background-color: var(--orange); margin-right: 0;}


.navigation__list{
	width: 90%;
	margin: 0 auto 32px;
}
.list-item-en a span{
	display: list-item;
	margin-left: 0;
}
.navigation__sub a span{margin-left: 24px;}
li.navigation__sub a:before{
	top:14px;
}
.navigation__sub__list li{margin-bottom: 20px;}

/*==================================================
TOP css
===================================*/
/*main*/
main{
	padding-top: 176px!important;
	padding-bottom: 0!important;
	overflow: hidden;
}
main h1{line-height: 1.4;}
main .main_image img{
	width: 140px!important;
	height: 140px!important;
}
main.toppage .main_image .animate:first-of-type img{
	left: -32px!important;
}
main.toppage .main_image .animate:first-of-type img:nth-of-type(1){
	top: 86px!important;
}
main.toppage .main_image .animate:first-of-type img:nth-of-type(2){
	top: 314px!important;
}

main.toppage .main_image .animate:nth-of-type(2) img{
	right: -32px!important;
}
main.toppage .main_image .animate:nth-of-type(2) img:nth-of-type(1){
	top: 314px!important;
}
main.toppage .main_image .animate:nth-of-type(2) img:nth-of-type(2){
	top: 86px!important;
}

/*info 新着情報*/
#info{
	flex-direction: column;
	align-items: center;
	padding: 0 20px 24px;
}
#info h2{
/*	border-right: none;*/
	padding: 0;
	margin-top: 24px;
	margin-bottom: 16px;
}
#info .info_topics{
	width: 100%;
	border-left: none;
	padding-left: 0;
}
#info .info_topics_box{
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 16px;
}
#info .info_topics_box a{
	margin-top: 8px;
	white-space: wrap;
	overflow: visible;
}
#info .arrow_box{margin-bottom: 24px;}
#info .prev-arrow{transform: rotate(180deg);}
#info .next-arrow{transform: rotate(0deg);}

#info .link_btn a{
	height: 48px;
}

/*about*/
#about{
	background-image: url("../images/bg_about_m.png");
}
#about h3{line-height: 1.6;}
#about h3:before , #about h3:after{
	width: 20px;
	height: 72px;
	background-image: url("../images/about_deco_m.png");
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#about .slogan{
/*	text-align: left;*/
	margin-top: 40px;
}
#about .slogan h2{
	line-height: 1.5;
	margin-bottom: 8px;
}


/*経営理念*/
#philosophy .philosophy_box img{
	width: 220px;
	margin-bottom: 24px;
}


/*心ある行動指針*/
#guidelines{
	margin: 0 auto;
}
#guidelines .container{
	padding: 0 20px;
}
#guidelines .slider_guidelines{
	margin: 0 auto;
	padding: 0 16px;
	position: relative;
}
#guidelines .slider_guidelines .guidelines_box_l{
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
}
#guidelines .slider_guidelines .guidelines_box_r{
	width: 100%;
	flex-direction: column-reverse;
	align-items: flex-end;
}

#guidelines .guidelines_box .img_box{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 24px;
}
#guidelines .guidelines_box .img_box img{
	width: 160px;
	height: auto;
}
#guidelines .guidelines_box_l .img_box img{
	margin-right: 16px;
}
#guidelines .guidelines_box_r .img_box img{
	margin-left: 16px;
}
#guidelines .guidelines_box_l .guidelines_text, #guidelines .guidelines_box_r .guidelines_text{width: 100%;}
#guidelines .guidelines_box_l .guidelines_text{
	margin-left: 0px;
}
#guidelines .guidelines_box_r .guidelines_text{
	margin-right: 0px;
}
#guidelines .slick-arrow{
	top: 152px;
	opacity: 1;
	position: absolute;
	z-index: 8;
}
#guidelines .prev-arrow{
	width: 44px;
	height: 80px;
	left: -8px;
	padding-right: 24px;
}
#guidelines .next-arrow{
	width: 44px;
	height: 80px;
	right: -8px;
	padding-left: 24px;
}
#guidelines ul.slick-dots {
	bottom: -15px;
	left: 2%;
}

#guidelines .slick-dots li{
	width: 16px!important;
}
#guidelines .slick-dots li button{
	width: 16px!important;
}
#guidelines .slick-dots li button:before{
	width: 6px!important;
	height: 6px!important;
	border-radius: 3px;
	background: var(--gray);
	opacity: 0.5;
}
#guidelines .slick-dots li.slick-active button:before{
	background: var(--black);
	opacity: 1;
}
.slick-dots li button::before {
	content: ''!important;
}

/*事業紹介*/
#business .row{
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 40px;
}
#business .business_box{
	width: 48%;
	margin-right: 0;
}
#business .business_box:nth-of-type(1){margin-bottom: 40px;}
#business .business_box:nth-of-type(2){margin-bottom: 40px;}

#business img{
	width: 130px;
	margin: 0 auto;
}
#business .container>p{
	line-height: 1.8;
}

/*アスカネットで働く*/
#working h3{
	margin-top: 0;
	margin-bottom: 4px;
}
#working .link_otherpage{
	max-width: 375px;
	margin-left: auto;
	margin-right: auto;
}
#working .link_thumbnail_box{
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}
#working .link_btn_box{
	justify-content: flex-start;
	align-items: flex-start;
	width: calc(100% - 154px);
}
#working .link_bg_icon_box{width: 100%; margin-bottom: 32px;}
#working .link_bg_icon_box:last-of-type{margin-bottom: 0;}
#working .link_bg_icon{
	flex-direction: column;
/*	flex-wrap: wrap;*/
	justify-content: center;
	max-width: 375px;
	margin-left: auto;
	margin-right: auto;
}
#working .bg_icon_title{
	background-size: 100px 100px;
	padding-top: 24px;
	padding-bottom: 0px;
	height: 100px;
	margin-bottom: 16px;
}

/*アスカネットのこれまでとこれから*/
#story .row{
	max-width: 375px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
#story .story_box{
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 24px;
}
#story .story_box:last-of-type{
	margin-bottom: 0;
}
#story .story_box img{
	width: 100px;
}
#story .story_box_title{
	margin-left: 16px;
	margin-bottom: 0;
	width: calc(100% - 174px);
	text-align: left;
}
#story h4{
	margin-top: 0;
}

/*MOIVE*/
#movie .movie_box{
	margin-left: auto!important;
	margin-right: auto!important;
}
#movie .movie_box:last-of-type{margin-bottom: 0;}

/*ENTRY*/
#entry .row{
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}
#entry .entry_btn{
	width: 100%;
	height: 70px;
}
#entry .entry_btn a{
	width: 100%;
	height: 100%;
}
#entry .link_text{margin-top: 48px;}

/*footer*/
.footer_bg_white h4{ margin-bottom: 40px;}
.footer_link_tab:first-of-type{margin-right: 0; margin-bottom: 24px;}

.footer_bg_blue{padding-top: 56px;}
a.link_logo img{width: 210px;}

.copyright{margin-top: 120px;}
.footer_bg_blue .privacy{
	right: inherit;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.footer_bg_blue .isms{
	right: inherit;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*==================================================
下層ページ 共通 css
===================================*/
.subpage .wave{padding-bottom: 80px;}
/*下層　ページタイトル 帯*/
main.subpage .title_jp p{
	padding-top: 40px;
	margin-bottom: 16px;
}
main.subpage .title_jp h1{
	padding-bottom: 40px;
}

/*下層ページメインビジュアル*/
main.subpage{
		padding: 82px 0 0!important;
	}
main.subpage .subpage_main_box{
	flex-direction: column;
}
main.subpage_realphoto .subpage_main_box{
	flex-direction: column-reverse;
}
main.subpage .subpage_main_box .subpage_main_box_text{
	margin-top: 24px;
}
main.subpage .subpage_main_box h2{margin-bottom: 32px;}
main.subpage .subpage_main_box img{
	max-width: 280px;
	height: auto;
	margin: 0 auto;
}
main.subpage_illustration .subpage_main_box{
	background-size: 280px 280px;
	background-position: top center;
	min-height: 280px;
}
main.subpage_illustration .subpage_main_box a:before{
	top: 4px;
}
main.subpage_illustration .subpage_main_box li a span.pagelink_title{
	padding-top: 4px;
}

.topics_subtitle_box_img{ flex-wrap: wrap;}
.img_plus_caption, .topics_subtitle_box_img>img{width: 100%; margin-bottom: 16px; margin-right: 0;}
.img_plus_caption img{width: 100%;}
.img_plus_caption:last-of-type, .topics_subtitle_box_img img:last-of-type{margin-bottom: 0;}
p.topics_text + img{margin-top: 32px;}

.topics_title{padding-top: 30px;}
.topics_title:before{width: 130px; height: 130px;}
.topics_title_plus_photo{
	padding-top: 72px;
}
.topics_title_plus_photo:before{
	top: 42px;
}

/*下層ページ パンくず*/
#topic-path ul{flex-wrap: wrap;}


@media print, screen and (max-width: 374px) {
	.link_thumbnail_box a{width: 100%;}
	#about h3{padding-left: 32px; padding-right: 24px;}
	#about .container>p{
		text-align: left;
	}
	#about .slogan{
		text-align: left;
	}
	#guidelines .guidelines_box .img_box{flex-direction: column;}
	#guidelines p.guidelines_number{margin-bottom: 0;}
}
@media print, screen and (max-width: 300px) {
	main .main_image img{
		width: 120px!important;
		height: 120px!important;
	}
	main.toppage .main_image .animate:first-of-type img:nth-of-type(1),main.toppage .main_image .animate:nth-of-type(2) img:nth-of-type(2){
		top: 96px!important;
	}
	main.toppage .main_image .animate:first-of-type img:nth-of-type(2),main.toppage .main_image .animate:nth-of-type(2) img:nth-of-type(1){
		top: 324px!important;
	}
}