@charset "UTF-8";
@media screen and (min-width: 641px), screen and (orientation: landscape) { 

#in-main-contents { background-repeat: repeat-y; background-position: center -440px; }

#in-main-contents #inner-box { width: 1000px; margin: 0px auto; padding: 0; position: relative; background: #FFFFFF; }

#h2-title { background: url(../images/staff/img_ttl.jpg) top center no-repeat; }

#h2-title h2 { color: #000; }

#h3-title .f-min_02 { color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
#h3-title .mb-01 { margin-bottom: 20px; }
#h3-title .dis-b { display: block; }

/*#h3-title*/
#page_staff01 { padding-bottom: 86px; background: url(../images/staff/bg02.png), url(../images/staff/bg03.jpg) repeat, repeat-y; /*偶数順のboxは左と右のボックスを逆に表示する*/ /*.left_Box*/ /*right_Box*/ }
#page_staff01 .clump { border-bottom: 3px solid; }
#page_staff01 .clump .fs12{ font-size: 12px; }
#page_staff01 .clump:nth-child(2n) { flex-direction: row-reverse; }
#page_staff01 .sub_ttl { color: #000000; font-size: 40px; font-weight: 600; line-height: 2; letter-spacing: 0.1em; padding: 20px 0; border-bottom: 3px solid; }


#page_staff01 .daihyou_katagaki{
	font-size: 14px; padding: 0 0 8px 0;
}


#page_staff01 .left_Box { padding: 68px 48px 190px 42px; background: url(../images/staff/bg01.png); color: #ffffff; }
#page_staff01 .pb_01 { padding-bottom: 195px; }
#page_staff01 .pb_02 { padding-bottom: 177px; }
#page_staff01 .pb_03 { padding-bottom: 326px; }
#page_staff01 .txt { line-height: 2; font-size: 18px; }
#page_staff01 .name { font-size: 30px; }
#page_staff01 .break { display: block; }




#page_staff01 .txt02 li{ font-size: 12px; padding: 0 0 10px 0;line-height: 1.6; }

#page_staff01 .right_Box { padding: 71px 41px 0px 48px; color: #000000; /*.inner_list2*/ }
#page_staff01 .right_Box .txt { font-size: 25px; font-weight: 600; line-height: 2; letter-spacing: -0.04em; }
#page_staff01 .right_Box .txt02 { font-size: 16px; line-height: 2; }
#page_staff01 .right_Box .inner_list2 dt { width: 571px; border-bottom: 2px solid; padding-bottom: 4px; color: #cc9900; font-size: 16px; font-weight: 700; }
#page_staff01 .right_Box .inner_list2 dd { font-size: 16px; line-height: 1.8; padding: 13px 0 22px; }

/*#page_staff01*/
#page_staff02 { padding: 103px 0 128px; background: url(../images/staff/bg01.png); /*.recruit_Box*/ }
#page_staff02 .inbox { width: 1000px; background: #ffffff; padding-top: 47px; }
#page_staff02 .yellow { position: absolute; top: -39px; left: 229px; }
#page_staff02 .ttl2 { position: absolute; top: -27px; left: 312px; color: #0a090a; font-size: 35px; font-weight: 600; line-height: 2; }
#page_staff02 .txt { font-size: 30px; line-height: 3; font-weight: 600; }
#page_staff02 .Box { width: 500px; margin: 0 auto 23px; }
#page_staff02 .recruit_Box { width: 880px; margin: 0 auto 72px; }


#page_staff02 .recruit_Box tr { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 18px; line-height: 3; color: #000000; }

#page_staff02 .recruit_Box tr .left_txt:before { content: url(../images/staff/btn.png); 
margin-right: 0.5em;
}

#page_staff02 .recruit_Box th {
text-align: left;
padding-left: 24px;
}



#page_staff02 .recruit_Box02 { padding: 0 108px 112px 113px; }
#page_staff02 .txt02 { width: 589px; font-size: 18px; color: #000000; line-height: 2.8; font-size: 18px; }
#page_staff02 .txt03 { font-size: 16px; letter-spacing: -0.07em; }
#page_staff02 .icon { position: absolute; top: -38px; right: 85px; }
#page_staff02 .tel { color: #222229; font-size: 46px; font-weight: bold; letter-spacing: 0.05em; }
#page_staff02 .tel:before { content: url(../images/staff/icon.png); padding-right: 20px; margin-bottom: 5px; }
#page_staff02 .inner_txt { color: #22222a; font-size: 12px; font-weight: 600; border: 2px solid; padding: 4px 19px 3px 22px; }

.job-01{
margin-right: 1em;
}


}


