@charset "utf-8";
/*.design-bg{ width: 1280px; height: 4621px; background: url('../design_img/senior01.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 				{ padding-top: 60px; color: #fff; }
.detail01 .mainImage 	{ background: url('../img/senior/01/main-image.jpg') 50% 50% no-repeat; background-size: cover; }
.detail02 .mainImage 	{ background: url('../img/senior/02/main-image.jpg') 50% 50% no-repeat; background-size: cover; }
.detail03 .mainImage 	{ background: url('../img/senior/03/main-image.jpg') 50% 50% no-repeat; background-size: cover; }
.detail04 .mainImage 	{ background: url('../img/senior/04/main-image.jpg') 50% 50% no-repeat; background-size: cover; }
.mainImage .master 		{ position: relative; }
.mainImage h1 			{ font-size: 1.3rem; line-height: 1.6; text-align: left; position: static; -webkit-transform: translate(0,0); transform: translate(0,0); }
.mainImage .box 		{ margin-top: 29px; padding-left: 16px; }
.mainImage .box .profile{ padding: 1px 8px 0; display: inline-block; border: 1px solid #fff; font-size: .8rem; line-height: 1; }
.mainImage .box .position{ margin-top: 8px; font-size: .73rem; line-height: 1.5; }
.mainImage .box .name 	{ margin-top: 7px; font-size: .73rem; line-height: 1; }

.seniorDetail 			{  }
#sec01 					{ padding: 98px 0 62px; border-bottom: 1px solid #f2f2f2; }
#sec01 .master 			{ max-width: 1100px; }
#sec01 h2,#sec02 h2,#sec03 h2{ text-align: center; font-size: 1.1rem; line-height: 1.7; }
#sec01 figure 			{ margin-top: 35px; }

#sec02 					{ padding: 63px 0 51px; border-bottom: 1px solid #f2f2f2; }
#sec02 .master 			{ max-width: 1100px; }
#sec02 .box 			{ margin-top: 56px; position: relative; }
#sec02 .box>div 		{ width: 600px; padding: 80px 55px 35px; position: absolute; top: -20px; left: 0; z-index: 0; background: url('../img/common/stripe.png') 0 0 repeat; background-size: 8px; }
#sec02 .box>div p 		{ width: 78%; text-align: justify; line-height: 2.4; }
#sec02 .box>figure 		{ width: 54.546%; margin-left: auto; position: relative; z-index: 2; }

#sec03 					{ padding: 48px 0; }
#sec03 .box 			{ width: 100%; height: 498px; margin-top: 27px; position: relative; }
.detail01 #sec03 .box 	{ background: url('../img/senior/01/image03.jpg') 50% 50% no-repeat; background-size: cover; }
.detail02 #sec03 .box 	{ background: url('../img/senior/02/image03.jpg') 50% 50% no-repeat; background-size: cover; }
.detail03 #sec03 .box 	{ background: url('../img/senior/03/image03.jpg') 50% 50% no-repeat; background-size: cover; }
.detail04 #sec03 .box 	{ background: url('../img/senior/04/image03.jpg') 50% 50% no-repeat; background-size: cover; }
#sec03 .box .master 	{ max-width: 960px; height: 498px; position: relative; }
#sec03 .box .master>div { width: 500px; padding: 20px 20px 50px; background: url('../img/common/stripe.png') 0 0 repeat; background-size: 8px; position: absolute; bottom: -20px; right: 0; z-index: 2; }
.detail04 #sec03 .box .master>div { bottom: -80px; }
#sec03 .box .master>div p{ line-height: 2.5; text-align: justify; }

#offtime 				{ max-width: 1080px; margin-top: 26px; padding: 50px 0 0; background-color: #fefae9; }
.detail04 #offtime 		{ margin-top: 100px; }
#offtime h2 			{ text-align: center; font-size: 1.1rem; font-weight: 500; }
#offtime h2>span 		{ padding: 29px 0 15px; display: inline-block; background: url('../img/senior/slash.svg') 92% 0 no-repeat,url('../img/senior/slash.svg') 7% 100% no-repeat; }
#offtime h2>span>span 	{ margin-top: 4px; display: block; font-weight: 400; font-size: .7rem; }
#offtime .box 			{ margin-top: 15px; padding: 20px 60px 53px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#offtime .box>div 		{ width: 51%; }
#offtime .box>div h3 	{ margin-bottom: 28px; font-size: 1.095rem; font-weight: 500; line-height: 1.9; }
#offtime .box>div p 	{ line-height: 2.4; }
#offtime .box>figure 	{ width: 39.064%; margin-left: auto; -webkit-transform: rotate(5deg); transform: rotate(5deg); }

#message 				{ margin: 60px 0 0; padding: 89px 0 0; border-top: 1px solid #f2f2f2; }
#message .inner 		{ background: url('../img/senior/stripe.jpg') 0 0 repeat; background-size: 9px; }
#message .box 			{ max-width: 955px; padding: 70px 0 65px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
#message .box>div 		{ width: 78%; }
#message .box>div h2 	{ width: 205px; padding: 11px 0; text-align: center; font-size: 1.5rem; font-weight: 500; -webkit-transform: rotate(-8deg); transform: rotate(-8deg); position: absolute; top: -10px; left: 0; background-color: #fcee21; color: #ed8d9b; }
#message .box>div h3 	{ margin-bottom: 13px; font-size: 1.15rem; font-weight: 500; line-height: 1.7; }
#message .box>div p 	{ line-height: 2.4; text-align: justify; }
#message .box>figure 	{ width: 17.174%; margin-left: auto; line-height: 1.5; }
#message .box>figure img{ border-radius: 50%; }
#message .box>figure figcaption{ margin-top: 23px; font-size: .8rem; text-align: center; }
#message .box>figure figcaption span{ margin-top: 5px; display: block; font-size: 1rem; }

#main .otherSenior 		{ margin: 101px 0 125px; }
#main .otherSenior h2 	{ width: 400px; margin: 0 auto; padding: 11px 0; font-size: 1.1rem; text-align: center; background-color: #e697b4; color: #fff; position: relative; z-index: 5; }
#main .otherSenior .slider{ margin-top: -11px; }
#main .otherSenior .slider .slider-item{ width: 422px; height: 320px; overflow: hidden; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
#main .otherSenior .slider .slider-item a{ width: 100%; height: 100%; display: block; color: #fff; }
#main .otherSenior .slider .slider-item a:hover{ opacity: 1; }
#main .otherSenior .slider .slider-item01{ background: url('../img/senior/01/slider.jpg') 50% 0 no-repeat; background-size: 422px; }
#main .otherSenior .slider .slider-item02{ background: url('../img/senior/02/slider.jpg') 50% 0 no-repeat; background-size: 422px; }
#main .otherSenior .slider .slider-item03{ background: url('../img/senior/03/slider.jpg') 50% 0 no-repeat; background-size: 422px; }
#main .otherSenior .slider .slider-item04{ background: url('../img/senior/04/slider.jpg') 50% 0 no-repeat; background-size: 422px; }

#main .otherSenior .slider .slider-item a>div:before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background-color: rgba(0,0,0,.3); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: scale(.8); transform: scale(.8); display: block; mix-blend-mode: multiply; }
#main .otherSenior .slider .slider-item a>div>div{ width: 100%; position: absolute; top: 48.5%; left: 0; text-align: center; opacity: 0; -webkit-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
#main .otherSenior .slider .slider-item a:hover>div:before{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
#main .otherSenior .slider .slider-item a:hover>div>div{ opacity: 1; -webkit-transform: scale(1), translate(0,-50%); transform: scale(1), translate(0,-50%); }
#main .otherSenior .slider .slider-item a>div>div p:nth-of-type(1){ font-size: 13px; }
#main .otherSenior .slider .slider-item a>div>div p:nth-of-type(2){ margin-top: 2px; font-size: 26px; }
/*#main .otherSenior .slider .slider-item a>div>div p:nth-of-type(3){ font-size: 10px; font-weight: 300; }*/
#main .otherSenior .slider .slider-item a>div>div p:nth-of-type(3){ margin-top: 4px; font-size: 10px; font-weight: 300; }
/*
#main .otherSenior .slider .slick-prev{ width: 18px; height: 32px; background: url('../img/senior/prev.svg') 0 0 no-repeat; left: 10px; z-index: 5; }
#main .otherSenior .slider .slick-next{ width: 18px; height: 32px; background: url('../img/senior/next.svg') 0 0 no-repeat; right: 10px; z-index: 5; }
#main .otherSenior .slider .slick-prev:before,#main .otherSenior .slider .slick-next:before{ display: none; }*/
}


