@charset "utf-8";


/* overwrite
-------------------------------------------------------------------------------------------------------- */






/* -------------------------------------------------------
home
---------------------------------------------------------------- */


@media print, screen and (min-width: 768px) {

}


@media print, screen and (min-width: 1024px) {
}



/* main-img
---------------------------------------------------------------- */

.main-img						{ padding: 12rem 0; background: url("../images/home/main_bg.jpg") no-repeat 85% center; background-size: cover; color: #ffffff; text-align: center;}
.main-img .main					{ font-weight: bold; font-size: 3.8rem; line-height: 1.2;}
.main-img .main span.color-yl	{ color: #ffd700; font-weight: bold;}
.main-img .main+p				{ margin-top: 1.5rem; font-size: 1.2rem; }
.main-img .sub					{ margin-top: 1.5rem; font-weight: bold; font-size: 1.7rem; letter-spacing: 0.1rem;}

@media print, screen and (min-width: 768px) {
.main-img						{ padding: 10rem 0; background-position: center center; text-align: left; }
.main-img .main					{ font-size: 6.2rem;}
.main-img .main+p				{ font-size: 1.6rem; }
.main-img .sub					{ font-size: 2.8rem; }
}
@media print, screen and (min-width: 1024px) {
.main-img						{ padding: 15.4rem 0; }
.main-img .main					{ font-size:11rem; line-height: 1; }
.main-img .main+p				{ margin-top: 3rem; font-size: 2.6rem; }
.main-img .sub					{ margin-top: 3rem; font-size: 5rem; }



}






/* business-wrap
---------------------------------------------------------------- */

#business-wrap									{ position: relative;}
#business-wrap .box-wrap						{ padding-bottom: 0;}
#business-wrap .bg-box							{ background: #ffffff; box-shadow: 0 0 10px 10px rgba(120,120,120,0.1);}
#business-wrap .bg-box .ttl-sect				{ padding: 3rem 0 0; }
#business-wrap .bg-box .sect-bottom .title		{ font-size: 1.8rem; font-weight: bold; text-align: center; color: #1e90de;}
#business-wrap .bg-box .sect-bottom .txt		{ padding: 0 2rem 0;}
#business-wrap .bg-box .sect-bottom .link-btn	{ margin-top: 1.5rem; padding: 0 6%;}

#business-wrap .bg-box .pic-box .pic			{ margin-top: 4rem; }
#business-wrap .bg-box .pic-box .pic+.pic		{ margin-top: 0; }

@media print, screen and (min-width: 768px) {
#business-wrap .inner							{ }
#business-wrap .bg-box							{ position: relative; margin: 0 20%; padding: 8%; z-index: 2;}
#business-wrap .bg-box .ttl-sect				{ padding:0; }
#business-wrap .bg-box .sect-bottom .title		{ font-size: 2.4rem; }
#business-wrap .bg-box .sect-bottom .txt		{ padding:  0;}
#business-wrap .bg-box .sect-bottom .link-btn	{ margin-top: 1.5rem; padding: 0;}

#business-wrap .full_back 						{ -webkit-display: flex;  display: flex; top: 17rem;}
#business-wrap .full_back .wrap					{ width: 50%; }
#business-wrap .full_back .wrap .left 			{ width: 100%; height: 43rem; background: url("../images/home/business_p_01.jpg") no-repeat 20% center; background-size: cover;}
#business-wrap .full_back .wrap .right			{ width: 100%; height: 43rem; background: url("../images/home/business_p_02.jpg")no-repeat 40% center; background-size: cover;}

}
@media print, screen and (min-width: 1024px) {
#business-wrap .bg-box							{ max-width: 65rem; margin: 0 auto; padding: 8rem 8rem; }

#business-wrap .bg-box .sect-bottom .title		{ font-size: 4rem; }
#business-wrap .bg-box .sect-bottom .txt		{ font-size: 1.6rem;}
#business-wrap .bg-box .sect-bottom .link-btn	{ margin-top: 6rem;}

#business-wrap .full_back 						{ top: 27rem;}
#business-wrap .full_back .wrap .left 			{ margin-left: -6%; background-position:20% center; }
#business-wrap .full_back .wrap .right 			{ margin-left: 6%; background-position:40% center;}

}

@media print, screen and (min-width: 1110px) {
#business-wrap .bg-box							{ max-width: 80rem; margin: 0 auto; padding: 10rem 8rem; }
#business-wrap .full_back .wrap .left 			{ margin-left: -68%; background-position:left center; }
#business-wrap .full_back .wrap .right 			{ margin-left: 68%; background-position:right center;}


}






/* works-wrap
---------------------------------------------------------------- */
#works-wrap										{}
#works-wrap	.box-wrap							{ padding-bottom: 2rem;}
#works-wrap .sect-bottom						{ margin-top: 0; padding: 3rem 2rem; background: url("../images/home/works_bg.jpg") no-repeat center center; background-size: cover; color: #ffffff; }
#works-wrap .sect-bottom .txt					{ max-width: 750px; margin: 0 auto;}
#works-wrap .sect-bottom .link-btn				{ margin-top: 2rem;  }

@media print, screen and (min-width: 768px) {

#works-wrap	.box-wrap							{ padding-bottom: 4rem;}
#works-wrap .sect-bottom						{ padding: 7rem 3rem 6rem; }
#works-wrap .sect-bottom .link-btn				{ margin-top: 4rem;  }


}

@media print, screen and (min-width: 1024px) {

#works-wrap	.box-wrap							{ padding-bottom: 5rem;}
#works-wrap .sect-bottom						{ padding: 9rem 3rem 8rem; }
#works-wrap .sect-bottom .txt					{ font-size: 1.6rem;}
#works-wrap .sect-bottom .link-btn				{ margin-top: 6rem;  }


}






/* recruit-wrap
---------------------------------------------------------------- */

#recruit-wrap									{}
#recruit-wrap .bg-box							{ margin-top: 2rem; background: #ffffff; box-shadow: 0 0 10px 10px rgba(120,120,120,0.1);}
#recruit-wrap .bg-box .sect-bottom				{ margin: 0; padding: 2rem 0 3rem; }
#recruit-wrap .bg-box .sect-bottom .title		{ padding: 0 2rem; font-size: 1.8rem; font-weight: bold; color: #1e90de;}
#recruit-wrap .bg-box .sect-bottom .txt			{ margin-top: 1rem; padding: 0 2rem; font-size: 1.2rem; line-height: 1.8;}
#recruit-wrap .bg-box .sect-bottom .link-btn	{ margin-top: 1.5rem; padding: 0 2rem;}

@media print, screen and (min-width: 768px) {

#recruit-wrap .bg-box							{ -webkit-display: flex;  display: flex; margin-top: 40px;}
#recruit-wrap .bg-box .pic-box					{ width: 50%; }
#recruit-wrap .bg-box .sect-bottom				{ width: 50%; margin: 0; padding: 4rem 3rem 0; }
#recruit-wrap .bg-box .sect-bottom .title		{ padding: 0; font-size: 2rem; }
#recruit-wrap .bg-box .sect-bottom .txt			{ padding: 0; font-size: 1.3rem; line-height: 1.8;}
#recruit-wrap .bg-box .sect-bottom .link-btn	{ margin: 1.5rem 0 0; padding: 0;}
}

@media print, screen and (min-width: 1024px) {
#recruit-wrap .bg-box							{ margin-top:50px;}
#recruit-wrap .bg-box .sect-bottom				{ padding: 6rem 4rem 0; }
#recruit-wrap .bg-box .sect-bottom .title		{ font-size: 2.7rem; }
#recruit-wrap .bg-box .sect-bottom .txt			{ margin-top:2.5rem; font-size: 1.6rem; }
#recruit-wrap .bg-box .sect-bottom .link-btn	{ margin: 4.5rem 0 0; }

}

@media print, screen and (min-width: 1110px) {
#recruit-wrap .bg-box							{ margin-top:50px;}
#recruit-wrap .bg-box .sect-bottom				{ padding: 8rem 7.5rem 0; }
#recruit-wrap .bg-box .sect-bottom .title		{ font-size: 3rem; }


}




/* company-wrap
---------------------------------------------------------------- */

#company-wrap									{}
#company-wrap .box-wrap							{ padding: 4rem 0 6rem;}
#company-wrap .sect-bottom						{ margin-top: 2rem;}
#company-wrap .sect-bottom .pic					{}
#company-wrap .sect-bottom .txt-box				{ margin-top: 2rem;}
#company-wrap .sect-bottom .txt-box .title		{ font-size: 1.8rem; font-weight: bold;  }
#company-wrap .sect-bottom .txt-box .link-btn	{ margin-top: 1.5rem; }

@media print, screen and (min-width: 768px) {

#company-wrap .sect-bottom						{ -webkit-display: flex;  display: flex; margin-top: 40px; }
#company-wrap .box-wrap							{ padding: 70px 0 90px;}
#company-wrap .sect-bottom .pic					{ width: 50%;}
#company-wrap .sect-bottom .txt-box				{ width: 50%; margin:0 ; padding:0 2rem; }
#company-wrap .sect-bottom .txt-box .title		{ font-size: 20px; }
#company-wrap .sect-bottom .txt-box .link-btn	{ margin: 20px 0 0 ; }

}


@media print, screen and (min-width: 1024px) {
#company-wrap .box-wrap							{ padding: 100px 0 140px;}

#company-wrap .sect-bottom .txt-box				{ padding: 30px 0 30px 40px; }
#company-wrap .sect-bottom .txt-box .title		{ font-size: 30px; }
#company-wrap .sect-bottom .txt-box .txt		{ margin-top: 30px; font-size: 16px;}
#company-wrap .sect-bottom .txt-box .link-btn	{ margin: 45px 0 0 ; }



}