@media screen and (orientation: portrait) and (max-width: 640px) {
#in-main-contents { background-repeat: repeat-y; background-position: center -440px; }
  #in-main-contents #inner-box { width: 100%; margin: 0px auto; padding: 0; position: relative; background: #FFFFFF; }
  #h2-title { background: url(../images/staff/img_ttl.jpg) top center no-repeat; }
  #h2-title h2 { color: #fff; }
  #h3-title .f-min_02 { color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
  #h3-title .mb-01 { margin-bottom: 20px; }
  #h3-title .dis-b { display: block; }
  /*#h3-title*/
  #page_staff01 { padding-bottom: 0px; background: url(../images/staff/bg02.png), url(../images/staff/bg03.jpg) repeat, repeat-y; /*偶数順のboxは左と右のボックスを逆に表示する*/ /*.left_Box*/ /*right_Box*/ }
  #page_staff01 .clump { border-bottom: 3px solid; }
  #page_staff01 .clump .fs12{ font-size: 12px; padding: 0 0 10px 0; line-height: 1.6; }
  #page_staff01 .clump .fs12:before{ content: '〇'; margin-right: .5em;　}
  #page_staff01 .clump:last-child { margin-bottom: 16%; }
  #page_staff01 .clump:nth-child(2n) { flex-direction: none; }
  #page_staff01 .sub_ttl { color: #000000; font-size: 2.2rem; font-weight: 600; line-height: 2; letter-spacing: 0.1em; padding: 20px 0; border-bottom: 3px solid; }
  #page_staff01 .daihyou_katagaki { font-size: 14px; padding: 0 0 8px 0; }
  #page_staff01 .left_Box { padding: 8% 5%; background: url(../images/staff/bg01.png); color: #ffffff; }
  #page_staff01 .pb_01 { padding-bottom: 8%; }
  #page_staff01 .pb_02 { padding-bottom: 8%; }
  #page_staff01 .pb_03 { padding-bottom: 8%; }
  #page_staff01 .txt { line-height: 2; font-size: 18px; }
		
  #page_staff01 .name { font-size: 2.5rem; }
		
  #page_staff01 .break { display: block; }
  #page_staff01 .txt02 li { font-size: 12px; padding: 0 0 10px 0; line-height: 1.6; }
  #page_staff01 .right_Box { padding: 8% 5%; color: #000000; /*.inner_list2*/ }
  #page_staff01 .right_Box .txt { font-size: 2.2rem; font-weight: 600; line-height: 2; letter-spacing: -0.04em; }
  #page_staff01 .right_Box .txt02 { font-size: 16px; line-height: 2; }
  #page_staff01 .right_Box .inner_list2 dt { width: 100%; border-bottom: 2px solid; padding-bottom: 4px; color: #cc9900; font-size: 16px; font-weight: 700; }
  #page_staff01 .right_Box .inner_list2 dd { font-size: 16px; line-height: 1.8; padding: 13px 0 22px; }
		
		  #page_staff01 .mb30{
margin-bottom: 0;
				}
		
  /*#page_staff01*/
  #page_staff02 { padding: 8% 5%; background: url(../images/staff/bg01.png); /*.recruit_Box*/ }
  #page_staff02 .inbox { width: 100%; background: #ffffff; padding: 0% 5% 8%; }
  #page_staff02 .yellow { position: relative; top: 0px; left: 0px; display: none; }
  #page_staff02 .ttl2 { position: relative; top: 0px; left: 0px; color: #0a090a; font-size: 2.2rem; font-weight: 600; line-height: 2; background-image: url(../sp-images/bg-common/bg-ptn-02.jpg); margin-left: -5.5%; margin-right: -5.5%; text-align: center; color: #fff; padding-top: 4%; padding-bottom: 4%; margin-bottom: 8%; }
  #page_staff02 .txt { font-size: 2.2rem; line-height: 1.7; font-weight: 600; text-align: left; margin-bottom: 6%; }
  #page_staff02 .Box { width: 100%; margin: 0 auto 23px; text-align: center; }
  #page_staff02 .Box .mr40 { margin-right: 0; }
  #page_staff02 .recruit_Box { width: 100%; margin: 0 auto 8%; }
  #page_staff02 .recruit_Box tr { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 18px; line-height: 3; color: #000000; }
  #page_staff02 .recruit_Box th { display: block; width: 100%; text-align: left; font-size: 15px; font-weight: bold;}
  #page_staff02 .recruit_Box td { display: block; width: 100%; line-height: 1.9; padding: 2% 0 5%; font-size: 1.6rem; }
  #page_staff02 .recruit_Box tr .left_txt:before { content: url(../images/staff/btn.png); margin-right: 0.5em; }
  #page_staff02 .recruit_Box02 { padding: 8% 0% 0%; }
  #page_staff02 .recruit_Box02 .mb-02 { margin-bottom: 10%; }
  #page_staff02 .txt02 { width: 100%; font-size: 18px; color: #000000; line-height: 2; font-size: 1.4rem; }
  #page_staff02 .txt02 .mb-01 { margin-bottom: 5%; }
  #page_staff02 .txt03 { font-size: 1.4rem; letter-spacing: -0.07em; }
  #page_staff02 .icon { position: absolute; top: -38px; right: 85px; }
  #page_staff02 .tel { color: #222229; font-size: 3.9rem; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 3%; padding-top: 0%; padding-bottom: 0%; }
  #page_staff02 .tel { background-image: url(../images/staff/icon.png); background-repeat: no-repeat; background-size: 12%; padding-left: 14%; }
  #page_staff02 .inner_txt { color: #22222a; font-size: 12px; font-weight: 600; border: 2px solid; padding: 4px 19px 3px 22px; margin-bottom: 8%; line-height: 1.5; }
  .sp-pic { width: 40%; margin-right: 5%; }
  .sp-txt-Box { width: 55%; line-height: 1.4; }
  .inner_list { padding-left: 1.5em; text-indent: -1.5em; }
  .inner_list li:before { content: "〇"; margin-right: .5em; }
		
		.sp-ttl-01{
		width: 30%;
		margin-left: auto;
margin-right: auto;
		}

				.sp-ttl-02{
		width: 26%;
		margin-left: auto;
margin-right: auto;
		}
			.sp-mb-02 {
				margin-bottom: 12%;
		}
		
		.job-01{
display: block;
}
		
			.sp-mb-01 {
				margin-bottom: 8% !important;
		}		
		
		
		}
		
		
@media screen and (orientation: portrait) and (max-width: 380px) { #page_staff02 .tel { font-size: 3.5rem; font-weight: bold; padding-top: 0%; padding-bottom: 1%; } }
@media screen and (orientation: portrait) and (max-width: 380px) { #page_staff02 .tel { font-size: 3rem; font-weight: bold; padding-top: 0%; padding-bottom: 1%; } }