@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 				{ padding-top: 20px; color: #fff; }
.mainImage .master 		{ width: 94%; }
.detail01 .mainImage 	{ background: url('../img/senior/01/main-image.jpg') 85% 50% no-repeat; background-size: cover; }
.detail02 .mainImage 	{ background: url('../img/senior/02/main-image.jpg') 80% 50% no-repeat; background-size: cover; }
.detail03 .mainImage 	{ background: url('../img/senior/03/main-image.jpg') 85% 50% no-repeat; background-size: cover; }
.detail04 .mainImage 	{ background: url('../img/senior/04/main-image.jpg') 85% 50% no-repeat; background-size: cover; }
.mainImage .master 		{ position: relative; }
.mainImage h1 			{ font-size: 1rem; line-height: 1.6; text-align: left; position: static; -webkit-transform: translate(0,0); transform: translate(0,0); }
.mainImage .box 		{ margin-top: 10px; padding-left: 10px; }
.mainImage .box .profile{ padding: 1px 8px 0; display: inline-block; border: 1px solid #fff; font-size: .8rem; line-height: 1; }
.mainImage .box .position{ margin-top: 8px; font-size: .73rem; line-height: 1.5; }
.mainImage .box .name 	{ margin-top: 7px; font-size: .73rem; line-height: 1; }

.seniorDetail 			{  }
#sec01 					{ padding: 60px 0 60px; border-bottom: 1px solid #f2f2f2; }
#sec01 .master 			{  }
#sec01 h2,#sec02 h2,#sec03 h2{ text-align: justify; font-size: 1.1rem; line-height: 1.7; }
#sec01 figure 			{ margin-top: 20px; }

#sec02 					{ padding: 60px 0 60px; border-bottom: 1px solid #f2f2f2; }
#sec02 .box 			{ margin-top: 20px; position: relative; }
#sec02 .box>div 		{ padding: 20px 20px 20px; background: url('../img/common/stripe.png') 0 0 repeat; background-size: 8px; }
#sec02 .box>div p 		{  text-align: justify; line-height: 2; }
#sec02 .box>figure 		{ margin-top: 20px; position: relative; z-index: 2; }

#sec03 					{ padding: 60px 0; }
#sec03 h2 				{ width: 90%; margin: 0 auto; }
#sec03 .box 			{ margin-top: 27px; position: relative; }
#sec03 .box .master 	{ position: relative; }
#sec03 .box .master>div { margin-top: 20px; padding: 20px 20px 20px; background: url('../img/common/stripe.png') 0 0 repeat; background-size: 8px; z-index: 2; }
#sec03 .box .master>div p{ line-height: 2; text-align: justify; }
#sec03 figure 			{ margin-top: 20px; }

#offtime 				{ padding: 30px 0 0; background-color: #fefae9; }
#offtime h2 			{ text-align: center; font-size: 1rem; font-weight: 500; }
#offtime h2>span 		{ padding: 29px 0 15px; display: inline-block; background: url('../img/senior/slash.svg') 92% 0 no-repeat,url('../img/senior/slash.svg') 7% 100% no-repeat; }
#offtime h2>span>span 	{ margin-top: 4px; display: block; font-weight: 400; font-size: .7rem; }
#offtime .box 			{ margin-top: 15px; padding: 20px 20px 53px; }
#offtime .box>div 		{  }
#offtime .box>div h3 	{ margin-bottom: 15px; font-size: 1rem; font-weight: 500; line-height: 1.9; }
#offtime .box>div p 	{ line-height: 2; }
#offtime .box>figure 	{ margin-top: 40px; -webkit-transform: rotate(5deg); transform: rotate(5deg); }

#message 				{ margin: 60px 0 0; padding: 80px 0 0; border-top: 1px solid #f2f2f2; }
#message .inner 		{ background: url('../img/senior/stripe.jpg') 0 0 repeat; background-size: 9px; }
#message .box 			{ max-width: 955px; padding: 70px 0 35px; position: relative; }
#message .box>div 		{  }
#message .box>div h2 	{ width: 170px; padding: 10px 0; text-align: center; font-size: 1.3rem; font-weight: 500; -webkit-transform: rotate(-8deg); transform: rotate(-8deg); position: absolute; top: -10px; left: 0; background-color: #fcee21; color: #ed8d9b; }
#message .box>div h3 	{ margin-bottom: 13px; font-size: 1rem; font-weight: 500; line-height: 1.7; }
#message .box>div p 	{ line-height: 2; text-align: justify; }
#message .box>figure 	{ width: 164px; margin: 30px auto 0; line-height: 1.5; }
#message .box>figure img{ border-radius: 50%; }
#message .box>figure figcaption{ margin-top: 23px; font-size: .8rem; text-align: center; }
#message .box>figure figcaption span{ margin-top: 5px; display: block; font-size: 1rem; }

#main .otherSenior 		{ margin: 80px 0 80px; }
#main .otherSenior h2 	{ width: 280px; margin: 0 auto; padding: 11px 0; font-size: 1rem; text-align: center; background-color: #e697b4; color: #fff; position: relative; z-index: 5; }
#main .otherSenior .slider{ margin-top: -11px; }
#main .otherSenior .slider .slider-item{ width: 320px; min-height: 243px; overflow: hidden; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
#main .otherSenior .slider .slider-item a{ width: 100%; height: 100%; display: block; }
#main .otherSenior .slider .slider-item a:hover{ opacity: 1; }
#main .otherSenior .slider .slider-item01{ background: url('../img/senior/01/slider.jpg') 50% 0 no-repeat; background-size: 320px; }
#main .otherSenior .slider .slider-item02{ background: url('../img/senior/02/slider.jpg') 50% 0 no-repeat; background-size: 320px; }
#main .otherSenior .slider .slider-item03{ background: url('../img/senior/03/slider.jpg') 50% 0 no-repeat; background-size: 320px; }
#main .otherSenior .slider .slider-item04{ background: url('../img/senior/04/slider.jpg') 50% 0 no-repeat; background-size: 320px; }

#main .otherSenior .slider .slider-item a>div:before{ /*content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background-color: rgba(0,0,0,.3); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: scale(.8); transform: scale(.8); display: block; mix-blend-mode: multiply;*/ }
#main .otherSenior .slider .slider-item a>div>div{ width: 90%; margin: 0 auto; padding-top: 260px; }
#main .otherSenior .slider .slider-item a:hover>div:before{ /*opacity: 1; -webkit-transform: scale(1); transform: scale(1);*/ }
#main .otherSenior .slider .slider-item a:hover>div>div{ /*opacity: 1; -webkit-transform: scale(1), translate(0,-50%); transform: scale(1), translate(0,-50%);*/ }
#main .otherSenior .slider .slider-item a>div>div p:nth-of-type(1){ font-size: 13px; }
#main .otherSenior .slider .slider-item a>div>div p:nth-of-type(2){ margin-top: 2px; font-size: 20px; }
/*#main .otherSenior .slider .slider-item a>div>div p:nth-of-type(3){ font-size: 10px; font-weight: 300; }*/
#main .otherSenior .slider .slider-item a>div>div p:nth-of-type(3){ margin-top: 4px; font-size: 10px; font-weight: 300; }
}