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

@media screen and (max-width: 750px) {
	
	/*------------------------------
	  共通
	-------------------------------*/
	.commonTitle { font-size: 178%; }
	.commonTitle + div { font-size: 107%; }
	
	#headerWrap.topHeaderWrap h1 { position: relative; width: 27%; margin: 0; }
	#headerWrap.topHeaderWrap #headerSection { display: none !important; }
	#headerWrap.topHeaderWrap #headerSection #headerArea { padding: 1vw; }

	/*------------------------------
	  mainWrap
	-------------------------------*/
	.mainWrap { min-width: 0; }
	
	/* MV */
	#mvSec { height: calc((100vw * 0.56) - (27vw * 0.66)); }
	#mvSec h2 { font-size: 9vw; line-height: 1.2; text-align: left; z-index: 12; padding-bottom: 4vw; padding-left: 1em; }
	
	.bgVideo { z-index: 10; position: absolute; }
	.bgVideo .fit { height: calc(100vw * 0.56) !important; }
	.bgVideo .fit .fitsize { width: 100% !important; height: auto !important; left: auto !important; top: auto !important; }

	/* vision */
	#visionSec { padding: 12vw 0 18vw; margin: 0; background-image: url("/images/vision2030_bg.png"); background-size: cover; }
	#visionSec #visionTxt { width: 96%; }
	#visionSec #visionTxt h3 { font-size: 10vw; margin: 0 auto; width: 76%; }
	#visionSec #visionTxt div { font-size: 100%; margin-top: 3vw; }
	#visionSec #visionTxt p { font-size: 100%; margin-top: 7vw; line-height: 2.1; }
	
	#visionSec #visionNews { display: none !important; /*display: block;*/ width: 100%; top: 0; transform: translateY(-100%); padding: 15px 5%; }
	#visionSec #visionNews .newsDate,
	#visionSec #visionNews .newsTxt { margin: 5px 0 0; }
	#visionSec #visionNews .btn { text-align: right; margin-top: 10px; }
			
	/* newsSec */
	#newsSec { padding: 0 0 50px; background-color: #fff; }
	#newsSec::after { content: none; }
	#newsSec #newsBg { display: none; }
	#newsSec .contentsOuter { display: block; width: 100%; }
	#newsSec .contentsOuter #newsTitleArea { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 22px 7.5% 25px; }
	#newsSec .contentsOuter #newsTitleArea::after { content: none; }
	#newsSec .contentsOuter #newsTitleArea h3 { font-size: 178%; }
	#newsSec .contentsOuter #newsTitleArea h3 + div { font-size: 107%; margin-top: 0; }
	#newsSec .contentsOuter #newsTitleArea #newsIndex { font-size: 100%; margin-top: 10px; }
	#newsSec .contentsOuter #newsTitleArea #newsIndex img { margin-left: 15px; width: 38px; }

	#newsSec .contentsOuter #newsContentsArea { width: 100%; padding: 27px 7.5% 0 16%; position: relative; }
	#newsSec .contentsOuter #newsContentsArea::before { content: ""; width: 7.5%; height: 100%; background-color: #008ed8; position: absolute; left: 0; top: 0; }
	#newsSec .contentsOuter #newsContentsArea::after { content: url(/images/mv_bg_news_sp.png); position: absolute; left: 7.5%; top: 0; }
	#newsSec .contentsOuter #newsContentsArea .tabList { margin-top: 0; }
	
	/* infoSec */
	
	#infoSec { padding: 40px 0; }
	#infoSec .contentsOuter { width: 100%; }
	#infoSec .commonTitle,
	#infoSec .commonTitle + div { width: 85%; margin: 0 auto; }
	#infoSec .swiper-container { margin: 35px 8vw 0; position: relative; }
	#infoSec ul#infoList { flex-wrap: nowrap; margin-top: 0; }
	#infoSec ul#infoList li { width: 69vw; }
	#infoSec ul#infoList li a { display: block; }
	#infoSec ul#infoList li .infoImg + div { padding: 0; }
	#infoSec ul#infoList li h4 { margin-top: 10px; font-size: 107%; }
	#infoSec ul#infoList li h4 + div { margin-top: 5px; font-size: 100%; }
	#infoSec ul#infoList li h4 + div p { margin-top: 5px; font-size: 100%; }
	#infoSec ul#infoList li:nth-child(n+3),
	#infoSec ul#infoList li:nth-child(n+5) { margin-top: 0; }
	
	.swiper-button { display: block; position: absolute; top: -80px; right: 0; width: 80px; height: 36px; }
	.swiper-button-next,
	.swiper-button-prev { width: 36px; display: block; padding: 0; margin: 0; top: 0; }
	.swiper-button-prev { left: 0; right: auto; }
	.swiper-button-next { right: 0; left: auto; }
	.swiper-button-prev::after,
	.swiper-rtl .swiper-button-next::after,
	.swiper-button-next::after,
	.swiper-rtl .swiper-button-prev::after { content: none; }
	
	/* companySec */
	#companySec { padding: 30px 0; }
	#companySec #companyImg { position: static; margin-top: 25px; }
	#companySec .txtGradation { margin-top: 13px; font-size: 7.5vw; line-height: 1.3; }
	#companySec .txtGradation + p { margin-top: 22px; font-size: 100%; line-height: 2; }
	#companySec .txtBtn { margin-top: 15px; font-size: 100%; width: auto; }
	#companySec .txtBtn a { padding: 7px 10px; }
	
	#companySec ul#companyList { margin-top: 30px; flex-wrap: wrap; }
	
	#companySec ul#companyList li:first-child,
	#companySec ul#companyList li:last-child,
	#companySec ul#companyList li { width: 50%; margin: 0; }
	#companySec ul#companyList li:nth-child(2n) { padding-left: 8%; border-left: solid 1px #e3e8ea; }
	#companySec ul#companyList li:nth-child(2n+1) { padding-right: 8%; border: none; }
	#companySec ul#companyList li:nth-child(n+3) { margin-top: 20px; }
	#companySec ul#companyList li a { display: block; padding: 5px 0 20px; }
	#companySec ul#companyList li .listIcon { width: 60%; margin: 0 auto; }
	#companySec ul#companyList li .listTxt { margin-top: 12px; font-size: 100%; padding-left: 0; }
	#companySec ul#companyList li .listArrow { padding-left: 0; }
	#companySec ul#companyList li .listArrow img { width: 32px; }
	
	/* businessSec */
	#businessSec { padding: 30px 0 65px; background-image: url("/images/business_bg_sp.png"); background-size: 100%; }
	#businessSec p { margin-top: 12px; font-size: 100%; }
	#businessSec ul#businessList { margin-top: 35px; flex-wrap: wrap; }
	#businessSec ul#businessList li { width: 100%; }
	#businessSec ul#businessList li:nth-child(n+2) { margin-top: 30px; }
	#businessSec ul#businessList li > div { padding: 15px 0 25px 22px; }
	#businessSec ul#businessList li > div a img { width: 32px; margin-left: 7px; }
	
	#businessSec ul#businessList li > div .businessTopics { margin-top: 12px; }
	#businessSec ul#businessList li > div .businessTopics::before { left: -15px; width: 10px; }
	#businessSec ul#businessList li > div .businessTopicsLink { font-size: 100%; }
	
	/* worksSec */
	#worksSec { padding: 40px 0 53px; }
	#worksSec #worksSlider { margin-top: 28px; }
	#worksSec #worksSlider .worksSliderItem { display: block !important; }
	#worksSec #worksSlider .worksSliderItem .worksSliderImg { width: 100%; }
	#worksSec #worksSlider .worksSliderItem .worksSliderInfo { width: 100%; padding: 15px 25px 25px; display: block; }
	#worksSec #worksSlider .worksSliderItem .worksSliderInfo .worksSliderYear { font-size: 71%; }
	#worksSec #worksSlider .worksSliderItem .worksSliderInfo .worksSliderTag { font-size: 71%; padding: 3px 10px; margin-top: 5px; }
	#worksSec #worksSlider .worksSliderItem .worksSliderInfo h4 { font-size: 150%; }
	#worksSec #worksSlider .worksSliderItem .worksSliderInfo .txtBtn { margin-top: 15px; font-size: 86%; width: auto; }
	#worksSec #worksSlider .worksSliderItem .worksSliderInfo .txtBtn a { padding: 7px 10px; }
	
	#worksSec #worksSlider .slick-arrow { width: 9vw; top: 22vw; }
	#worksSec #worksSlider #slick-prev { left: -4vw; }
	#worksSec #worksSlider #slick-next { right: -4vw; }
	
	/* messageSec */
	#messageSec { padding: 40px 0 70vw; height: auto; background-image: url("/images/message_img_sp.png"); background-size: 100%; background-position: center bottom; }
	#messageSec .contentsOuter > div { margin: 0; }
	#messageSec .txtGradation { margin-top: 15px; font-size: 6.5vw; line-height: 1.5; }
	#messageSec #messageLink { margin-top: 18px; font-size: 107%; }
	#messageSec #messageLink a img { margin-left: 5px; width: 32px; }
	
	/* sustainabilitySec */
	#sustainabilitySec { padding: 40px 0 50px; background-image: url("/images/sustainability_bg_sp.png"); }
	#sustainabilitySec #sustainabilityInfoArea .titleArea { margin: 0; float: none; }
	#sustainabilitySec #sustainabilityInfoArea #sustainabilityImg { margin: 15px auto 0; width: 88%; float: none; }
	#sustainabilitySec #sustainabilityInfoArea p { margin-top: 15px; font-size: 100%; }
	#sustainabilitySec #sustainabilityInfoArea .txtBtn { float: none; margin-top: 15px; font-size: 86%; width: auto; }
	#sustainabilitySec #sustainabilityInfoArea .txtBtn a { font-size: 100%; }
	
	#sustainabilitySec ul#sustainabilityList { margin-top: 30px; flex-wrap: wrap; }
	#sustainabilitySec ul#sustainabilityList li { width: 48%; }
	#sustainabilitySec ul#sustainabilityList li:nth-child(n+3) { margin-top: 28px; }
	#sustainabilitySec ul#sustainabilityList li .arrowLink { margin-top: 10px; width: 100%; font-size: 100%; }
	#sustainabilitySec ul#sustainabilityList li .arrowLink > div { width: 100%; justify-content: space-between; }
	#sustainabilitySec ul#sustainabilityList li .arrowLink > div span { flex: 1; }
	#sustainabilitySec ul#sustainabilityList li div img { margin: 0; width: 25px; }
	
	#sustainabilitySec h4 { font-size: 129%; margin-top: 45px; }
	
	/* irRecruit */
	#irRecruit { padding: 30px 0 35px; }
	#irRecruit .contentsOuter { display: block; }
	#irRecruit h3.commonTitle { font-size: 143%; }
	#irRecruit a.arrowLink img { width: 30px; margin-left: 8px; }
	#irRecruit section { width: 100%; margin: 0; }
	#irRecruit section + section { margin-top: 35px; }
	#irRecruit .irRecruitContents { margin-top: 30px; }
	#irRecruit .irRecruitContents .irRecruitInfo { padding: 20px 23px 30px; border-radius: 8px; }
	
	#irRecruit #irSec .irRecruitContents .irRecruitInfo h4 { font-size: 100%; font-weight: normal; }
	#irRecruit #irSec .irRecruitContents .irRecruitInfo h4 + div { margin-top: 10px; font-size: 100%; }
	#irRecruit #irSec .irRecruitContents .irRecruitInfo h4 + div .iconZip { margin: 0 0.4em; }
	#irRecruit #irSec .irRecruitContents .irRecruitInfo dl dt { margin-top: 12px; font-size: 100%; }
	#irRecruit #irSec .irRecruitContents .irRecruitInfo dl dd { line-height: 1.6; font-size: 100%; }
	
	#irRecruit #recruitSec .irRecruitContents .irRecruitInfo { margin: 0 auto; width: 92%; }
	#irRecruit #recruitSec .irRecruitContents .irRecruitInfo img { width: 85%; }
	#irRecruit #recruitSec .irRecruitContents .irRecruitInfo ul { width: 80%; }
	#irRecruit #recruitSec .irRecruitContents .irRecruitInfo ul li { width: 100%; margin-top: 5px; }
	#irRecruit #recruitSec .irRecruitContents .irRecruitInfo ul li:first-child { margin-top: 0; }
	#irRecruit #recruitSec .irRecruitContents .irRecruitInfo ul li.txtBtn.txtBlueBtn a { padding: 7px 10px; background-size: 10px; background-position: right 10px center; }
	#irRecruit #recruitSec .irRecruitContents .irRecruitInfo ul li.txtBtn.txtBlueBtn a[target="_blank"] span { background-size: 8px; padding: 0 16px; }
	
	
	
	
	
	
	
}