@charset "Shift_JIS";







/* for - 1209px
=========================================================================================== */

@media screen and (max-width: 1209px) {
	/* ------ New Graduate ------*/
	.js-SectionNav {
		right: 20px;
	}
}

/* for - 994px
=========================================================================================== */

@media screen and (max-width: 994px) {
	/* ------ Recruit ------*/
	.JS .ContentsLinkWrap.ContentsLinkWrapRecruit .ContentsLinkTitle {
		padding-right: 66px;
	}
	.JS .ContentsLinkWrap.ContentsLinkWrapRecruit .ContentsLinkBranding .ContentsLinkTitle {
		font-size: 40px;
	}
	
	
	/* ------ New Graduate ------*/
	.JS .STbr994 {
		display: block;
	}
	.JS .NewGraduateContents #Contents {
		padding-right: 0;
		padding-left: 0;
	}
	.JS .NewGraduateContents .GridSet {
		width: 100%;
		max-width: 90%;
		margin-right: auto;
		margin-left: auto;
	}
	.JS .TitleNewGraduate {
		font-size: 14px;
	}
	.JS .TitleNewGraduate__sub {
		font-size: 12px;
	}
	.JS .ScrollNewGraduate {
		margin-top: 40px;
	}
	.JS .js-SectionNav {
		display: none;
	}
	.JS .PageSection--person__contents {
		max-width: 100%;
	}
	.JS .PageSection--person__contents ul {
		display: block;
	}
	.JS .PageSection--person__contents ul li {
		margin-right: auto;
		margin-bottom: 16px;
		margin-left: auto;
	}
	.JS .PageKV {
		height: 327px;
	}
	.JS .PageKVTitleBoxText {
		padding: 12px 26px;
	}
	.JS .PageKVTitleText {
		font-size: 40px;
	}
	.JS .PageSection--crosstalk__contents {
		display: block;
	}
	.JS .PageSection--crosstalk__img {
		position: static;
		max-width: none;
		margin: 0 calc(50% - 50vw) 40px;
		width: 100vw;
	}
	.JS .PageSection--crosstalk--message__txt {
		max-width: 100%;
	}
	.JS .PageSection--crosstalk:nth-of-type(2n) dl {
		margin-left: auto;
	}
	.JS .PageSection--crosstalk:nth-of-type(2n+1) dl {
		margin-right: auto;
	}
	.JS .PageSection--crosstalk:nth-of-type(2n) .PageSection--crosstalk--message__txt {
		order: 0;
		margin-right: 0;
	}
	.JS .PageSection--crosstalk:nth-of-type(2n+1) .PageSection--crosstalk--message__txt {
		order: 0;
		margin-left: 0;
	}
	.JS .PageSection--crosstalk__contents--bottom dl {
		max-width: 100%;
	}
	.JS .PageSection--crosstalk__contents--bottom dl:nth-of-type(2n) {
		margin-left: auto;
	}
	.JS .PageSection--crosstalk__contents--bottom dl:nth-of-type(2n) dt {
		order: 1;
		margin-right: 20px;
		margin-left: 0;
	}
	.JS .PageSection--crosstalk__contents--bottom dl:nth-of-type(2n) dd {
		order: 2;
	}
	.JS .CatchCopyNewGraduate {
		font-size: 62px;
	}
	.JS .CatchCopyNewGraduateSub {
		width: 100%;
		max-width: 260px;
		margin: 24px auto 0;
	}
	.JS .CatchCopyNewGraduate::after {
		margin-top: -33px;
	}
	.JS .SectionBlock {
		max-width: 40%;
	}
	.JS .SectionBlock.is-single {
		max-width: 100%;
	}
	.JS .SectionWrap--Message .SectionBlock {
		max-width: 100%;
	}
	.JS .SectionWrap--Women .SectionBlock {
		max-width: 51%;
	}
	.JS .SectionWrap--Women .SectionBlock--text {
		max-width: 49%;
	}
	.JS .SectionBlock--text {
		max-width: 60%;
	}
	.JS .WorkBlock {
		height: 416px;
	}
	.JS .WorkBlockItem {
		width: 220px
	}
	.JS .WorkBlockItem01 {
		top: 0;
		left: 0;
	}
	.JS .WorkBlockItem02 {
		left: 31%;
		width: 260px;
	}
	.JS .WorkBlockItem04 {
		left: 84px;
		width: 260px;
	}
	.JS .WorkBlockItem05 {
		right: 40px;
		width: 260px
	}
	.JS .WorkImage .sp_only {
		margin: 0 auto;
	}
	.JS .SectionTitle {
		font-size: 40px;
	}
	.JS .PageCoverTitleMain {
		font-size: 40px;
	}
	.JS .FieldBlockText {
		font-size: 26px;
	}
	.JS .PageSectionBlock--upper_right_pc {
		display: none;
	}
	.JS .PageSectionBlock--upper_right_sp {
		display: block;
	}
	.JS .js-slickButtonWrapPage {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.JS .js-slickArrowBottom {
		right: 0;
	}
	.JS .js-slickArrowPrevBottom {
		right: auto;
		left: 0;
	}
	.JS .PageSectionBlock--upper_right {
		margin-bottom: 54px;
		text-align: center;
	}
	.JS .PageSectionBlock--upper_right {
		margin-bottom: 54px;
		text-align: center;
	}
	.JS .js-slickPage .slick-list {
		max-width: 100%;
	}
	.JS .js-slickPage .slick-list img {
		margin-right: auto;
		margin-left: auto;
	}
	.JS .FieldArrow {
		bottom: -45px;
		max-width: 105px !important;
    	height: 141px !important;
	}
	.JS .EnvironmentContainer {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.JS .EnvironmentItem:nth-child(3n+1) {
		margin-left: 15px;
	}
	.JS .EnvironmentItem:nth-child(2n+1) {
		margin-left: 0;
	}
	.JS .PageSectionTextBoxListItem {
		padding-left: 6em;
	}
	.JS .PageSectionTextBox_right dl dt {
		max-width: 19%;
	}
	.JS .PageSectionTextBox_right dl dd {
		max-width: 76%;
	}
	.JS .PageTextBoxBGText {
		bottom: -58px;
		right: -3px;
		font-size: 100px;
	}
	.JS .GuidelineHeading img {
		margin-right: 2rem;
	}
	.JS .FAQTitle {
		font-size: 24px;
		padding-right: 60px;
	}
	.JS .FieldHeading {
		font-size: 26px;
	}
	
	.JS .prideContainer {
		width: 100%;
		max-width: 716px;
		margin: 0 auto;
	}	
	.JS .pride_item:nth-of-type(4n+1) {
		margin-left: 28px;
	}
	.JS .pride_item:nth-of-type(3n+1) {
		margin-left: 0;
	}
	
	.JS .PrideBG::after {
		height: calc(410 / 994 * 100vw);
	}
	.JS .p-pride__wrap__list__item {
		max-width: 20%;
	}
	
	.JS .p-member__wrap__item {
		max-width: 47%;
	}
	
	.JS .PageCoverTitleNumber {
		top: 2px;
		right: -14px;
		font-size: 80px;
	}
	.JS .interview_sec__img {
		position: static;
		right: auto;
		left: auto;
		width: 100vw;
		max-width: none;
		margin: 0 calc(50% - 50vw);
		text-align: center;
	}
	.JS .interview_sec__textBox {
		margin-top: -61px;
		margin-right: 0;
		margin-left: 0;
		padding: 34px 18px 30px 19px;
	}
	.JS .VisionTextBlockHeading {
		font-size: 28px;
	}
	.JS .VisionTextBlockHeadingSub {
		font-size: 22px;
	}

	.JS .SectionWrap--recruit .ContentsLinkWrap .ContentsLink .ContentsLinkTitle {
		font-size: 24px;
	}
	.JS .PageCover--pride {
		background-position: center right 20%;
	}


	.JS .women__data__contents {
		display: block;
	}
	.JS .women__data__contents__img {
		max-width: 470px;
		margin: 0 auto 8px;
	}
	.JS .women__support__compatible {
		width: 100%;
		max-width: 613px;
		margin: 20px auto 0;
	}
	.JS .women__support__compatible__item {
		margin-right: 63px;
	}
	.JS .women__support__compatible__item:nth-child(2n) {
		margin-right: 0;
	}
	.JS .women__support__compatible__item:last-child {
		margin-right: 0;
	}
	.JS .women__support__compatible__item:nth-child(4) {
		margin-bottom: 23px;
	}
	.JS .women__heading--career::before {
		max-width: 80%;
	}
	.JS .InterviewKVbg01w span {
		background-position: top 28% left 40%;
	}
	.JS .InterviewKVbg02w span {
		background-position: top 28% left 40%;
	}
	.JS .PageSection--movie {
		padding-top: 80px;
		padding-bottom: 30px;
	}
	
	.recruit_main_tittle{
		font-size: 50px;
		padding-bottom: 15px;
	}
	.hero_tittle {
		font-size: 35px;
		padding-bottom: 5px;
	}
}

/* for - 795px
=========================================================================================== */

@media screen and (max-width: 795px) {
	/* ------ New Graduate ------*/
	.JS .prideContainer {
		max-width: 467px;
	}
	.JS .pride_item:nth-of-type(3n+1) {
		margin-left: 28px;
	}
	.JS .pride_item:nth-of-type(2n+1) {
		margin-left: 0;
	}
	.JS .VisionTextBlockHeading {
		font-size: 26px;
	}
	.JS .VisionTextBlockHeadingSub {
		font-size: 20px;
	}

	.JS .hero_tittle {
		font-size: 30px;
		padding-bottom: 15px;
		text-align: center;
	}
	.recruit_main_img{
		position: relative;
	}
	.recruit_main_tittle_sp{
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.recruit_main_tittle{
		display: none;
	}
	.heroContents_container {
		position: static;
		transform: none;
		background-color: #333;
    	padding: 30px 0px;
	}
}


/* for - 767px
=========================================================================================== */

@media screen and (max-width: 767px) {
	/* ------ Recruit ------*/
	.JS .SectionRecruitInner {
		width: 100%;
		max-width: 90%;
		margin: 0 auto;
	}
	.JS .ContentsLinkWrap.ContentsLinkWrapRecruit .ContentsLink {
		max-width: 100%;
	}
	.JS .ContentsLinkWrap.ContentsLinkWrapRecruit .ContentsLink:nth-last-child(2) {
		margin-bottom: 25px;
	}
	.JS .ContentsLinkWrap.ContentsLinkWrapRecruit .ContentsLinkTitle {
		font-size: 24px;
	}
	.JS .ContentsLinkWrap.ContentsLinkWrapRecruit .ContentsLinkBranding .ContentsLinkTitle {
		font-size: 32px;
	}
	.JS .RecruitContact {
		display: block;
	}
	.JS .RecruitContactLeft {
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.JS .RecruitContactRight {
		max-width: 100%;
	}
	.JS .RecruitContactStaff {
		text-align: left;
	}
	.JS .RecruitContactNumber {
		font-size: 36px;
	}
	.JS .RecruitContactNumber::before {
		font-size: 32px;
	}
	.JS .RecruitContactTittle{
		margin: 0 auto;
	}
	
	




	/* ------ New Graduate ------*/
	.JS .pc_only {
		display: none;
	}
	.JS .sp_only {
		display: block;
	}
	.JS span.ShowRWD {
		font-family: '?申?申?申C?申?申?申I',Meiryo,'?申q?申?申?申M?申m?申p?申S Pro W3','Hiragino Kaku Gothic Pro','?申l?申r ?申o?申S?申V?申b?申N',Arial,Helvetica,sans-serif;
	}
	.JS .NewGraduateContents {
		font-size: 14px;
	}
	.JS .NewGraduateContents #Contents {
		padding-right: 0;
		padding-left: 0;
	}
	.JS .js-SectionNav {
		display: none;
	}
	.JS .br_sp {
		display: block;
	}
	.JS .NewGraduateContents #TopicPath {
		/* height: auto; */
		/* padding-top: 9.5px;
		padding-bottom: 9.5px; */
	}
	.JS #TopicPath.TopicPathNewGraduate {
		line-height: normal;
	}
	.JS .NewGraduateContents table th, .NewGraduateContents table td {
		display: block;
	}
	.JS .NewGraduateContents table th {
		width: 100%;
	}
	.JS .NewGraduateContents .GridSet {
		/* display: block; */
	}
	.JS .TopicPathEntry {
		position: absolute;
		top: 0px;
		right: 50px;
	}
	.JS a.TopicPathEntry:nth-of-type(2){
		position: absolute;
		top: 0px;
		right: 158px;
		padding-right: 27.03px;
		padding-left: 27.03px;
		margin-left: 1px;
		background-color: #e60027;
		color: #fff !important;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 0.05em;
		line-height: 50px;
		text-decoration: none !important;
		text-transform: uppercase;
		transition: all .5s;
	}
	.JS .TopicPathMenuButton {
		position: absolute;
		top: 0;
		right: 0;
	}
	.JS .TopicPathMenuNewGraduateList {
		padding-right: 20px;
		padding-left: 20px;
	}
	.JS .TopicPathMenulv2 {
		padding: 0 0 30px 33px !important;
	}
	.JS .TopicPathMenulv2Inner {
		display: block;
	}
	.JS .TopicPathMenulv2Item {
		padding: 6px 0;
	}
	.JS .TopicPathMenuNewGraduateLink {
		height: 60px;
		padding: 0 40px 0 15px;
		font-size: 16px;
	}
	.JS .IconPlus, .IconArrow {
		width: 20px;
		height: 20px;
		margin-top: -10px;	
	}
	.JS .IconPlus::before {
		top: 9px;
		left: 0px;
		width: 16px;
		height: 2px;
	}
	.JS .IconPlus::after {
		top: 2px;
		left: 7px;
		width: 2px;
		height: 16px;
	}
	.JS .IconArrow {
		top: 56%;
		right: 18px;
		width: 14px;
		height: 14px;
	}
	.JS .MainVisualImg {
		display: none;
	}
	.JS .MainVisualImgsp {
		display: block;
		height: 100% !important;
		max-height: 79vw;
	}
	.JS .CatchCopyNewGraduateWrap {
		top: 430px;
		left: 0;
		transform: none;
	}
	.JS .CatchCopyNewGraduate {
		font-size: 30px;
	}
	.JS .CatchCopyNewGraduatePride {
		font-size: 50px;
	}
	.JS .CatchCopyNewGraduateSub {
		margin-top: 10px;
		max-width: 206px;
	}
	.JS .CatchCopyNewGraduate::after {
		margin-top: -28px;
	}
	.JS .TitleNewGraduate {
		padding: 9.5px 0;
		font-size: 14px;
		line-height: 1;
	}
	.JS .TitleNewGraduate__sub {
		display: block;
		padding-left: 0;
		font-size: 12px;
		line-height: 1;
	}
	.JS .ScrollNewGraduate {
		font-size: 14px;
	}
	.JS .ScrollNewGraduate::before {
		width: 13px;
		height: 13px;
	}
	.JS .NewGraduateContents .GridSet {
		/* display: block; */
		width: 100%;
		max-width: 90%;
		margin-right: auto;
		margin-left: auto;
	}
	.JS .SectionContainer {
		display: block;
		margin-bottom: 45px;
	}
	.JS .SectionBlock {
		max-width: 100%;
	}
	.JS .SectionWrap--Women .SectionBlock {
		max-width: 100%;
	}
	.JS .SectionWrap--Women .SectionBlock--text {
		max-width: 100%;
	}
	.JS .SectionTitle {
		margin-top: 0;
		font-size: 36px;
	}
	.JS .SectionTitle::before {
		height: 90px;
		margin-right: 15px;
	}
	.JS .SectionWrap--Message .SectionTitle::before {
		margin-right: auto;
	}
	.JS .SectionTitleText {
		margin-bottom: 0;
	}
	.JS .NewGraduateContents h2 .SectionTitleSub {
		margin-top: 12px;
		font-size: 17px;
		line-height: 1;
	}
	.JS .SectionText--right {
		text-align: left;
	}
	.JS .SectionCopy {
		font-size: 24px;
	}
	.JS .SectionCopySub {
		width: 100%;
		max-width: 236px;
		margin: 8px auto 0;
		font-size: 18px;
	}
	.JS .SectionImg {
		width: 100%;
		height: 360px;
	}
	.JS .SectionWrap--Pride {
		margin-top: -212px;
	}
	.JS .PrideBG::after {
		height: calc(100% - 212px);
	}
	.JS .p-pride__wrap {
		margin-bottom: 36px;
	}
	.JS .p-pride__wrap__list--pc {
		display: none;
	}
	.JS .p-pride__wrap__list--sp {
		display: block;
		max-width: 280px;
	}
	.JS .STpageTop:hover {
		background-color: #333;
	}
	.JS .STpageTop:hover.STpageTop a::before  {
		transform: translate(0, 5px) rotate(-45deg);
	}
	.JS .PageKV {
		height: 182px;
	}
	.JS #crosstalk .PageKVTitle--pc {
		display: none;
	}
	.JS #crosstalk .PageKVTitle--sp {
		display: block;
		margin-top: -77px;
	}
	.JS #crosstalk .PageKVTitle--sp::after {
		content: "";
		display: block;
		width: 100%;
		max-width: 50px;
		height: 1px;
		margin: 22px auto 30px;
		background-color: #999999;
	}
	.JS .PageKVTitleText {
		font-size: 26px;
	}
	.JS .PageKVTitleSub {
		max-width: 220px;
		margin-bottom: 20px;
	}
	.JS .PageKVTitleBoxText {
		padding: 1px 22px;
		font-size: 16px;
	}
	.JS .PageSection--crosstalk h2,.JS .PageSection--person h2 {
		margin-bottom: 18px;
		font-size: 24px;
	}
	.JS .PageSection--crosstalk h2::before {
		height: 50px;
	}
	.JS .PageSection--crosstalk h2 span,.JS .PageSection--person h2 span {
		font-size: 14px;
	}
	.JS .PageSection--crosstalk h2 .crosstalk_mainTitle span {
		font-size: 24px;
	}
	.JS .PageSection--person__contents {
		max-width: 100%;
	}
	.JS .PageSection--person__contents--pc {
		display: none;
	}
	.JS .PageSection--person__contents--sp {
		display: block;
	}
	.JS .PageSection--person__contents ul {
		display: block;
	}
	.JS .PageSection--person__contents ul li {
		margin-right: auto;
		margin-bottom: 16px;
		margin-left: auto;
	}
	.JS #crosstalk .PageSection--person__contents ul li img {
		max-width: 169px;
		height: 169px;
		margin-right: auto;
		margin-left: auto;
	}
	.JS .PageSection--person__contents ul li dl {
		display: block;
		min-height: auto;
		margin-bottom: 16px;
	}
	.JS .PageSection--person__contents ul li dl dt {
		font-size: 24px;
	}
	.JS .PageSection--person__contents ul li dl dd {
		font-size: 14px;
	}
	
	.JS .p-member__wrap {
		display: block;
	}
	.JS .p-member__wrap__item {
		margin-left: auto;
		max-width: 337px;
		margin-right: auto;
	}
	.JS .SectionWrap--Women .p-member__wrap__item {
		margin-bottom: 32px;
	}
	.JS .p-member__wrap__item__thumb {
		max-width: 300px;
		margin-left: auto;
	}
	
	.JS .p-member__wrap--pc {
		display: none;
	}
	.JS .p-member__wrap--sp {
		display: block;
		width: 100%;
		max-width: 280px;
		margin: 0 auto 40px;
	}
	.JS .js-slickMember .js-slickItem img {
		margin-left: auto;
	}
	.JS .js-slickPride .js-slickArrowPrev {
		left: -20px;
	}
	.JS .js-slickPride .js-slickArrowNext {
		right: -20px;
	}
	.JS .js-slickMember .js-slickArrowPrev {
		left: -20px;
	}
	.JS .js-slickMember .js-slickArrowNext {
		right: -20px;
	}
	.JS .js-slickItemMemberText {
		position: relative;
		display: block;
		width: 100%;
		max-width: 260px;
		margin-top: -78px;
		padding: 15px 11px 15px 17px;
		background-color: rgba(0,0,0,0.8);
		color: #fff;
		font-family: 'Shippori Mincho', sans-serif;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.6666;
	}
	.JS .SectionBottomLink {
		display: block;
		padding-top: 40px;
	}
	.JS .SectionBottomLink::after {
		top: 0;
		bottom: auto;
		height: 293px;
	}
	.JS .SectionWrap--Member .SectionBottomLink::after {
		height: 200px;
	}
	.JS .SectionBottomLinkLeft {
		max-width: 100%;
		margin-bottom: 30px;
		padding: 0;
		border-left: none;
		text-align: center;
	}
	.JS .SectionBottomLinkLeft span {
		font-size: 24px;
	}
	.JS .SectionBottomLinkRight {
		height: auto;
		margin: 0 auto;
	}
	.JS .ContentsLinkWrap {
		display: grid;
	}
	.JS .ContentsLink {
		max-width: 100%;
		height: 200px;
	}
	.JS .ContentsLinkTitle {
		margin: 23px 0 0 21px;
		/* text-shadow: 0 0 10px rgba(153,153,153,0.9); */
	}
	.JS .SectionWrap--recruit .ContentsLinkWrap .ContentsLink {
		max-width: 100%;
	}
	.JS .SectionWrap--recruit .ContentsLinkWrap .ContentsLink .ContentsLinkTitle {
		margin: 23px 0 0 21px;
		font-size: 30px;
	}
	
	
	.JS .InterviewKV,.JS .InterviewKV.InterviewKVwomen {
		height: 410px;
	}
	.JS .InterviewKVbg span {
		background-position: 75% 8%;
	}
	.JS .PageCoverTitleNumber {
		top: -1px;
		right: -14px;
		font-size: 60px;
	}
	.JS .InterviewKVcopyBoxText {
		font-size: 20px;
		line-height: 30px;
	}
	.JS .InterviewKVcopyBoxText.women01_02 {
		padding: 0 13.5px;
	}
	.JS .InterviewKVcopyBoxBase:nth-of-type(2) {
		top: 30px
	}
	.JS .InterviewKVcopyBoxBase:nth-of-type(3) {
		top: 60px
	}
	.JS .PageSection--interview_l {
		padding-top: 0;
	}
	.JS .Interview_profile--pc {
		display: none;
	}
	.JS .Interview_profile--sp {
		display: block;
		max-width: 100%;
	}
	.JS #w_interview .Interview_profile {
		top: 0;
		max-width: 100%;
	}
	.JS .Interview_profile {
		position: relative;
		top: auto;
		margin: 0 auto;
	}
	.JS .Interview_profile__position {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.JS .Interview_profile__position__text {
		font-size: 16px;
	}
	.JS .Interview_profile__main__contents {
		padding: 34px 17px 22px 18px;
	}
	.JS .Interview_profile__main__contents dl {
		display: table;
		margin-right: auto;
		margin-left: auto;
	}
	.JS .Interview_profile__main__contents dl dt {
		display: table-cell;
		font-size: 26px;
	}
	.JS .Interview_profile__main__contents dl dd {
		display: table-cell;
	}
	.JS .Interview_profile__main__contents p {
		font-size: 16px;
		text-align: center;
	}
	.JS .interview_sec__head {
		margin: 0;
		font-size: 26px;
	}
	.JS .PageSection--interview_l--specialist h2 {
		margin-bottom: 36px;
		font-size: 26px;
		line-height: 1.3846;
	}
	.JS .PageSection--interview_l--specialist h2 p span {
		font-size: 26px;
		line-height: 1.3846;
	}
	.JS .interview_specialist__image {
		height: 365px;
	}
	.JS .interview_specialist__head {
		font-size: 26px;
	}
	.JS .interview_specialist__textBox {
		margin-top: -60px;
		padding: 36px 21px 45px 26px;
	}
	.JS .interview_index {
		display: block;
	}
	.JS .interview_index__item {
		display: block;
		text-align: center;
	}
	.JS .interview_index__item__img {
		margin-right: auto;
		margin-left: auto;
	}
	.JS .interview_index__icon {
		position: static;
		top: auto;
		left: auto;
		transform: none;
		display: block;
		max-width: 55px;
		height: 89px;
		margin: 48px auto;
	}
	
	
	.JS .prideContainer--pc {
		display: none;
	}
	.JS .prideContainer--sp {
		position: relative;
		display: block;
		width: 100%;
		max-width: 360px;
		margin-right: auto;
		margin-left: auto;
	}
	.JS .js-slickItem {
		margin: 5px 0;
	}
	.JS .js-slickPride_l .slick-slide {
		padding: 0 10px;
	}
	.JS .js-slickPride_l .js-slickItem:nth-of-type(2n+1) .js-slickItem__inner {
		margin-right: 10px;
	}
	.JS .js-slickPride_l .js-slickItem:nth-of-type(2n) .js-slickItem__inner {
		margin-left: 10px;
	}
	.JS .js-slickArrowPride_l {
		top: auto;
		right: 40px;
		bottom: -30px;
		transform: none;
		z-index: 2;
	}
	.JS .js-slickArrowPride_l.js-slickArrowPrev {
		left: 40px;
	}
	
	
	
	.JS .WorkBlock {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		height: auto;
	}
	.JS .WorkBlockItem {
		position: static;
		width: 160px
	}
	.JS .WorkBlockItem01 {
		order: 1;
		margin-top: 10px;
		margin-right: -70px;
		margin-bottom: 40px;
	}
	.JS .WorkBlockItem02 {
		order: 2;
		width: 160px;
	}
	.JS .WorkBlockItem03 {
		order: 4;
		margin-top: 70px;
		margin-bottom: 40px;
	}
	.JS .WorkBlockItem04 {
		order: 3;
		width: 160px;
		margin-right: -30px;
	}
	.JS .WorkBlockItem05 {
		order: 5;
		width: 160px;
		margin-top: -10px;
	}
	.JS .SectionBlock--text {
		padding-top: 40px;
	}
	.JS .PageSection {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.JS .PageCover {
		/* height: 144px; */
		padding-bottom: 33.8px;
	}
	.JS .PageCover--women {
		height: auto;
	}
	.JS .PageCoverTitleInner {
		padding: 31px 0 0 24px;
	}
	.JS .PageCoverTitleMain {
		font-size: 30px;
	}
	.JS .PageCoverTitleSub {
		margin-top: 6px;
		font-size: 16px;
	}

	.JS .PageCover--pride {
		/* padding-bottom: 90px; */
		padding-bottom: 160px;
	}
	
	.JS .FieldBlock {
		position: relative;
		max-width: 100%;
		height: 0;
		padding-top: 52.686%;
	}
	.JS .FieldArrow {
		display: none;
	}
	.JS .FieldArrowsp {
		display: block;
		bottom: -45px;
		max-width: 55px !important;
    	height: 91px !important;
	}
	.JS .FieldHeading {
		margin-bottom: 0;
		font-size: 20px;
	}
	.JS .FieldBlock--system {
		margin-left: -20px;
	}
	.JS .FieldBlockText {
		position: absolute;
		top: 34%;
		margin-top: 0;
		font-size: 20px;
	}
	.JS .AreaContainer {
		margin-top: 29px;
		margin-right: auto;
		margin-left: auto;
		padding: 21px 20px;
	}
	.JS .AreaImgWrap {
		-ms-flex-wrap: wrap;
  		flex-wrap: wrap;
	}
	.JS .AreaImgItem {
		width: 100%;
		max-width: 46%;
		margin-right: 0;
		margin-left: 13px;
		text-align: center;
	}
	.JS .AreaImgItem:nth-of-type(2n+1) {
		margin-left: 0;
	}
	.JS .AreaImgText {
		font-size: 16px;
	}
	.JS .PageSectionTitle {
		margin: 0 !important;
		margin-bottom: 40px !important;
		font-size: 25px;
	}
	.JS .PageSectionTitle::before {
		margin-right: 8px;
	}
	.JS .PageSectionTitleNote--block {
		padding-left: 0.3em;
		text-indent: 0em;
	}
	.JS .NewGraduateContents h2 .PageSectionTitleNote--block {
		padding-left: 0;
	}
	.JS .NewGraduateContents .PageSection--environmental h2 .PageSectionTitleNote--block {
		display: block;
	}
	.JS .PageSectionContainer {
		padding-left: 21px;
	}
	.JS .PageSectionBlock--upper {
		flex-direction: column;
	}
	.JS .PageSectionBlock--upper_right {
		margin-bottom: 54px;
		text-align: center;
	}
	.JS .PageSectionBlock--upper_left {
		max-width: 100%;
		padding-top: 0;
		margin-right: 0;
		order: 2;
	}
	.JS .PageSectionBlockHeading {
		font-size: 20px;
	}
	.JS .js-slickArrowBottom {
		right: 0;
	}
	.JS .js-slickArrowPrevBottom {
		right: auto;
		left: 0;
	}
	.JS .js-slickLarge .js-slickArrow {
		top: auto;
		bottom: -70px;
		right: 40px;
	}
	.JS .js-slickLarge .js-slickArrowPrev {
		left: 40px;
	}
	.JS .js-slickPage .slick-list {
		max-width: 100%;
	}
	.JS .js-slickPage .slick-list img {
		margin-right: auto;
		margin-left: auto;
	}
	.JS .PageSectionTextBox {
		display: block;
	}
	.JS .PageSectionTextBox_right, .PageSectionTextBox_left {
		padding: 23px 29px;
	}
	.JS .PageSectionTextBox_left {
		width: auto;
		max-width: none;
		border-right: none;
		border-bottom: 2px solid #990000;
		text-align: center;
	}
	.JS .PageSectionTextBoxListItem {
		padding-left: 6em;
	}
	.JS .FlowItemContent {
		width: 100%;
	}
	.JS .FlowItem {
		margin-bottom: 20px;
	}
	.JS .FlowItem:last-of-type {
		margin-bottom: 0;
	}
	.JS .FlowBlockArrow {
		position: relative;
		display: block;
		width: 100%;
		max-width: 81px;
		min-width: 81px;
		height: 220px;
		margin-right: 20px;
		padding-top: 17px;
		background-color: #cf0000;
		color: #fff;
		font-size: 18px;
		font-weight: 500;
		-ms-writing-mode: tb-rl;
  		writing-mode: vertical-rl;
		text-align: center;
		text-transform: uppercase;
	}
	.JS .FlowBlockArrow::after {
		content: "";
		position: absolute;
		bottom: -54px;
		left: 0;
		width: 0;
		height: 0;
		border-left: 40px solid transparent;
		border-right: 41px solid transparent;
		border-top: 54px solid #cf0000;
	}
	.JS .FlowBlockArrowInner {
		display: block;
		margin-right: 9px;
	}
	.JS .FlowBlockArrowMain {
		font-size: 24px;
		font-weight: 600;
		line-height: 1.2;
		-ms-writing-mode: lr-tb;
  		writing-mode: horizontal-tb;
	}
	.JS .FlowImg {
		margin-bottom: 10px;
		text-align: center;
	}
	.JS .FlowText {
		max-width: none;
		height: 100%;
		min-height: 112px;
	}
	
	
	.JS .EducationBlock {
		align-items: stretch;
	}
	.JS .EducationBlockContent {
		flex-direction: column;
		width: 100%;
		max-width: calc(100% - 60px - 20px);
	}
	.JS .EducationBlockArrow {
		height: auto;
		margin-right: 20px;
		padding-top: 205px;
	}
	.JS .EducationBlockTextArea {
		order: 2;
		width: 100%;
		margin-right: 0;
		padding-left: 0;
	}
	.JS .EducationBlockImg {
		margin-bottom: 20px;
	}
	.JS .EducationBlockHeading {
		margin: 0 0 20px !important;
		margin-bottom: 20px
	}
	
	
	.JS .PageSectionBlock--lower {
		display: block;
	}
	.JS .PageSectionBlock--lower_left {
		max-width: none;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.JS .PageSectionBlock--lower_right {
		max-width: none;
	}
	.JS .PageSectionBlockCatWrap {
		display: block;
	}
	.JS .PageSectionBlockCat {
		margin-right: auto;
		margin-bottom: 20px;
		margin-left: auto;
	}
	.JS .PageSectionBlockCat:nth-child(3n+1) {
		margin-left: auto;
	}
	
	.JS .EnvironmentContainer_pc {
		display: none;
	}
	.JS .EnvironmentContainer_sp {
		display: block;
	}
	.JS .EnvironmentItem {
		margin-right: auto;
		margin-left: auto;
	}
	.JS .EnvironmentItem:nth-child(3n+1) {
		margin-left: auto;
	}
	
	.JS .PageCoverSide {
		height: 353px;
	}
	.JS .PageCoverText {
		margin-top: 50px;
	}
	.JS .MessageContainer {
		flex-direction: column;
	}
	.JS .MessageBlockText {
		max-width: none;
		margin-top: 40px;
		margin-right: 0;
		order: 2;
	}
	.JS .MessageBlockImg {
		width: 100%;
		max-width: 150px;
		height: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.JS .MessageTitle {
		font-size: 28px;
	}
	.JS .VisionTitle {
		font-size: 50px;
	}
	.JS .VisionTitle::before {
		top: -93px;
		height: 100px;
	}
	.JS .VisionTextContainer {
		display: block;
	}
	.JS .VisionTextBlock {
		max-width: none;
		margin-right: 0;
		margin-bottom: 20px;
		padding: 30px 20px;
	}
	.JS .VisionTextBlock:last-of-type {
		margin-bottom: 0;
	}
	.JS .VisionText {
		text-align: left;
	}
	
	.JS .GuidelineHeading img {
		width: 100%;
		margin-right: 0;
	}
	.JS .GuidelineCopy {
		margin-bottom: 64px;
		font-size: 23px;
	}
	.JS .GuidelineContainer {
		display: block;
	}
	.JS .PageTextBox {
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
	.JS .PageTextBox:nth-of-type(2n+1) {
		margin-left: auto;
	}
	.JS .PageTextBox:last-of-type {
		margin-bottom: 0;
	}
	.JS .PageTextHeading::before {
		height: 130px;
	}
	.JS .PageTextBoxBGText {
		bottom: -51px;
		right: -3px;
		font-size: 90px;
	}
	.JS .StaffTitle {
		font-size: 30px;
	}
	
	
	.JS .FAQTitle {
		font-size: 24px;
		padding-right: 60px;
	}
	.JS .FAQTitle::after {
		top: 40%;
	}
	
	.JS .PageSectionTextBoxTextNumber {
		font-size: 24px;
	}
	.JS .ProcessBlock {
		margin-bottom: 40px;
	}
	.JS .ProcessItem {
		display: block;
	}
	.JS .ProcessFlow {
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 8px;
	}
	.JS .ProcessFlow::after {
		display: none;
	}
	
	.JS .rikunabiLink {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	
	
	.JS .c-buttonWrap {
		display: block;
	}
	.JS .c-buttonWrap .c-button {
		margin-right: auto;
		margin-bottom: 20px;
		margin-left: auto;
	}
	.JS .c-buttonWrap .c-button:last-of-type {
		margin-right: auto;
		margin-bottom: 0;
	}
	
	.JS .js-slickButtonWrap {
		margin-bottom: 40px;
	}
	.JS #pride .js-slickButtonWrap {
		margin-top: -16px;
		margin-bottom: 0;
	}
	.JS .js-slickButton {
		width: 40px;
		height: 40px;
		margin-top: 16px;
	}
	.JS .js-slickButtonPage {
		bottom: -50px;
	}
	.js-slickLargeTraining {
		margin-bottom: 30px !important;
	}
	.JS .js-infiniteslide {
		margin-bottom: 40px;
	}
	

	.JS .PageCoverCatchWomen {
		max-width: 420px;
	}
	.JS .women__interview__contents {
		display: block;
	}
	.JS .women__interview__contents__item {
		max-width: 451px;
		margin: 0 auto;
	}
	.JS .women__interview__contents__item + .women__interview__contents__item {
		margin-top: 40px;
	}
	.JS .women__support__compatible {
		display: block;
	}
	.JS .women__support__compatible__item {
		margin: 0 auto 27px;
	}
	.JS .women__support__compatible__item:nth-child(2n) {
		margin: 0 auto 27px;
	}
	.JS .women__support__compatible__item:last-child {
		margin: 0 auto 27px;
	}
	.JS .women__support__recruitment {
		display: block;
	}
	.JS .women__support__recruitment__text {
		max-width: 100%;
	}
	.JS .women__support__recruitment__img {
		margin: 24px auto 0;
	}
	.JS .interview__career__list {
		display: block;
	}
	.JS .interview__career__list dt {
		max-width: 100%;
		margin: 0;
		padding: 10px 15px;
		font-size: 18px;
	}
	.JS .interview__career__list dd {
		max-width: 100%;
		margin-top: 13px;
		padding: 0 1em;
	}
	.JS .interview__career__list dd + dt {
		margin-top: 32px;
	}
	.JS .interview__career__contents {
		padding: 120px 10% 57px;
	}
	.JS .women__interview__detail__contents {
		display: block;
	}
	.JS .women__interview__detail__heading {
		margin: 0 auto;
	}
	.JS .women__interview__detail__text {
		max-width: 100%;
		margin-top: 24px;
	}
	.JS .women__career .Interview_profile {
		margin-bottom: 80px;
	}
	.JS .InterviewKVbg01w span {
		background-position: 30% 0;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.JS .InterviewKVbg01w span {
			background-position: 30% 0;
		}
	}
	.JS .InterviewKVbg02w span {
		background-position: 24% 0;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.JS .InterviewKVbg02w span {
			background-position: 24% 0;
		}
	}
	.JS #w_interview .InterviewKVcopy {
		top: 0;
	}
	.JS #w_interview .InterviewKV .PageCoverTitle {
		margin-bottom: 162px;
	}
	.JS #interview .women__heading {
		margin-top: 60px;
	}
	
	.JS .ContentsLinkBG.is-requirements {
		background-color: #cc0033;
		background-size: cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.JS .ContentsLinkBG.is-requirements {
			background-color: #cc0033;
			background-size: cover;
		}
	}
	.JS .ContentsLinkBG.is-faq {
		background-color: #cc0033;
		background-size: cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.JS .ContentsLinkBG.is-faq {
			background-color: #cc0033;
			background-size: cover;
		}
	}
	.JS .ContentsLinkBG.is-profile {
		background-color: #cc0033;
		background-size: cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.JS .ContentsLinkBG.is-profile {
			background-color: #cc0033;
			background-size: cover;
		}
	}
}



/* for - 579px
=========================================================================================== */

@media screen and (max-width: 579px) {
	/* ------ Recruit ------*/
	.JS .SectionImg--Message {
		background: url("../../../recruit/newgraduate/image/top/message_sp.jpg") no-repeat top center;
		background-size: cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.JS .SectionImg--Message {
			background: url("../../../recruit/newgraduate/image/top/message_sp@2x.jpg") no-repeat top center;
			background-size: cover;
		}
	}
	.JS .RecruitContactNumber {
		font-size: 28px;
	}
	.JS .RecruitContactNumber::before {
		font-size: 26px;
	}
	.JS .ContentsLinkWrap.ContentsLinkWrapRecruit .ContentsLinkTitle {
		font-size: 20px;
	}
	.JS .RecruitContactNumber {
		font-size: 24px;
	}
	.JS .RecruitContactNumber::before {
		font-size: 20px;
	}
	.JS .RecruitContactCompany {
		font-size: 18px;
	}
	
	/* ------ New Graduate ------*/
	.JS #TopicPath.TopicPathNewGraduate {
		height: 100px;
	}
	.JS a.TopicPathEntry:nth-of-type(2),.JS .TopicPathEntry,.JS .TopicPathMenuButton {
		top: 50px;
	}
	.JS .CatchCopyNewGraduateWrap {
		top: 430px;
		left: 0;
		transform: none;
		padding: 0;
		background: none;
		color: #333;
	}
	.JS .CatchCopyNewGraduateSub {
		margin-top: 10px;
	}
	.JS .CatchCopyNewGraduateSub .pcImg {
		display: none;
	}
	.JS .CatchCopyNewGraduateSub .spImg {
		display: block;
	}
	.JS .CatchCopyNewGraduate::after {
		margin-top: -16px;
	}
	.JS .ScrollNewGraduate {
		margin-bottom: 50px;
		color: #333 !important;
	}
	.JS .ScrollNewGraduate::before {
		border-color: #333;
	}
	.JS span.ShowRWD {
		font-size: 16px;
	}
	.JS .NewGraduateContents .GridSet.mainVisual {
		position: static;
		top: auto;
		left: auto;
		transform: none;
		margin: 40px auto 0 !important;
	}
	.JS .MessageBlockImg {
		max-width: 110px;
	}
	.JS .MessageTitle {
		font-size: 24px;
	}
	.JS .PresidentName {
		font-size: 20px;
	}
	.JS .VisionTitle {
		font-size: 40px;
	}
	.JS .STbr579 {
		display: block;
	}
	.JS .STpageTop {
		bottom: 30px;
		right: 30px;
		width: 50px;
		height: 50px;
	}
	.JS .STpageTop a::before {
		width: 12px;
		height: 12px;
	}
	.JS .ContentsLink {
		height: 165px;
	}
	.JS .js-slickHome .slick-slide {
		width: 100%;
		max-width: 245px;
	}
	.JS .PageSectionTitle {
		font-size: 23px;
	}
	.JS .PageSection--staff {
		background: url("../../../recruit/newgraduate/guideline/image/guidline-message_bg.jpg") no-repeat bottom center;
		background-size: 250%;
		background-color: #eeeeee;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.JS .PageSection--staff {
			background: url("../../../recruit/newgraduate/guideline/image/guidline-message_bg@2x.jpg")no-repeat bottom center;
			background-size: 250%;
			background-color: #eeeeee;
		}
	}
	.JS .FieldHeading {
		margin-bottom: 0;
		font-size: 16px;
	}
	.JS .FieldBlockText {
		position: absolute;
		top: 30%;
		margin-top: 0;
		font-size: 16px;
	}
	.JS .CatchCopyNewGraduateLight {
		top: -134px;
		left: -70px;
	}

	.JS .PageCover--pride {
		background: url("../../../recruit/newgraduate/work/image/pageCover_bg-pride_sp.jpeg") no-repeat center right 20%;
		background-size: cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.JS .PageCover--pride {
			background: url("../../../recruit/newgraduate/work/image/pageCover_bg-pride_sp@2x.jpeg") no-repeat center right 20%;
			background-size: cover;
		}
	}

	.JS .EducationBlockArrow {
		font-size: 22px;
	}
	.JS .EducationBlockHeading {
		font-size: 22px;
	}
	.JS .InterviewKV .PageCoverTitle {
		margin-bottom: 114px;
	}
	.JS .InterviewKVcopyBoxText {
		font-size: 18px;
	}
	.JS .interview_sec__head {
		font-size: 22px;
	}
	.JS .interview_specialist__logo {
		max-width: 70%;
	}
	.JS .interview_specialist__image__bg01 {
		background: url("../../../recruit/newgraduate/member/image/interview01_specialist_main_sp.jpeg") no-repeat top center;
		background-size: cover;
	}
	.JS .interview_specialist__image__bg01 {
		background: url("../../../recruit/newgraduate/member/image/interview01_specialist_main_sp.jpeg") no-repeat top center;
		background-size: cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.JS .interview_specialist__image__bg01 {
			background: url("../../../recruit/newgraduate/member/image/interview01_specialist_main_sp@2x.jpeg")no-repeat top center;
			background-size: cover;
		}
	}
	.JS .interview_specialist__image__bg02 {
		background: url("../../../recruit/newgraduate/member/image/interview02_specialist_main_sp.jpeg") no-repeat top center;
		background-size: cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.JS .interview_specialist__image__bg02 {
			background: url("../../../recruit/newgraduate/member/image/interview02_specialist_main_sp@2x.jpeg")no-repeat top center;
			background-size: cover;
		}
	}
	.JS .interview_specialist__image__bg03 {
		background: url("../../../recruit/newgraduate/member/image/interview03_specialist_main_sp.jpeg") no-repeat top center;
		background-size: cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.JS .interview_specialist__image__bg03 {
			background: url("../../../recruit/newgraduate/member/image/interview03_specialist_main_sp@2x.jpeg")no-repeat top center;
			background-size: cover;
		}
	}
	.JS .interview_specialist__image__bg04 {
		background: url("../../../recruit/newgraduate/member/image/interview04_specialist_main_sp.jpeg") no-repeat top center;
		background-size: cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.JS .interview_specialist__image__bg04 {
			background: url("../../../recruit/newgraduate/member/image/interview04_specialist_main_sp@2x.jpeg")no-repeat top center;
			background-size: cover;
		}
	}
	.JS .FAQTitleHead {
		font-size: 26px;
	}
	.JS .FAQTitle {
		font-size: 22px;
	}


	.JS .women__heading {
		font-size: 32px;
	}
	.JS .women__support__heading {
		font-size: 18px;
	}
}


