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


@media print, screen and (min-width: 751px) {
.mainImage 				{ background: url('../img/senior/main-image.jpg') 50% 50% no-repeat; background-size: cover; }

#senior 				{ padding: 117px 0 200px; }
#senior .master 		{ max-width: 1080px; }
#senior .box 			{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }
#senior .box:before 	{ content: ''; width: 593px; height: 395px; background: url('../img/common/stripe.png') 0 0 repeat; background-size: 8px; position: absolute; z-index: -1; }

#senior .box:nth-of-type(1):before{ bottom: -50px; left: 175px; }
#senior .box:nth-of-type(2):before{ bottom: -50px; right: 50px; }
#senior .box:nth-of-type(3):before{ bottom: -50px; left: -100px; }
#senior .box:nth-of-type(4):before{ bottom: -50px; right: 10px; }
#senior .box:nth-of-type(5):before{ bottom: -50px; left: -100px; }

#senior .box:nth-of-type(n+2){ margin-top: 95px; }
#senior .box figure 	{ width: 55.556%; margin-left: 0; }
#senior .box:nth-of-type(2n+1) figure{ margin-left: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#senior .box div 		{ width: 39.5%; margin-left: auto; }
#senior .box:nth-of-type(2n+1) div{ margin-left: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#senior .box div h2 	{ margin-top: -10px; font-size: 1.14rem; font-weight: 500; line-height: 1.8; }
#senior .box div .position{ margin-top: 28px; font-size: .81rem; }
#senior .box div .name 	{ font-size: 1.6rem; font-weight: 500; }
#senior .box div .nameEn{ font-size: .6rem; }
#senior .box div .yy 	{ margin-top: 5px; font-size: .6rem; }
#senior .box div .btn 	{ margin-top: 43px; }

}


@media screen and (max-width: 1100px) and (min-width: 751px) {
}


@media screen and (max-width: 1000px) and (min-width: 751px) {

}


@media screen and (max-width: 900px) and (min-width: 751px) {

}


@media screen and (max-width: 750px) {
.mainImage 				{ background: url('../img/senior/main-image.jpg') 50% 50% no-repeat; background-size: cover; }

#senior 				{ padding: 60px 0 80px; }
#senior .master 		{ max-width: 1080px; }
#senior .box 			{ position: relative; }
#senior .box:before 	{ content: ''; width: 393px; height: 195px; background: url('../img/common/stripe.png') 0 0 repeat; background-size: 8px; position: absolute; z-index: -1; }

#senior .box:nth-of-type(1):before{ bottom: 180px; left: 50px; }
#senior .box:nth-of-type(2):before{ bottom: 180px; right: 50px; }
#senior .box:nth-of-type(3):before{ bottom: 180px; left: 50px; }
#senior .box:nth-of-type(4):before{ bottom: 180px; right: 50px; }
#senior .box:nth-of-type(5):before{ bottom: 180px; left: 50px; }

#senior .box:nth-of-type(n+2){ margin-top: 95px; }
#senior .box figure 	{ width: 100%; }
#senior .box:nth-of-type(2n+1) figure{  }
#senior .box div 		{ width: 100%; }
#senior .box:nth-of-type(2n+1) div{  }
#senior .box div h2 	{ margin-top: 10px; font-size: 1.1rem; font-weight: 500; line-height: 1.8; text-align: justify; }
#senior .box div .position{ margin-top: 28px; font-size: .81rem; }
#senior .box div .name 	{ font-size: 1.4rem; font-weight: 500; }
#senior .box div .nameEn{ font-size: .6rem; }
#senior .box div .yy 	{ margin-top: 5px; font-size: .6rem; }
#senior .box div .btn 	{ margin: 30px auto 0; }
}