@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url('components.css');

/* ───────────────────────────────────────────────────────────────────────────
PC表示
─────────────────────────────────────────────────────────────────────────── */

.showPC { display: block; }
.showSP { display: none; }

body { font-size:14px; background: #F2EEE8; }
a { text-decoration:none; color:#444; }
a:hover { opacity: 0.8; }
hr { margin:40px 0 40px 0; border:0; border-top:1px solid rgba(0,0,0,0.15); }

/*header { width: calc(100% - 50px); margin: 0 auto; padding: 20px 0; }*/
header { width: 100%; margin: 0 auto; padding: 20px 50px; position: fixed; top: 0; background: #F2EEE8; z-index: 9999; box-shadow: rgba(0, 0, 0, .15) 0 0 10px;}
@media print {header {position: static;}}
header:after { content: ""; display: block; clear: both; }
header .logo { float: left; position: relative; top:17px; }
header .hmenu { float: right; }
header .hmenu ul { display: inline-block; }
header .hmenu ul li { display: inline-block; padding: 0 0 0 5px; line-height: 15px; font-size: 10px; }
header .hmenu img { height:20px; }
header .hmenu li:last-child{ margin-right:5px; }

nav {  float: right; width: 100%; font-family: 'Sawarabi Mincho'; font-size: 16px; text-align: right; padding: 5px 0 0; }
nav ul { display: inline-block; }
nav ul li { display: inline-block; padding: 0 15px; text-align: left; line-height: 22px; position: relative; }
nav ul li a:hover,
nav ul li.active a { border-bottom:2px solid #841D3E; color:#841D3E; opacity: 1; }
nav ul li a span { display: block; line-height: 22px; opacity: 0; position: absolute; top:-1px; left: 0; width: 100%; font-size: 11px; text-align: center; transition: all .4s ease; background: #F2EEE8; color:#000; }
nav ul li a:hover span { opacity: 1; }
nav ol { display: inline-block; padding: 0 0 0 20px; }
nav ol li { display: inline-block; padding: 0 0 0 10px; text-align: left; line-height: 22px; }
nav li img { width: 22px; position: relative; top: -1px; }
nav li a { display: inline-block; padding: 0; }

.spmenu { display: none; transition: all .4s; box-sizing: border-box; }
.spmenu span { display: inline-block; transition: all .4s; box-sizing: border-box; }
.spmenu { position: fixed; top:22px; right: 20px; width: 22px; height: 18px; z-index: 9999; }
.spmenu span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #999; border-radius: 2px; }
.spmenu span:nth-of-type(1) { top: 0; }
.spmenu span:nth-of-type(2) { top: 8px; }
.spmenu span:nth-of-type(3) { bottom: 0; }

.slidemenu { width: 100%; height: 100vh; background: rgba(255,255,255,0.9); box-sizing: border-box; padding: 25px; position: fixed; top:0; left: 0; z-index: 99999; display: none; font-family: 'Sawarabi Mincho'; letter-spacing: 1px; }
.slidemenu ul { width: 100%; margin: 0 0 20px; overflow: hidden; }
.slidemenu ul li { width: 50%; float: left; box-sizing: border-box; font-weight: bold; }
.slidemenu ul li a { display: block; padding: 10px 0; margin: 0 5px; font-size: 15px; border-top: 1px solid rgba(0,0,0,0.25); }
.slidemenu ol { width: 100%; margin: 0 0 10px; overflow: hidden; }
.slidemenu ol li { width: 50%; float: left; box-sizing: border-box; }
.slidemenu ol li a { display: block; padding: 5px 0; margin: 0 5px; font-size: 12px; border-top: 1px solid rgba(0,0,0,0.25); }
.closebtn { display: block; text-align: center; padding: 20px 0; }
.closebtn span{ display: inline-block; position: relative; margin:0; padding: 0; width: 2px; height: 40px; background: #999; transform: rotate(45deg); }
.closebtn span:before{ display: block; content: ""; position: absolute; top: 50%; left: -18px; width: 40px; height: 2px; margin-top: -2px; background: #999; }

#container { margin-top: 80px;}

.catch { background: #fff; width: 100%; min-height: 750px; overflow: hidden; }
.catch .txt { width: 35%; min-height: 750px; overflow: hidden; float: left; text-align: center; }
.catch .txt h1 { padding: 35px 0; }/*175px 0 35px*/
.catch .txt p { display: flex; flex-direction: column; margin: 0 0 35px; position: relative; }
.catch .txt p a { display: inline-block; background: #841D3E; color:#fff; width: 240px; height: 50px; line-height: 50px; margin: 0 auto 50px;  }
.catch .txt p a.btnintern { background: #4E8318; }
.catch .txt p.btninternmv a { width:300px; background:#4E8318; color:#fff; margin: 0 auto; border-radius: 20px;}
.catch .txt p.btninternmv {padding-bottom:35px;}
.catch .txt p:after { content: ""; display: block; border-bottom: 1px solid #3D3732; position: absolute; left: 50%; bottom: 0; width: 40px; margin: 0 0 0 -20px; }
.catch .txt li { margin: 0 0 5px; }
.catch .img { width: 65%; height: 750px; overflow: hidden; float: right; background: url(/pharm_st/static/images/top/catch_img.png?2) center center no-repeat; background-size: cover; }
.catch h1 img{max-width: 90%; }

a.btn,
input.btn { font-size: 100% !important; display: inline-block; text-align: center; color:#333; background: transparent; padding: 12px; min-width: 240px; line-height: 20px; margin: 0 auto; border:3px solid #444; cursor: pointer; transition: all .25s ease; outline: 0;  }
a.btn:hover,
input.btn:hover { border-color: #111; background: #111; color:#fff;  }
a.btn.small { padding: 7px 10px; min-width: 140px; }

.message { padding: 100px 0; text-align: center; background: url(/pharm_st/static/images/top/message_hr.png) center bottom no-repeat; }
.message h1 { margin: 0 0 50px; }
.message p { line-height: 2; margin: 0 0 50px; }

.ourmind { padding: 100px 0; text-align: center; background: url(/pharm_st/static/images/top/ourmind_hr.png) center bottom no-repeat; border-bottom: 1px solid #3D3732; }
.ourmind h1 { margin: 0 0 50px; }
.ourmind p { line-height: 2; margin: 0 0 50px; }
.video { display: inline-block; padding: 15px; background: #353445; margin: 0 0 50px; }

.voice { padding: 100px 0; text-align: center; background: url(/pharm_st/static/images/top/voice_hr.png) center bottom no-repeat; border-bottom: 1px solid #3D3732; }
.voice h1 { margin: 0 0 50px; }
.voice p { line-height: 2; margin: 0 0 50px; }
.voice .inr { margin: 0 0 50px; }
.voice dl { width: 250px; margin: 0 10px; display: inline-block; }
.voice dt { padding: 0 0 10px; margin: 0 0 30px; border-bottom:1px solid rgba(0,0,0,0.1); }
.voice dd h2 { text-align: left; color:#888; letter-spacing: 1px; }
.voice dd h2 small { display: block; font-size: 12px; color:#888; }

.actions { padding: 100px 0 50px; text-align: center; background: #F0F1F2; }
.actions h1 { margin: 0 0 50px; }
.actions p { line-height: 2; margin: 0 0 50px; }
.actions .inr { width: 1000px; height: 600px; margin: 0 auto 50px; position: relative; overflow: hidden; }
.actions .inr li { float: left; }
.actions .inr li.actions01 { position: absolute; top:0; left: 0; }
.actions .inr li.actions02 { position: absolute; top:0; left: 400px; }
.actions .inr li.actions03 { position: absolute; top:0; left: 800px; }
.actions .inr li.actions04 { position: absolute; top:200px; left: 400px; }
.actions .inr li.actions05 { position: absolute; top:400px; left: 400px; }
.actions .inr li.actions06 { position: absolute; top:200px; left: 600px; }

footer .fentry a { padding: 25px 0; text-align: center; font-size: 27px; font-weight: bold; color:#fff; display: block; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); border-top:1px solid #ac4466; background: #ac4466; background: linear-gradient(to bottom, #ac4466 0%,#841d3e 100%); }
footer .sitemap { width: 1100px; margin: 0 auto; overflow: hidden; }
footer dl { width: 200px; border-right: 1px solid rgba(0,0,0,0.1); float: left; margin: 30px 0; height: 240px; box-sizing: border-box; }
footer dl.column01 { width: 170px; }
footer dl.column01 dt { margin: 0 0 20px; }
footer dl.column01 dd { margin: 0 0 5px; }
footer dt { font-size: 12px; margin: 0 10px 20px; font-weight: bold; color:#222; }
footer dd { font-size: 12px; margin: 0 10px 5px; line-height: 20px; }
footer small { display: block; padding: 30px 0; line-height: 20px; text-align: center; font-size: 11px; color:#888; background: #fff; }
footer .column05 { padding: 30px 0 0 30px; width: 330px; float: left; }
footer .fentrys { padding: 0 0 10px; margin: 0 0 10px; border-bottom:1px solid rgba(0,0,0,0.1); }
footer .fentrys a { display: block; background: #841D3E; color:#fff; font-size: 17px; font-weight: bold; text-align: center; padding: 15px 0; }
footer ul { width: 100%; overflow: hidden; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid rgba(0,0,0,0.1); }
footer ul li { float: left; margin: 0 5px 10px 0; }/*横並び　10px → 5px*/
footer ul li.even { margin: 0 0 10px 0; }
footer ol li { float: left; margin: 0 10px 10px 0; }

.pagetop { float: right; position: relative; right: 30px; margin: -45px 0 0; }
.pagetop img { width: 18px; height: 15px; opacity: 0.75; }

.tit { font-size: 40px; color:rgba(0,0,0,0.8); text-align: center; border-top:1px solid rgba(0,0,0,0.15); padding: 50px 0 10px; margin: 0 auto 60px; font-weight: normal; letter-spacing: 5px; position: relative; }
.tit.bold { text-shadow:1px 1px 1px #ffffff,0px 0px 5px #ffffff,-1px -1px 1px #ffffff; }
.tit:first-letter { color:#8A2646; }
.tit:after { display: block; content: ""; width: 100px; height: 1px; border-bottom: 1px solid rgba(0,0,0,0.3); position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -50px; }
.tit small { font-size: 13px; color:rgba(0,0,0,0.4); display: block; text-align: center; font-family: 'Sawarabi Mincho'; position: relative; top:-10px; font-weight: bold; }

.contents { max-width: 1000px; margin: 0 auto 50px; box-sizing: border-box; }
.contents:after { content: ""; display: block; clear: both; }
.contents .wrap { border:4px solid rgba(0,0,0,0.25); padding: 20px; }
.contents section h1 { font-size: 150%; font-weight: bold; color:rgba(0,0,0,0.8); letter-spacing: 1px; padding: 0 0 0 15px; border-left: 4px solid #8A2646; line-height: 1.1;  }
.contents section h2 { font-size: 120%; font-weight: bold; color:rgba(0,0,0,0.8);  }

.categoryMenu { margin: 0 auto 50px; }
.categoryMenu ul { max-width: 1000px; width: 100%; display: table; table-layout: fixed; margin: 0 auto 20px; }
.categoryMenu ul li { display: table-cell; text-align: center; /* font-family: 'Sawarabi Mincho'; */ font-size: 115%; position: relative; letter-spacing: 2px; }
.categoryMenu ul li:after { content: ""; display: block; width: 30px; height: 30px; border-left:1px solid rgba(0,0,0,0.5); transform: rotate(45deg); position: absolute; top:10px; right: -20px; }
.categoryMenu ul li:last-child:after { display: none; }

.categoryMenus { margin: 0 auto; background: rgba(255,255,255,0.05); border-top:1px solid rgba(0,0,0,0.15); }
.categoryMenus ul { width: 100%; display: table; table-layout: fixed; margin: 0 auto; }
.categoryMenus ul li { display: table-cell; text-align: center; /* font-family: 'Sawarabi Mincho'; */ position: relative; letter-spacing: 1px; }
.categoryMenus ul li a { display: block; padding: 15px 0; text-align: center; }
.categoryMenus ul li.active a { color:#8A2646; text-decoration: underline; }
.categoryMenus ul li:after { content: ""; display: block; width: 30px; height: 30px; border-left:1px solid rgba(0,0,0,0.2); transform: rotate(45deg); position: absolute; top:22px; right: -20px; }
.categoryMenus ul li:last-child:after { display: none; }

.supportpage { max-width: 800px; margin: 0 auto; padding: 0 0 50px; }
.supportpage:after { content:""; display:block; clear:both; }

.companytable th { text-align: left; padding: 5px 2em 5px 0; white-space: nowrap; }
.companytable td { text-align: left; padding: 5px 0; }
.companytable td a { color:#D02E62; }
.companytable td a:hover { text-decoration: underline; }

.posttable { width: 100%; margin: 0 0 30px; border-spacing: 0; border-collapse: collapse; border-bottom:1px solid rgba(0,0,0,0.2); }
.posttable caption { font-size: 1rem; font-weight: 600; text-align: left; padding: 0 0 5px; font-family: メイリオ; }
.posttable th { text-align: left; padding: .75em; border-top:1px solid rgba(0,0,0,0.2); vertical-align: middle; font-family: メイリオ; font-weight: 600; color: #8A2646; }
.posttable td { text-align: left; padding: .75em; border-top:1px solid rgba(0,0,0,0.2); vertical-align: middle; }
.posttable td.date { width: 5em; }
.posttable th.date { width: 12em; }/*追加*/
.posttable td.name { width: 15em; }
.posttable td.access {  }
.posttable td.info { width: 10em; text-align: center; }
.posttable td.info a { display: inline-block; background: #666; color:#fff; padding: 10px 15px; line-height: 1; border-radius: 2px; transition: all .25s ease; }
.posttable td.info a:hover { background: #841D3E; }

.sawarabi { font-family: 'Sawarabi Mincho'; }

.faqpage { max-width: 800px; margin: 0 auto 50px; }
.faqpage dl { padding: 0 0 30px; margin: 0 0 30px; border-bottom:1px dashed rgba(0,0,0,0.25); position: relative; }
.faqpage dl:last-child { border-bottom:none; }
.faqpage dl:before { content: "Q"; font-family: "Arial"; font-size: 36px; color:#8A2646; position: absolute; top:-17px; left: 0; }
.faqpage dt { padding: 0 0 0 40px; font-size: 130%; margin: 0 0 5px; color:#111; }
.faqpage dd { padding: 0 0 0 40px; }
.faqpage a { text-decoration:none; color:#8a2646; }

.caption { margin: -40px auto 50px; font-size: 130%; letter-spacing: 1px; text-align: center; font-family: 'Sawarabi Mincho'; line-height: 2; color:#111; }

.horizontalWrap { width: 100%; margin: 0 auto; display: table; table-layout: fixed; }
.horizontalWrap .cont { display: table-cell; }
.horizontalWrap dl { padding: 20px; margin: 0 10px; background: rgba(255,255,255,0.6); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); border-radius: 1px; }
.horizontalWrap dt { text-align: center; height: 180px; margin: 0 0 5px; }
.horizontalWrap dd h3 { font-size: 110%; font-weight: bold; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0 0 5px; margin: 0 0 5px; }

.sectionTit { font-size: 300%; font-weight: normal; border:none; padding: 0 0 10px; margin: 0 0 30px; text-align: center; position: relative; }
.sectionTit:after { display: block; content: ""; width: 200px; height: 1px; border-bottom: 1px solid rgba(0,0,0,0.4); position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -100px; }

.traininglist { max-width: 1100px; overflow: hidden; margin: 0 auto 30px; text-align: center; }
.traininglist dl { margin: 0 0 50px; width: 330px; display: inline-block; }
.traininglist dt { padding: 0 20px 15px; font-size: 140%; text-align: center; }
.traininglist dt img { width: 100%; }
.traininglist dd { padding: 0 20px; text-align: left; }
.traininglist dd h2 { padding: 0 20px 10px; line-height: 1.2; font-size: 140%; text-align: center; }
.traininglist dd p { padding: 0 0 20px; }

.videoarea { text-align: center; padding: 50px 0; background: #E6DED3; }

.ojtprof .cont { border:5px solid rgba(0,0,0,0.15); padding: 20px; margin: 0 0 20px; }
.ojtprof .cont:after { content: ""; display: block; clear: both; }
.ojtprof .cont .img { float: left; width: 200px; }
.ojtprof .cont .img img { max-width: 100%; }
.ojtprof .cont .txt { overflow: hidden; padding: 0 0 0 20px; }
.ojtprof .cont h2 { font-size: 170%; letter-spacing: 2px; line-height: 30px; vertical-align: middle; }
.ojtprof .cont h2 small { display: inline-block; font-size:50%; letter-spacing: 2px; line-height: 30px; vertical-align: middle; position: relative; top:-2px; left: 15px; color:#999; }
.ojtprof .cont h3 { font-size: 110%; letter-spacing: 2px; margin: 0 0 10px; }

#anchor02 section{
	display:flow-root;
	margin-bottom: 20px;
}
#anchor01 div{
	margin-bottom: 20px;
}


.voiceCatch { width: 100%; height: 450px; margin: 0 0 75px; overflow: hidden; border-top: 1px solid rgba(0,0,0,0.15); background: #fff none center center no-repeat; background-size: cover; position: relative; }

#container.voice02 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior02_top.jpg); }
#container.voice03 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior03_top.jpg); }

#container.voice05 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior05_top.jpg); }

#container.voice07 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior07_top.jpg); }

#container.voice09 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior09_top.jpg); }
#container.voice10 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior10_top.jpg); }
#container.voice11 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior11_top.jpg); }
#container.voice12 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior12_top.jpg); }
#container.voice13 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior13_top.jpg); }
#container.voice14 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior14_top.jpg); }
#container.voice15 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior15_top.jpg); }
#container.voice16 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior16_top.jpg); }
#container.voice17 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior17_top.jpg); }
#container.voice18 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior18_top.jpg); }
#container.voice19 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior19_top.jpg); }
#container.voice20 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior20_top.jpg); }
#container.voice21 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior21_top.jpg); }
#container.voice22 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior22_top.jpg); }
#container.voice23 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior23_top.jpg); }
#container.voice24 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior24_top.jpg); }
#container.voice25 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior25_top.jpg); }
/*#container.voice26 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior26_top.jpg); }*/
#container.voice27 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior27_top.jpg); }
#container.voice28 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior28_top.jpg); }
#container.voice29 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior29_top.jpg); }
#container.voice30 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior30_top.jpg); }
#container.voice31 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior31_top.jpg); }
#container.voice32 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior32_top.jpg); }
/*#container.voice33 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior33_top.jpg); }*/
#container.voice34 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior34_top.jpg); }
#container.voice35 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior35_top.jpg); }
#container.voice36 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior36_top.jpg); }
#container.voice37 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior37_top.jpg); }
#container.voice38 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior38_top.jpg); }
#container.voice39 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior39_top.jpg); }
#container.voice40 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior40_top.jpg); }
#container.voice41 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior41_top.jpg); }
/*#container.voice42 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior42_top.jpg); }*/
#container.voice43 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior43_top.jpg); }
#container.voice44 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior44_top.jpg); }
#container.voice45 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior45_top.jpg); }
#container.voice46 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior46_top.jpg); }
#container.voice47 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior47_top.jpg); }
#container.voice48 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior48_top.jpg); }
#container.voice49 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior49_top.jpg); }
#container.voice50 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior50_top.jpg); }
#container.voice51 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior51_top.jpg); }
#container.voice52 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior52_top.jpg); }
#container.voice53 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior53_top.jpg); }
#container.voice54 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior54_top.jpg); }
#container.voice55 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior55_top.jpg); }
#container.voice56 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior56_top.jpg); }
#container.voice57 .voiceCatch { background-image: url(/pharm_st/static/images/common/voice_senior57_top.jpg); }
.voiceArticle section img { max-width: 400px; border-radius: 6px; position:relative; box-shadow: 20px 20px 20px rgba(0,0,0,0.05); }
/*
.voiceCatch .img { width: 500px; position: absolute; top:0; right: 50%; }
.voiceCatch .txt { width: 500px; position: absolute; top:0; left: 50%; }
.voiceCatch h1 { font-size: 57px; font-weight: bold; line-height: 1.25; margin: 70px 0 70px -100px; }
.voiceCatch dl { padding: 20px 0; margin: 0 50px; border-top: 1px solid rgba(0,0,0,0.15); border-bottom: 1px solid rgba(0,0,0,0.15); }
*/
.voiceCatch .txt { width: 50%; height: 450px; background: rgba(255,255,255,0.75); position: absolute; top:0; left: 0; box-sizing: border-box; padding: 0 50px; }
#container .voiceCatch .r_txt{ left: auto; right: 0; }
.voiceCatch h1 { font-size: 2.5rem; font-weight: bold; line-height: 1.25; margin: 70px 0 35px 0; color:#111; }
.voiceCatch dl { padding: 20px 0; margin: 0; border-top: 1px solid rgba(0,0,0,0.15); border-bottom: 1px solid rgba(0,0,0,0.15); }
.voiceCatch dt { font-size: 34px; font-weight: bold; letter-spacing: 2px; }
.voiceArticle section { margin: 0 0 50px; padding: 0 0 50px; border-bottom: 1px solid rgba(0,0,0,0.15); }
.voiceArticle section:after { content: ""; display: block; clear: both; }
.voiceArticle section h1 { margin: 0 0 30px; }
.voiceArticle section p { font-size: 120%; line-height: 1.8; }

ul.list {  margin-left: 1em; }
ul.list li { padding-left:20px; background: url(/pharm_st/static/images/common/ico_arw.png) 0 7px no-repeat; }

.bgwhite { background: rgba(255,255,255,0.8); padding: 25px; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); border-radius: 1px; }

.catchimg { background: url(/pharm_st/static/images/common/dmyimg.jpg) center center no-repeat; background-size: cover; padding: 0 0 1px; margin: 0 0 50px; }

.topicpath { width: 100%; padding:5px 7px; overflow: hidden; background: #444; /* 353445 */ }
.topicpath li { font-size: 10px; float: left; color: rgba(255,255,255,0.5); }
.topicpath li a { color: rgba(255,255,255,0.5); }
.topicpath li a:hover { color: rgba(255,255,255,1); opacity: 1; }
.topicpath li a:after { content: "＞"; padding: 0 5px; color: rgba(255,255,255,0.5); }

.aboutmessage p { font-size: 120%; line-height: 2; margin: 0 0 30px; color:#111; }
.aboutmessage p span { background: rgba(255,255,255,0.75); box-shadow: 1px 1px 2px rgba(0,0,0,0.075); padding: 2px; }
.videolist { margin: -50px 0 0; }
.videolist a { transition: all .25s ease; }
.videolist h1 { font-size: 40px; color:rgba(0,0,0,0.8); text-align: center; border-top:1px solid rgba(0,0,0,0.15); padding: 100px 0 10px; margin:0 auto 50px auto; font-weight: normal; letter-spacing: 5px; position: relative; line-height: 1.25; background: url(/pharm_st/static/images/common/ico_video.png) center 50px no-repeat; }
.videolist h1:first-letter { color:#8A2646; }
.videolist h1:after { display: block; content: ""; width: 100px; height: 1px; border-bottom: 1px solid rgba(0,0,0,0.3); position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -50px; }
.videolist h1 small { font-size: 13px; color:rgba(0,0,0,0.4); display: block; text-align: center; font-family: 'Sawarabi Mincho'; position: relative; top:0; margin: 0 0 10px; font-weight: bold; }
.videolist .top { padding:30px; border-top:1px solid rgba(0,0,0,0.15); }
.videolist .top dl { width: 100%; }
.videolist .top dt { font-size: 200%; margin: 0 0 10px; text-align: center; }
.videolist .top dt:first-letter { color:#841D3E; }
.videolist .top dd { font-size: 150%; margin: 0 0 10px; text-align: center; }
.videolist .top img { border:10px solid #353445;}
.videolist .bodt { background: #fff; padding: 20px; }
.videolist .bodt dl { width: 25%; float: left; }
.videolist .bodt dt { font-size: 150%; margin: 0 0 10px; text-align: center; }
.videolist .bodt dt:first-letter { color:#841D3E; font-size: 150%; }
.videolist .bodt dd { font-size: 150%; margin: 0 0 10px; text-align: center; }
.videolist .bodt dd img { width: 250px; }

#legacycontents { max-width: 840px; padding: 40px; margin: 0 auto 50px; background: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.05); }
#legacycontents section h2 { font-size: 125%; font-weight: bold; color: rgba(0,0,0,0.8); letter-spacing: 1px; padding: 0 0 0 12px; margin: 0 0 20px; border-left: 4px solid #8A2646; line-height: 1.15; }
#legacycontents .detail_wrap { width: 430px; padding: 0; margin: 0 0 30px; }
#legacycontents .detail_wrap h2 { font-size: 100%; border:none; padding: 0; }
#legacycontents .view { margin: 0 0 30px; }
#legacycontents .view h2 { font-size: 100%; border:none; padding: 0; margin: 10px 0; }

.shoplist { background: #fff; max-width: 840px; margin: 0 auto 15px; box-shadow: 1px 1px 3px rgba(0,0,0,0.05); position: relative; }
.shoplist:before { content: ""; display: inline-block; position: absolute; top:-20px; left:-20px; width: 0; height: 0; border: 20px solid transparent; border-bottom: 20px solid #841D3E; transform:rotate(-45deg); }
.shoplist:after { content: ""; display: inline-block; position: absolute; bottom:-20px; right:-20px; width: 0; height: 0; border: 20px solid transparent; border-left: 20px solid #841D3E; transform:rotate(45deg); }
.shoplist ul { padding: 25px; }
.shoplist ul:after { content: ""; display: block; clear: both; }
.shoplist li { width: 20%; float: left; }
.shoplist li a { display: inline-block; line-height: 20px; }
.shoplist li em { line-height: 20px; color:#841D3E; font-weight: bold; display: inline-block; width: 80%; }
.shoplist li em:after { content: url(/pharm_st/static/images/common/ico_arw_5x10.png); display: inline-block; margin: 0 0 0 5px; }

#l_nav { display: none; }

.beauty a{color:#FFF; padding:15px 20px; background-color:#FF4395;}
.beauty.exit a{color:#000000; background-color:#DDDDDD;pointer-events: none;cursor: default;text-decoration: none;}


.thum {
    width: 20%;
}
._u-pull-right {
    float: right !important;
}
.bb {
    border: 1px solid #CCCCCC;
    padding: 1em;
	margin-bottom: 10px;
}
.contents h2, .contents article h2 {
    color: #841D3E;
    border-bottom: 2px dotted #841D3E;
}
#anchor03 ._c-row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
#anchor03 ._c-row--margin-s > ._c-row__col {
    margin-bottom: 0.75rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
#anchor03 ._c-row__col--md-1-3, ._c-row__col--md-2-6, ._c-row__col--md-3-9, ._c-row__col--md-4-12 {
    flex: 0 1 33.3333%;
    max-width: 33.3333%;
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.history_table li {
    width: 100%;
    border-bottom: 1px dotted #CCCCCC;
    display: table;
}
.history_table .h_year {
    width: 4em;
}
.history_table .h_month {
    width: 3em;
    text-align: right;
}
.history_table p {
    margin: 0;
    padding: 0.5em 0.3em;
    display: table-cell;
}
.history_table .h_event {
    padding-left: 1em;
}
.history_table p {
    margin: 0;
    padding: 0.5em 0.3em;
    display: table-cell;
}
.icon20 {
    width: 20px;
    margin: 5px;
    vertical-align: -10px;
}
.col2_dlist dt{
font-weight:600;
}
#history_contents dt{
font-weight:600;
}
#history_contents img{
display:none;
}
/*--ホスピタリティ画像配置--*/
#hosp_img{
	display: flex;
	flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}
#hosp_img img{
	border:#831e3c 2px solid;
	margin-left: -2px;
    margin-top: -2px;
}
/*--インターン画像配置--*/
.intn{
	display:flex;
	flex-wrap:wrap;
	margin-bottom: 10px;
	justify-content:space-around;
}
#movie_area{
	max-width:560px;
	min-height:315px;
	margin:0 auto 50px;
}
#hopesem{
	max-width: 535px;
}
#page_seminar{
	max-width: 800px;
	margin: 0 auto;
	& h2{
		color: #474747;
		font-size: 28px;
		text-align: center;
		border: none;
		padding: 20px 0;
		width: 100%;
		& + p{
			width: 100%;
			margin-bottom: 32px;
		}
	}
	& h3{
		text-align: center;
		font-size: 20px;
		padding: 10px 0;
		& + p{
			margin-bottom: 10px;
		}
	}
	& h4{
		min-height: 95px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	& section:has(>h2){
		margin-bottom: 40px;
		display: flex;
        flex-wrap: wrap;
		column-gap: 20px;
	}
	& section:has(>h3){
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-bottom: 40px;
		width: calc(50% - 10px);
	}
	& .seminarlink{
		display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
        margin: 0 auto 30px;
		& li{
			margin-right:20px;
			margin-bottom: 20px;
			& a{
				border: 1px solid #d9d9d9;
                display: block;
                font-size: 16px;
                padding: 5px 20px;
                
                background-color: rgba(255, 255, 255, 0.8);
			}
		}
	}
	& #semdata{
		& h3{
			width: 100%;
			color: #841D3E;
            border-bottom: 2px dotted #841D3E;
            margin-bottom: 20px;
		}
		& section:has(>h3){
			width: 100%;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: flex-start;
			column-gap: 5%;
		}		
		& .sem_intern, & .sem_open,& .sem_company,& .sem_other{
			width: 30%;
			display: flex;
			flex-direction: column;
			text-align: center;			
			& h4{				
				border: 1px solid rgba(0,0,0,0.15);
			}
			& .day{
				border-left: 1px solid rgba(0,0,0,0.15);
				border-right: 1px solid rgba(0,0,0,0.15);
			}
			& .time{
				border-left: 1px solid rgba(0,0,0,0.15);
				border-right: 1px solid rgba(0,0,0,0.15);
				border-bottom: 1px solid rgba(0,0,0,0.15);
			}
			& .place{
				border-left: 1px solid rgba(0,0,0,0.15);
				border-right: 1px solid rgba(0,0,0,0.15);
				border-bottom: 1px solid rgba(0,0,0,0.15);
			}
			& a{				
				text-decoration: underline;
			}
			& .sem_access{
				border: 1px solid rgba(0,0,0,0.15);
				text-decoration: none;
				padding: 5px;
			}
		}
		& .day,& .time,& .place{
			width: 100%;
		}
		& .sem_intern{
			& h4{				
				background-color:#38a0ff;
				color: #fff;
				padding: 10px 0;
			}
		}
		& .sem_open{
			& h4{
				background-color:#39ab4c;
				color: #fff;
				padding: 10px 0;
			}
		}
		& .sem_company{
			& h4{
				background-color:#ff469f;
				color: #fff;
				padding: 10px 0;
			}
		}
		& .sem_other{
			& h4{
				background-color:#797979;
				color: #fff;
				padding: 10px 0;
			}
		}
		& .day{
			padding-top: 10px;
			background-color:rgba(255,255,255,0.70);
		}
		& .time{			
			padding-bottom: 10px;
			background-color:rgba(255,255,255,0.70);
		}
		& p.place{
			padding: 10px;
		}
		& .place{
			padding: 0;
			background-color:rgba(255,255,255,0.70);			
            display: flex;
            justify-content: center;
            align-items: center;
			flex-wrap: wrap;
			& div{
				width: 100%;
				display: flex;
				align-items: center;
				&:nth-child(n+2){
					border-top: 1px solid rgba(0,0,0,0.15);
				}
				& > *{
					padding: 10px;
					font-size: 12px;
				}
			}
			& a{
				display: block;
			}
			& dt{
				width: 30%;
			}
			& dd{
				width: 70%;
				border-left: 1px dotted rgba(0,0,0,0.15);
				min-height: 90px;
                display: flex;
                align-items: center;
				flex-wrap: wrap;
                flex-direction: column;
				justify-content: center;
				& a{
					margin: 0 auto;
				}
			}
		}
	}
}
.sem_access{
	margin-top: 10px;
	background-color:#fff;
}
.fc_enj{
	color: #841D3E;
}
.ex{
	font-weight: 100;
	font-size: 16px;
	vertical-align: middle;
}
.ta_center{
	text-align: center;
}
.ta_justify{
	text-align: justify;
	text-align-last: justify;
}
.pc_nodisp{
	dsiplay:none;
}
/* ───────────────────────────────────────────────────────────────────────────
 1100px以下の動作
─────────────────────────────────────────────────────────────────────────── */
@media screen and (max-width:1100px){

.showPC { display: none; }
.showSP { display: block; }
img { max-width: 100%; }

#container { width: 100%; overflow: hidden; margin-top: 65px;}

header { padding: 10px 0; }
header .logo { margin: 10px; float: none; top:0; }
header nav,
header .hmenu { display: none; }

.spmenu { display: inline-block; }

.catch { height: auto; }
.catch .img { width: auto; height: 50vh; float: none; background-position: 0 -150px; }
.catch .txt { width: auto; height: auto; float: none; padding: 30px; min-height: 0;}
.catch .txt h1 { padding: 0 0 30px; }
.catch .txt p { padding: 0 0 30px; }
.catch .txt p a { margin: 0 auto 5px; }
.catch .txt li { font-size: 10px; }

.message,
.ourmind,
.voice,
.actions { padding:40px 30px; }

.message h1 img { width: 161px; text-align: center; }
.ourmind h1 img { width: 181px; text-align: center; }
.voice h1 img { width: 110px; text-align: center; }
.actions h1 img { width: 160px; text-align: center; }

.voice .inr { margin: 0 0 20px; }
.voice dl { margin: 0 auto 40px; }
.voice dt { padding: 0; margin: 0 0 10px; }

.video { width: auto; }
.video iframe { width: 220px !important; height: 120px; }

.actions { padding: 40px 0; }
.actions p { margin: 0 30px 30px; }
.actions .inr { width: 300px; margin: 0 auto 50px; height: auto; background: #fff; }
.actions .inr li { float: none; text-align: center; }
.actions .inr li.actions01 { position: static; top:0; left: 0; width: 300px; }
.actions .inr li.actions02 { position: static; top:0; left: 0; width: 300px; }
.actions .inr li.actions03 { position: static; top:0; left: 0; width: 100px; float: left; }
.actions .inr li.actions04 { position: static; top:0; left: 0; width: 100px; float: left; }
.actions .inr li.actions05 { position: static; top:0; left: 0; width: 100px; float: left; }
.actions .inr li.actions06 { position: static; top:0; left: 0; width: 300px; }

footer .fentry a { padding: 15px; font-size: 16px; }
footer .sitemap { width: auto; }
footer dl.column01,
footer dl.column02,
footer dl.column03,
footer dl.column04,
footer div.column05 { width: auto; height: auto !important; padding:20px 10px !important; margin: 0 !important; float: none; border-bottom: 1px solid rgba(0,0,0,0.1); overflow: hidden; }
footer dt { margin: 0; }
footer dd { margin: 0; width: 50%; float: left; }
footer ul li,
footer ul li.even { margin: 0 2px 4px; }

.pagetop { position: fixed; right: 15px; bottom: 15px; }
.pagetop a { display: inline-block; border-radius: 11px; padding:18px 16px; font-size: 1px; line-height: 1px; background: rgba(0,0,0,0.1); }

.tit { font-size: 30px; line-height: 1.1; }
.tit small { top:0; }
.contents { padding:0 20px; }
.categoryMenu { border-top:1px solid rgba(0,0,0,0.1); margin: 0 25px 50px; }
.categoryMenu ul { display: block; margin: 0; }
.categoryMenu ul li { display: block; font-size: 100%; text-align: left; margin: 0 0 5px; }
.categoryMenu ul li:after { display: none;}
.categoryMenu ul li a { display: block; padding: 6px 10px; background: rgba(0,0,0,0.1); border-radius: 3px; }
.categoryMenus { border:none; }
.categoryMenus ul { display: block; margin: 0; width: 100%; overflow: hidden; }
.categoryMenus ul li { display: block; padding: 0; width: 50%; float: left; text-align: left; font-size: 90%; letter-spacing: 0; }
.categoryMenus ul li:after { display: none;}
.categoryMenus ul li a { display: block; padding: 10px 10px; border-top:1px solid rgba(0,0,0,0.1); }
.categoryMenus ul li a::before{ content: ''; width: 6px; height: 6px; border: 0px; border-top: solid 2px rgba(0,0,0,0.5); border-right: solid 2px rgba(0,0,0,0.5); transform: rotate(45deg); position: absolute; top: 50%; right: 10px; margin-top: -4px; }

.traininglist dl { margin: 0 0 20px; width: auto; display: block; }
.traininglist dt { padding: 0 0 15px; }
.traininglist dd { padding: 0 0 15px; }
.traininglist dd p { height: auto !important; }

.ojtprof .cont .img { float: none; width: auto; padding: 0 0 15px; }
.ojtprof .cont .txt { padding: 0; }
.ojtprof .cont h2 { margin: 0 0 15px; }
.ojtprof .cont h2 small { display:block; line-height: 1.2; top:0; left: 0; }

.voiceCatch { height: auto; margin: 0 0 25px; }
.voiceCatch .img { width: auto; position: static; text-align: center; background: #eee; }
.voiceCatch .img img { max-width: 100%; }
.voiceCatch .txt { width: auto; height: auto; position: static; padding: 25px; }
.voiceCatch .txt h1 { margin: 0 0 20px; font-size: 30px; }
.voiceCatch .txt dl { margin: 0; padding: 15px 0; }
.voiceCatch .txt dt { font-size: 120%; }
.voiceArticle section { text-align: center; }
.voiceArticle section .fl { float: none !important; padding: 0 !important; margin:0 auto 20px !important; }
.voiceArticle section .fr { float: none !important; padding: 0 !important; margin:0 auto 20px !important; }
.voiceArticle section h1 { margin: 0 0 20px; text-align: left; }
.voiceArticle section p { text-align: left; }

.horizontalWrap { display: block; }
.horizontalWrap .cont { display: block; }
.horizontalWrap dl { padding: 15px; margin: 0 0 10px; }
.horizontalWrap dd p { height: auto !important; }

.flowimg img { height: 60px; }

.videolist h1 { font-size:20px; letter-spacing: 0; }
.videolist .bodt dl { width: 100%; float: none; }

.shoplist { margin: -45px 0 5px; }
.shoplist:before { display: none; }
.shoplist:after  { display: none; }
.shoplist ul { padding: 0; }
.shoplist li { width: 50%; }
.shoplist li em,
.shoplist li a { display: block; padding:8px 5px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; width: auto; }

#legacycontents .shopimg { width: 100%; float: none; margin: 0 0 30px; }
#legacycontents .detail_wrap { padding: 30px 0; }
#legacycontents { margin: -45px 0 0; padding: 10px; max-width: auto; max-width: 100%; }
#legacycontents .detail_wrap { width: auto; }
#legacycontents .view { width: auto; text-align: center; float: none; max-width: 100%; }

.posttable,
.posttable * { display: block; width: 100%; box-sizing: border-box; }
.posttable td.date,
.posttable td.name,
.posttable td.access,
.posttable td.info { width: auto; }
.posttable td.info { background: rgba(255,255,255,0.75); margin: 0 0 50px; }
.posttable td.info a { width: 200px; padding: 15px; }

}

/*.spec {
	font-weight: bold;
	color: #A60029;
	display: inline-block;
	padding: 3px 5px;
	border: 2px solid #BF1E5F;
	background-color: lightpink;
}*/
.spec {
	font-weight: bold;
	color: #700606;
	display: inline-block;
	padding: 2px 5px;
	border: 1px solid #700606;
	margin-bottom: 2px;
}
.select_entry li {
	display: inline-block;
	width: 240px;
	height: 50px;
	margin: 0 auto 20px;
}
.select_entry a {
	display: block;
	width: 100%;
	height: 100%;
	background: #841D3E;
	color: #fff;
	line-height: 50px;
	text-align: center;
}
.intern_course {
	border: 1em solid #D6D6D6;
	padding: 5px;
	margin: 1em;
	clear: both;
}
.intern_course p {
	margin-bottom: 0;
	margin-left: 170px;
}
.intern_course::after {
	content: "";
	display: block;
  clear: both;
}
.intern_course section{
	margin: 10px;
	margin-left: 170px;
}
.intern_course ul {
	margin-left: 1em;
}
.intern_course li {
	list-style: disc;
}
.special_seminar {
	width: 100%;
	text-align: center;
	margin: 30px 0;
}
.special_seminar a {
	
}
.ovh .prof {
	border:1em solid #E1E1E1;
	box-sizing: border-box;
	margin: 1em;
	padding: 1em;
}

.sub {
	font-size: 50%;
	line-height: 1;
}
#info{/*トップページお知らせ用*/
	display: block;
    margin: 15px auto;
    padding: 8px;
    border: 3px solid #841d3e;
    width: 80%;
    text-align: left;
	box-sizing: border-box;
	font-weight: 600;
}

/*共通部分用*/
.nodisp {display:none;}
._u-visible-sm-inline {display: none;}


@media screen and (max-width: 640px) {
  .fl._u-full,
  .fr._u-full {
    float: none !important;
    display: block;
    margin: 0 auto .5em;
		width: 100%;
		max-width: 100% !important;
		height: auto;
		box-sizing: border-box;
  }
#info{/*トップページお知らせ用*/
    width: 90%;
	}
}
/* ───────────────────────────────────────────────────────────────────────────
800px以下の動作
─────────────────────────────────────────────────────────────────────────── */
@media screen and (max-width:800px){
	.catch .img { height: 40vh; background-position: 0 -50px; }
	#page_seminar {
		& h2{
			font-size: 24px;
		}
		& section:has(>h3) {
			width: 100%;
		}		
		& #semdata {
			& .place {
				& div {
					& > * {
						font-size: 14px;
					}
				}
			}
		}
		& #semdata {
			& .sem_intern, & .sem_open, & .sem_company {
				width: 100%;
				margin-bottom: 30px;
				& .sem_access {
					border: 1px solid rgba(0, 0, 0, 0.15);
					text-decoration: none;
					padding: 20px;
				}
			}
		}
	}
	.pc_nodisp{
		dsiplay:block;
	}
}