/* for - 399px
=========================================================================================== */

@media screen and (max-width: 399px) {
	/* ------ Recruit ------*/
	.JS .ContentsLinkWrap.ContentsLinkWrapRecruit .ContentsLinkBranding .ContentsLinkTitle {
		font-size: 28px;
	}
	.JS .RecruitContactNumber {
		font-size: 25px;
	}
	.JS .RecruitContactNumber::before {
		font-size: 20px;
	}
	.JS .text_small {
    	font-size: 7px;
	}
	
	/* ------ New Graduate ------*/
	.JS .br_sps {
		display: block;
	}
	.JS .TitleNewGraduate {
		font-size: 12px;
	}
	.JS .CatchCopyNewGraduateWrap {
		top: 380px;
	}
	.JS .CatchCopyNewGraduateSub {
		max-width: 160px;
	}
	.JS .ContentsLinkTitle {
		font-size: 26px;
	}
	.JS .SectionWrap--recruit .ContentsLinkWrap .ContentsLink .ContentsLinkTitle {
		font-size: 26px;
	}
	.JS .SectionBottomLinkText {
		letter-spacing: 0.03em;
	}
	.JS .SectionTitle {
		font-size: 28px;
	}
	.JS .FieldBlockText {
		top: 21%;
		font-size: 15px;
	}
	.JS .PageSectionBlockHeading {
		font-size: 19px;
	}
	.JS .PageSectionTextBox_left {
		font-size: 17px;
	}
	.JS .PageCoverTitleNumber {
		top: -5px;
		right: -18px;
	}
	.JS .InterviewKV .PageCoverTitleMain {
		font-size: 26px;
	}
	.JS .InterviewKV .PageCoverTitleSub {
		font-size: 12px;
	}
	.JS .Interview_profile__main__contents dl dt {
		font-size: 21px;
	}
	.JS .PageSection--interview_l--specialist h2 {
		font-size: 22px;
	}
	.JS .StaffTitle {
		font-size: 26px;
	}
	.JS .interview_sec__head {
		font-size: 20px;
	}

	.JS .EducationBlockArrow {
		font-size: 20px;
		max-width: 40px;
		min-width: 40px;
	}
	.JS .EducationBlockArrow::after {
		bottom: -20px;
		border-left-width: 20px;
		border-right-width: 20px;
		border-top-width: 20px;
	}
	.JS .EducationBlockContent {
		max-width: calc(100% - 40px - 20px);
	}
	.JS .women__interview__detail__heading h3 {
		font-size: 22px;
	}
	.JS #w_interview .InterviewKV .PageCoverTitle {
		margin-bottom: 189px;
	}
	
	.JS .p-pride__wrap,.JS .p-member__wrap--sp {
		margin-bottom: 66px;
	}
	.JS .js-slickMember .js-slickArrowNext,.JS .js-slickPride .js-slickArrowNext {
		top: auto;
		bottom: -52px;
		right: 80px;
	}
	.JS .js-slickMember .js-slickArrowPrev,.JS .js-slickPride .js-slickArrowPrev {
		top: auto;
		bottom: -52px;
		left: 80px;
	}
	

	.JS .movieContainer li {
		margin-bottom: 50px;
	}
	.JS .movie_tittle {
    	font-size: 14px;
	}

}



/* for print
=========================================================================================== */

@media print {

	

}