@charset "utf-8";
/*.design-bg{ width: 1100px; height: 3156px; background: url('../design_img/top.jpg') 0 0 no-repeat; position: absolute; top: -5px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; opacity: .5; background-size: 1100px; }*/


@media print, screen and (min-width: 751px) {
.swiper-container 		{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -5; }

.top 					{ padding: 98px 0 35px; background-color: #fff; }
.top .master 			{ max-width: 1100px; text-align: right; }
.top .master h2 		{ font-weight: 400; font-size: 2.2rem; letter-spacing: .21rem; }
.top .master p 			{ margin-top: 3px; font-size: .95rem; letter-spacing: .11rem; text-align: right; }

#ourVision 				{ position: relative; }
#ourVision .master 		{ padding: 413px 0 66px; position: relative; }
#ourVision .arrow 		{ width: 90%; max-width: 1100px; position: absolute; top: -42px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }
#ourVision .textBox 	{ width: 100%; max-width: 363px; margin-left: 17px; }
#ourVision .textBox h2 	{ font-size: 1.2rem; font-weight: 400; color: #fff; position: relative; }
#ourVision .textBox h2:after{ content: ''; width: 33px; height: 1px; background-color: #fff; display: block; position: absolute; top: 50%; left: 140px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
#ourVision .textBox h3 	{ margin: 19px 0 23px; font-size: 1.8rem; font-weight: 400; color: #fff; position: relative; line-height: 1.4; letter-spacing: .28rem; }
#ourVision .textBox p 	{ padding-left: 3px; color: #fff; font-size: .9rem; letter-spacing: .1rem; line-height: 1.85; }
#ourVision .textBox p.mt{ margin-top: 27px; }

#news{ padding: 45px 0 50px; background-color: #D2F1F6; }
#news .master{ padding: 0 17px; }
#news h2{ font-size: 1rem; font-weight: 400; letter-spacing: .05rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#news h2>span{ margin-right: 10px; font-size: 1.85rem; font-weight: 400; letter-spacing: .35rem; }
#news dl{ margin-top: 20px; }
#news dl>div{ display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.75; }
#news dl>div:nth-of-type(n+2){ margin-top: 15px; }
#news dl>div dt{ width: 115px; }
#news dl>div dd{ width: calc(100% - 115px); }

#company 				{ background-color: #fff; }
#company .master 		{ max-width: 865px; padding-top: 571px; position: relative; }
#company .master .parallax01{ width: 490px; position: absolute; top: 300px; right: 0; z-index: 3; }
#company .master .parallax02{ width: 415px; position: absolute; top: 100px; left: -185px; z-index: 2; }
#company .master>a 		{ width: 100%; max-width: 350px; margin: 0 47px 0 auto; display: block; }
#company .master>a:hover{ opacity: 1; }
#company .master>a:hover .arrow{ opacity: .5; }
#company .master>a h2 	{ font-size: 1rem; font-weight: 400; letter-spacing: .05rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#company .master>a h2 span{ margin-right: 10px; font-size: 1.85rem; font-weight: 400; letter-spacing: .35rem; }
#company .master>a p 	{ margin-top: 12px; font-size: .9rem; line-height: 1.75; letter-spacing: .05rem; }
#company .master>a .arrow{ text-align: right; -webkit-transition: .2s; transition: .2s; }
#company .master>a .arrow{ margin-top: 5px; }

#service 				{ padding-bottom: 148px; background-color: #fff; }
#service .master 		{ max-width: 865px; padding-top: 507px; position: relative; }
#service .master .parallax03{ width: 490px; position: absolute; top: 280px; left: 0; z-index: 3; }
#service .master .parallax04{ width: 415px; position: absolute; top: 80px; right: -185px; z-index: 2; }
#service .master>a 		{ width: 100%; max-width: 350px; margin: 0 0 0 20px; display: block; }
#service .master>a:hover{ opacity: 1; }
#service .master>a:hover .arrow{ opacity: .5; }
#service .master>a h2 	{ font-size: .8rem; font-weight: 400; letter-spacing: .05rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#service .master>a h2 span{ margin-right: 10px; font-size: 1.65rem; font-weight: 400; letter-spacing: .35rem; }
#service .master>a p 	{ margin-top: 12px; font-size: .9rem; line-height: 1.75; letter-spacing: .05rem; }
#service .master>a .arrow{ text-align: right; -webkit-transition: .2s; transition: .2s; }
#service .master>a .arrow{ margin-top: 13px; }
}


@media screen and (max-width: 1140px) and (min-width: 415px) {

}


@media screen and (max-width: 750px) {
.swiper-container 		{ width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: -5; }

.top 					{ padding: 98px 0 35px; background-color: #fff; }
.top .master 			{ max-width: 894px; text-align: right; }
.top .master h2 		{ font-weight: 400; font-size: 1.7rem; letter-spacing: .15rem; }
.top .master p 			{ margin-top: 3px; font-size: .75rem; letter-spacing: .05rem; text-align: right; }

#ourVision 				{ position: relative; }
#ourVision .master 		{ padding: 450px 0 66px; position: relative; }
#ourVision .arrow 		{ width: 50px; position: absolute; top: -25px; left: 5%; }
#ourVision .textBox 	{ width: 100%; }
#ourVision .textBox h2 	{ font-size: .95rem; font-weight: 400; color: #fff; position: relative; }
#ourVision .textBox h2:after{ content: ''; width: 33px; height: 1px; background-color: #fff; display: block; position: absolute; top: 50%; left: 120px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
#ourVision .textBox h3 	{ margin: 19px 0 23px; font-size: 1.4rem; font-weight: 400; color: #fff; position: relative; line-height: 1.4; letter-spacing: .28rem; }
#ourVision .textBox p 	{ color: #fff; font-size: .9rem; letter-spacing: .1rem; line-height: 1.85; }
#ourVision .textBox p.mt{ margin-top: 25px; }

#news{ padding: 35px 0 35px; background-color: #D2F1F6; }
#news .master{  }
#news h2{ font-size: .9rem; font-weight: 400; letter-spacing: .05rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#news h2>span{ margin-right: 10px; font-size: 1.7rem; font-weight: 400; letter-spacing: .25rem; }
#news dl{ margin-top: 20px; }
#news dl>div{ line-height: 1.75; }
#news dl>div:nth-of-type(n+2){ margin-top: 25px; }
#news dl>div dt{  }
#news dl>div dd{ margin-top: 8px; }

#company 				{ background-color: #fff; }
#company .master 		{ max-width: 865px; padding-top: 530px; position: relative; }
#company .master .parallax01{ width: 85%; position: absolute; top: 200px; right: 0; z-index: 3; }
#company .master .parallax02{ width: 70%; position: absolute; top: 150px; left: -30px; z-index: 2; }
#company .master>a 		{ width: 100%; margin: 0; display: block; }
#company .master>a:hover{ opacity: 1; }
#company .master>a:hover .arrow{ opacity: .5; }
#company .master>a h2 	{ font-size: .9rem; font-weight: 400; letter-spacing: .05rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#company .master>a h2 span{ margin-right: 10px; font-size: 1.7rem; font-weight: 400; letter-spacing: .25rem; }
#company .master>a p 	{ margin-top: 12px; font-size: .9rem; line-height: 1.75; letter-spacing: .05rem; }
#company .master>a .arrow{ text-align: right; -webkit-transition: .2s; transition: .2s; }
#company .master>a .arrow{ margin-top: 5px; }

#service 				{ padding-bottom: 100px; background-color: #fff; }
#service .master 		{ max-width: 865px; padding-top: 530px; position: relative; }
#service .master .parallax03{ width: 85%; position: absolute; top: 250px; left: 0; z-index: 3; }
#service .master .parallax04{ width: 70%; position: absolute; top: 80px; right: -30px; z-index: 2; }
#service .master>a 		{ width: 100%; margin: 0; display: block; }
#service .master>a:hover{ opacity: 1; }
#service .master>a:hover .arrow{ opacity: .5; }
#service .master>a h2 	{ font-size: .8rem; font-weight: 400; letter-spacing: .05rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#service .master>a h2 span{ margin-right: 10px; font-size: 1.6rem; font-weight: 400; letter-spacing: .25rem; }
#service .master>a p 	{ margin-top: 12px; font-size: .8rem; line-height: 1.75; letter-spacing: .05rem; }
#service .master>a .arrow{ text-align: right; -webkit-transition: .2s; transition: .2s; }
#service .master>a .arrow{ margin-top: 13px; }
}