@charset "UTF-8";
/*--------------------------------
初期設定
---------------------------------*/
html {}
body {width: 100%; color: #000; min-width: 320px; padding: 0px;font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans JP', "Helvetica Neue", HelveticaNeue, "Segoe UI",  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height: 180%;}
a {color: #000;}
img {max-width: 100%;height: auto;}
p, ul li, ol li, dl dt, dl dd{margin:0; padding:0; font-size:18px;line-height: 150%;}
ul{ margin:0; padding:0}
ul li{ margin:0; padding:0; list-style-type:none;}
.clearfix::after {content: "";display: block;clear: both;}
/*--------------------------------
共通
---------------------------------*/
.content {margin: 20px 30px;}
.maintitle-en{font-family: 'Oswald', sans-serif;font-size: 36px;text-align: center;padding-top: 20px;}
.maintitle-en::after{content: '';display: block;width: 150px;height: 10px;margin: 25px auto 15px auto;background-image: url(/~yakuzaib/img/h2bg.svg);background-repeat: no-repeat;background-position: center center;background-size: cover;}
.maintitle-jp{font-family: 'Noto Sans JP', sans-serif;font-size: 12px;font-weight: 300;text-align: center;}
.pagecontact {background-color: #ffa46d; font-size: 18px;border-radius:40px;text-align: center;margin: 30px auto;width: 200px;}
.pagecontact a {text-decoration: none;color: #fff;padding: 5px 50px;}
/*--------------------------------
ヘッダー
---------------------------------*/
h1 {margin: 15px 0 20px 15px;}
h1 img {width: 75%;}
.headcontact {background-color: #ffa46d; font-size: 18px;border-radius:40px;text-align: center;margin: 0 auto;width: 100px;padding: 3px 5px;}
.headcontact a {text-decoration: none;color: #fff;padding: 3px 13px;}
/*--------------------------------
フッター
---------------------------------*/
.link {background-color: #eee;padding: 10px 0;margin-top: 120px;}
.link a {text-decoration: none;padding: 5px;}
.link li {width: 230px;margin: 15px auto;text-align: center;}
.link i {font-size:10px;margin-left: 8px;}
footer {background-image: url(/~yakuzaib/img/footer_bg.png);background-repeat:no-repeat;background-size:cover;width: 100%;padding: 30px 0 50px 0;text-align: center;color: #fff;}
.mark img {width: 100px;}
footer a {color: #fff; text-decoration: none}
.university {font-size: 18px;font-weight: bold;margin-top: 10px;}
.university-ad {font-size: 12px;margin-top: 15px;line-height: 16px;}
.footer-nav{margin-top: 20px;}
.footer-nav p {font-size: 18px;font-weight: bold;line-height: 36px;}
.footer-nav ul {width: 180px;margin: 0 auto;}
.footer-nav li {font-size: 14px;text-align: left;line-height: 24px;}
small {font-size: 12px;margin: 50px 0 0 0;display: block;}
/*--------------------------------
トップページ
---------------------------------*/
.bg-slider{width: 100%;height: 520px;background-position:center center;background-size: cover;display: flex;margin-top: -20px;}
.bg-slider .copy {display: none;}
.bg-slider .copy2 {width: 70%;margin: 250px auto 0 auto;}
.interview .toptitle {margin: 30px 0 20px 0;text-align: center;}
.interview .toptitle img{height: 60px}
.interview p {width: 90%;margin: 0 auto 0 auto;}
.interview .interview_wrap{background-image: url(/~yakuzaib/img/interview_bg.jpg);background-repeat:no-repeat;background-size:cover;width: 100%;text-align: center;margin-top: 20px;padding-bottom: 30px;background-position: center center;}
.interview .interview_wrap a {text-decoration: none;}
.interview .interview_wrap img {width: 225px;margin: 50px 0 0 0;}
.interview_wrap p {margin: 10px 0 0 0;width: 100%; font-size: 16px;}
.survey{text-align: center;}
.survey .toptitle {margin: 30px 0 20px 0;}
.survey .toptitle img{height: 60px}
.survey p {width: 90%;margin: 0 auto 0 auto;text-align: left;font-size: 16px;}
.survey a {text-decoration: none;}
.survey .survey-photo {width: 90%;}

.question{text-align: center;}
.question .toptitle {margin: 30px 0 20px 0;}
.question .toptitle img{height: 60px}
.question p {width: 90%;margin: 0 auto 0 auto;text-align: left;font-size: 16px;}
.question a {text-decoration: none;}
.question .question-photo {width: 90%;}

.news{text-align: center;}
.news .toptitle {margin: 30px 0 20px 0;}
.news .toptitle img{height: 60px}
.news dl{width: 90%;margin: 0 auto 0 auto;text-align: left;}
.news dt{font-size: 16px;padding-bottom: 3px; margin-bottom: 5px;width: 130px;}
.news .new{background-image: url(/~yakuzaib/img/new.png);background-repeat:no-repeat;background-size:37px; background-position: right center;}
.news dd {font-size: 16px;border-bottom:solid 1px #000;padding-bottom: 3px; margin-bottom: 15px;}
.news a {text-decoration: none;}

.works{text-align: center;margin: 70px 0 20px 0;background-image: url(/~yakuzaib/img/works_bg.jpg);background-repeat:no-repeat;background-size:cover;width: 100%;text-align: center;padding:20px 0 30px 0;}
.works .toptitle {margin: 10px 0 20px 0;}
.works .toptitle img{height: 60px}
.works1 {width: 90%;margin: 0 auto 50px auto;}
.works1 p {font-size: 16px;text-align: left;}
.works1 a {text-decoration: none;}
.works2 {width: 90%;margin: 0 auto 50px auto;}
.works2 p {font-size: 16px;text-align: left;}
.works2 a {text-decoration: none;}
.supplement {text-align: right;font-size: 10px;color: #ccc;}
.generic2{margin: 50px 0;}
/*--------------------------------
ごあいさつ
---------------------------------*/
.greeting-text{font-size: 18px;line-height: 180%;margin-top: 30px;}
.greeting-name{font-size: 18px;line-height: 180%;margin-top: 15px;text-align: right;}
.greeting-area .greeting-photo,
.greeting-area > img {margin: 20px auto;width: 50%;display: block;float: none;}
.greeting-area .greeting-photo img {width: 100%;margin: 0;}
.greeting-headimg{display: none;}
/*--------------------------------
研究業績
---------------------------------*/
.reserch-area h3 {text-align: center;font-size: 24px;position: relative;margin-top: 50px;}
.reserch-area h3::before{content:"";display:block;width:200px;height:1px;background-color:#000;position:absolute;top:0;left: 0;right: 0;margin:-15px auto;}
.reserch-area h3::after{content:"";display:block;width:200px;height:1px;background-color:#000;position:absolute;bottom:0;left: 0;right: 0;margin:-15px auto;}
.reserch-area h4 {text-align: center;font-size: 16px;border: 1px solid #000;padding: 5px;width: 200px;margin: 50px auto 10px auto;}
.reserch-area h5 {font-size: 20px;line-height: 30px;margin-bottom: 5px;background-color: #f9f9f9;padding: 5px;word-wrap: break-word;}
.reserch-area p {margin: 10px 20px;line-height: 160%;word-wrap: break-word;}
.yearbox{text-align: center;margin: 50px auto 0 auto;}
.yearbox li{width: 100px;float: left;}
.yearbox a {text-decoration: none;width: 80px;border: 1px solid #000;padding: 3px;display: block;font-size: 16px;margin: 10px;}
.yearbox .title-border{display: flex;align-items: center;margin: 100px 0 20px 0;}
.yearbox .title-border:before,.yearbox .title-border:after {border-top: 1px solid;content: "";flex-grow: 1;}
.yearbox .title-border:before {margin-right: 1rem;}
.yearbox .title-border:after {margin-left: 1rem;}


.old-area {margin-top: 40px;text-align: center;}
.old-area a{margin-bottom: 30px; display: block;}
#slideR {display: none;}
/*--------------------------------
薬剤部紹介
---------------------------------*/
.department-headimg{display: none;}
.department-area {}
.thumbnail-wrap {width: 300px;border:1px #ffa46d solid; border-radius: 5px;margin: 10px auto 20px auto;}
.thumbnail-wrap2 {width: 300px;border:1px #ffa46d solid; border-radius: 5px;margin: 10px auto 20px auto;}
.thumbnail-title{font-weight: bold;text-align: center;margin-top: 10px;}
.thumbnail-text{font-size: 16px;margin: 10px 20px;}
.imgwrap{width: 300px; height: 300px;overflow: hidden;}
.imgwrap img {border-radius: 5px 5px 0 0;display: block; transition-duration: 0.3s;width: 300px;}
.imgwrap img:hover {transform: scale(1.3);transition-duration: 0.3s;}
.thumbnail-wrap a {text-decoration: none;}
.thumbnail-wrap2 a {text-decoration: none;}
.departmenttitle {text-align: center;}
.departmenttitle img {width: 300px;}
.department-subtitle {text-align: center; font-size: 20px;border-bottom: 1px solid #000;padding: 10px 0;margin: 60px auto 30px auto;font-family: 'Noto Sans JP', sans-serif;letter-spacing:2px;}
blockquote p {font-size: 14px;line-height: 120%;}
.center-image {width: 100%;background-image: url(/~yakuzaib/aboutus/img/image-area-bg.png);background-repeat: repeat-x;background-position:center 320px;}
.image-area {margin: 20px auto;}
.image-area img {width: 300px;display: block;margin: 20px auto;}
.image-area .img01{}
.image-area .img02{}
.tyouzai-image01 {margin: 20px auto;}
.department-area figcaption {font-size: 14px; color: #666;text-align: center;margin-top: -15px;}
.department-area .documenttext li{margin-bottom: 30px;text-indent:-23px;padding-left:23px;}
.department-area .documenttext li::before {font-family: "Font Awesome 5 Free";content: '\f044';color: #ffa500;font-size: 18px;margin-right: 5px;}
.gyoumtext li{margin-top: 30px;text-indent:-23px;padding-left:23px;}
.gyoumtext li::before{font-family: "Font Awesome 5 Free";content: '\f044';color: #ffa500;font-size: 18px;margin-right: 5px;}
.iyakuhintitle {text-align: center;font-size: 30px;font-family: serif;line-height: 180%;text-shadow: 3px 3px 9px rgba(0,0,0,0.3);margin-bottom: 30px;}
.department-subsubtitle{text-align: center;font-size: 18px;font-weight: bold;margin: 20px 0;}
.img200 {width: 200px!important;}
.img250 {width: 250px!important;}
.img300 {width: 300px!important;}
.img400 {width: 400px!important;}
/*--------------------------------
医療関係者の方へ
---------------------------------*/
.medical-area {margin-top: 40px;}
.medical-area a{margin-bottom: 30px; display: block;}
.medicalpdf::before{font-family: "Font Awesome 5 Free"; content: '\f1c1'; font-size: 16px; font-weight: 400; margin-right: 10px; color:#ff0000;}
.medicalexcel::before{font-family: "Font Awesome 5 Free"; content: '\f1c3'; font-size: 16px; font-weight: 400; margin-right: 10px; color:#006400;}
.medicalword::before{font-family: "Font Awesome 5 Free"; content: '\f1c2'; font-size: 16px; font-weight: 400; margin-right: 10px; color:#000080;}
.medicalpage::before{font-family: "Font Awesome 5 Free"; content: ''; font-size: 16px; font-weight: 400; margin-right: 10px; color:#006400;}


/*--------------------------------
アンケート
---------------------------------*/
.survey-area {}
.survey-area h4{font-weight: bold;font-size: 24px;color: #ffa500;text-align: center;margin-top: 50px;line-height: 150%;}
.survey-area li {margin-bottom: 30px;text-indent:-23px;padding-left:23px;}
.survey-area li::before {font-family: "Font Awesome 5 Free";content: '\f044';color: #ffa500;font-size: 18px;margin-right: 5px;}

/*--------------------------------
就職・進学・研修
---------------------------------*/
.recruithead{margin: 20px 30px;}
.recruittitle {text-align: center;width: 100%;}
.recruittitle img {width: 300px;}
.recruit-subtitle{margin: 50px auto 20px auto;width: 100%;}
.recruit-content a{text-decoration: none;}
.card01 div {text-align: center;margin-bottom: 30px;padding: 10px;box-shadow: 2px 2px 4px gray;}
.card01 img {display: block;width: 100%;margin-bottom: 10px;}
.card02 div {text-align: left;margin-bottom: 30px;padding: 10px;box-shadow: 2px 2px 4px gray;}
.card02 .card02img{display: block;width: 100%;height: 200px;background-image: url(/~yakuzaib/recruit/img/card02-1.jpg);background-size: cover;margin-bottom: 30px;}
.card03 div {text-align: center;margin-bottom: 30px;padding: 10px;box-shadow: 2px 2px 4px gray;}
.schedulewrap{width: 100%; overflow-x: scroll;margin: 20px 0 10px 0;}
.scheduleimg{display: block;width: 750px;max-width: initial;}
.programschedule {overflow-x: scroll;width: 100%;white-space: nowrap;}
.programschedule table{border-collapse: collapse;border:1px solid #000;font-size: 14px;margin-top: 30px;}
.programschedule th{border-collapse: collapse;border:1px solid #000;text-align: center;background-color: #99bae0;padding: 5px;}
.programschedule td{border-collapse: collapse;border:1px solid #000;padding: 5px;}
.ps-month {text-align: center;}
.education-area{}
.education-area h4{font-weight: bold;font-size: 24px;color: #ffa500;text-align: center;margin-top: 50px;line-height: 150%;}
.education-area p {}
.structurewrap{text-align: center;}
.structurewrap h5 {width: 250px;margin: 20px auto 10px auto;display: inline-block;position: relative;height: 50px;line-height: 50px;vertical-align: middle;text-align: center;padding: 0 30px;font-size: 18px;background: #32cd32;color: #fff;box-sizing: border-box;}
.structurewrap h5:before, .structurewrap h5:after{position: absolute;content: '';width: 0px;height: 0px;z-index: 1;}
.structurewrap h5:before{top: 0;left: 0;border-width: 25px 0px 25px 15px;border-color: transparent transparent transparent #fff;border-style: solid;}
.structurewrap h5:after{top: 0;right: 0;border-width: 25px 15px 25px 0px;border-color: transparent #fff transparent transparent;border-style: solid;}
.structurewrap p {text-align: left;}
.structurewrap img {width: 300px;display: block;margin: 20px auto;}
.photo1style{}
.photo1style h4{font-weight: bold;font-size: 24px;color: #ffa500;text-align: center;margin-top: 50px;line-height: 150%;}
.photo1style li {margin-bottom: 30px;text-indent:-23px;padding-left:23px;}
.photo1style li::before {font-family: "Font Awesome 5 Free";content: '\f044';color: #ffa500;font-size: 18px;margin-right: 5px;}
.photo1style img {width: 200px;margin: 0 auto;display: block;}
.wakustyle{margin-top: 50px;border: 1px solid #ffa500; border-radius: 20px;padding: 15px;line-height: 180%;}
.leave-area img {width: 200px;margin: 10px;}
.leave-area div {text-align: center;}
.oneday-area li {display: flex; margin-top:40px; flex-wrap:wrap;}
.oneday-area .clock {width: 10%; margin-right: 20px;background-image: url(/~yakuzaib/recruit/img/ten.png);background-size: 5px;background-repeat:repeat-y;background-position:center;}
.oneday-area dl {width: 80%;margin-top: 0;}
.oneday-area dt {font-weight: bold;margin-bottom: 15px;}
.oneday-area dt span {padding-left: 15px;color: #48B134;}
.graph {text-align: center;}
.graph img {width: 70%;margin: auto 20px;}

.recruit-li li {margin-bottom: 30px;text-indent:-23px;padding-left:23px;}
.recruit-li li::before {font-family: "Font Awesome 5 Free";content: '\f044';color: #ffa500;font-size: 18px;margin-right: 5px;}


/*--------------------------------
お問合せ
---------------------------------*/
.contact-area {}
.contacttitle{text-align: center;font-size: 24px;position: relative;margin-top: 50px;line-height: 180%;}
.contacttitle::before{content:"";display:block;width:300px;height:1px;background-color:#000;position:absolute;top:0;left: 0;right: 0;margin:-15px auto;}
.contacttitle::after{content:"";display:block;width:300px;height:1px;background-color:#000;position:absolute;bottom:0;left: 0;right: 0;margin:-15px auto;}
.contact-area p{margin: 30px 0;line-height: 180%;}
.contacttel {border: 1px solid #ffa500;padding: 10px;width: 240px;}
.contact-area input{width: 100%;border-radius: 5px;border: 1px solid #000;padding: 10px;box-sizing: border-box;}
.contact-area textarea{width: 100%;border-radius: 5px;border: 1px solid #000;padding: 10px;box-sizing: border-box;}
.contactstep{text-align: center;display: flex;justify-content: space-around;}
.contactstep div{height: 30px;background-color: #999;border: 1px solid #000;padding: 5px;margin-left: -1px;width: 34%;font-size: 12px;margin-top: 30px;}
.contactstep div i {margin-right: 10px;display: none;}
.stepwhite{background-color: #fff!important;}
.contact-area li p{margin: 30px 0 5px 0;}
.contact-area li span{color: #fff; background-color: red; font-size: 12px;padding: 2px 5px;border-radius: 5px;}
.attention {font-size: 14px;}

.btncontainer {text-align: center;padding-top: 10px;}
.btn-border {margin: 0 10px;display: inline-block;max-width: 180px;text-align: left;border: 2px solid #48B134;font-size: 16px;color: #48B134;text-decoration: none;font-weight: bold;padding: 8px 16px;border-radius: 4px;transition: .4s;background-color: #fff;}
.btn-border:hover {background-color: #48B134;border-color: #cbe585;color: #FFF;}
.typingerror{margin: 10px!important;font-weight:bold;color: red;}
.inputtitle{font-weight:bold;}
.inputgroup{border-bottom: 1px solid #000;padding-bottom: 10px;}
.inputtext{margin-left: 20px;}
.thankstext{margin-top: 40px;}


@media screen and (min-width: 600px) {
/*--------------------------------
ヘッダー
---------------------------------*/
h1 img {width: 300px;}
/*--------------------------------
トップページ
---------------------------------*/
.bg-slider{width: 100%;height: 420px;}
.bg-slider .copy {width: 90%;margin-top: 250px;display: block;}
.bg-slider .copy2{display: none;}
.interview p{width: 500px;margin: 0 auto;}
.interview_wrap .btn_area {width: 500px;margin: 0 auto 0 auto;}
.interview_wrap .btn {float: left; width: 250px;}
.interview_wrap p{width: 150px;}
.survey p {width: 500px;text-align: left;}
.survey .survey-photo {width: 450px;margin-top: 20px;}
.question p {width: 500px;text-align: left;}
.question .question-photo {width: 450px;margin-top: 20px;}
.news{width: 500px;margin: 0 auto 0 auto;}
.works1 img {width: 500px;}
.works2 img {width: 500px;}
.works1 p {width: 500px;margin: 20px auto 0 auto;}
.works2 p {width: 500px;margin: 20px auto 0 auto;}
/*--------------------------------
共通
---------------------------------*/
.content {width: 500px;margin: 30px auto;}

/*--------------------------------
薬剤部紹介
---------------------------------*/
.department-subtitle {width: 300px;}

/*--------------------------------
就職・進学・研修
---------------------------------*/
.card01 {width: 520px;margin: 0 auto;display:flex;flex-wrap:wrap;}
.card01 div {width: 220px;margin: 0 10px 30px 10px;}
.recruit-subtitle{width: 300px;text-align: center;}
.card02 div{width: 520px;margin: 0 auto;}
.card02 .card02img{height: 400px;background-position: right;}
.card03 {width: 520px;margin: 0 auto;display:flex;flex-wrap:wrap;}
.card03 div {width: 220px;margin: 0 10px 30px 10px;}
.programschedule {margin: 0 auto;width: 343px;overflow-x: visible;}
.structurewrap img {width: 400px;}
.leave-area img {width: 150px;margin: 10px;}
.leave-area div {display: flex;justify-content: space-evenly;margin-bottom: 20px;}
.graph img {width: 200px;}
.datagroup {display: flex;justify-content: space-evenly;width: 500px;margin: 0 auto;}

/*--------------------------------
お問合せ
---------------------------------*/
.contacttitle::before{width:350px;}
.contacttitle::after{width:350px;}
.contacttitle span {display: block;}
.contactstep div i {margin-right: 10px;display: inline-block;}












}

@media screen and (min-width: 960px) {
/*--------------------------------
  ヘッダー
---------------------------------*/
h1 {margin: 20px 0 20px 15px; width: 500px;display: block;}
header{width: 960px;margin: 0 auto;text-align: start;}
.headcontact {margin: 0 0 0 830px;}
.headwrap{}
h1 img {float: left;width: 400px;}
/*--------------------------------
フッター
---------------------------------*/
.footer-wrap {width: 960px;margin: 0 auto;}
.footer-nav {float:left;width: 190px;padding:0 20px 0 20px;}
.university-wrap{float:left; margin-right: 50px;}
.university{text-align: left;}
.university-ad{text-align: left;}
.footer-nav p {text-align: left;}
.footer-nav ul {margin: 0;}
.line-left{border-left: 1px solid #fff;}
.line-right{border-right: 1px solid #fff;}


/*--------------------------------
共通
---------------------------------*/
.content {width: 1000px;margin: 30px auto;}


/*--------------------------------
トップページ
---------------------------------*/
.bg-slider{width: 100%;height: 600px;margin-top: 0;}
.bg-slider .copy {width: 750px;margin-top: 430px;}
.interview .toptitle {margin: 50px 0 20px 0;text-align: center;}
.interview .toptitle img{height: 60px}
.interview p {width: 680px;margin: 0 auto 0 auto;}
.interview_wrap .btn_area {width: 900px;margin: 0 auto 0 auto;}
.interview_wrap .btn {float: left; width: 225px;}
.interview_wrap p{width: 150px;}
.side-side {position : relative;height: 750px;}
.survey {width: 950px;margin:0;text-align: left;position: absolute;top: 50px;left: 0;}
.survey_wrap {float: right;}
.survey .survey-photo {width: 400px;margin: 30px 50px 0 0;}
.survey .toptitle img{height: 60px;}

.question {width: 950px;margin:0 auto;text-align: right;position: absolute;top: 450px;right: 0;}
.question_wrap {float: left;}
.question .question-photo {width: 400px;margin: 30px 0 0 50px;}
.question .toptitle img{height: 60px;}

.news{width: 900px;margin-top: 120px;}
.news dt{float: left;padding-bottom: 15px;margin-bottom: 15px;}
.news dd{padding-left: 140px;padding-bottom: 15px;margin-bottom: 15px;}
.news .new{background-position: right top 5px;}

.works_wrap{width: 950px;margin: 0 auto 0 auto;}
.works1{float: left;width: 450px;margin: 0 12px;}
.works2{float: left;width: 450px;margin: 0 12px;}
.works1 img {width: 450px;}
.works2 img {width: 450px;}
.works1 p {width: 430px;padding: 0 10px;}
.works2 p {width: 430px;padding: 0 10px;}

.generic2{margin: 50px auto;width: 700px;}
/*--------------------------------
フッター
---------------------------------*/
.link {padding: 20px 0;}
.link ul {width: 690px;margin: 0 auto;}
.link li {width: 230px;float: left;}



/*--------------------------------
ごあいさつ
---------------------------------*/
.greeting-headimg{display: block;background-image: url(/~yakuzaib/aboutus/img/headimg01.jpg);height: 200px;width: 100%;background-position: center;background-size:cover;}
.greeting-textwrap{display: block;}

.greeting-area .greeting-photo,
.greeting-area > img {float: left;margin: 0 30px 15px 0;width: 200px;}
.greeting-area .greeting-photo img,
.greeting-area > img {width: 100%;height: auto;display: block;margin: 0;}
.greeting-textwrap .greeting-text:first-child{margin-top: 0;}
.greeting-area{width: 700px; margin: 30px auto 0 auto;}
/*--------------------------------
研究業績
---------------------------------*/
.reserch-area {width: 800px;margin: 0 auto;}
#slideR {display: block;z-index: 99;cursor: pointer;position: fixed;top: 170px;right: -100px;background-image: url(/~yakuzaib/reserch/img/label.png);background-repeat:no-repeat;background-size:150px auto;width: 150px;color: #fff;font-size: 16px;padding-top: 10px;}
#slideR li {margin-left: 70px; font-size: 14px;padding: 3px;}
#slideR a {text-decoration: none;padding: 3px;}
.reserch-headimg{display: block;background-image: url(/~yakuzaib/reserch/img/headimg01.jpg);height: 200px;width: 100%;background-position: center;background-size:cover;}
.old-area{width: 700px; margin: 0 auto;}
/*--------------------------------
薬剤部紹介
---------------------------------*/
.department-headimg{display: block;background-image: url(/~yakuzaib/img/63592000.jpg);height: 200px;width: 100%;background-position: center;background-size:cover;}
.department-group {width: 930px; margin: 0 auto;display:flex;flex-wrap:wrap;justify-content: center;}
.thumbnail-wrap {margin: 10px 4px 40px 4px;}
.department-image {width: 100%;background-image: url(/~yakuzaib/aboutus/img/image-area-bg.png);background-repeat: repeat-x;background-position:center 300px;}
.image-area {width: 950px;margin: 20px auto;position: relative;height: 400px;}
.image-area img {width: 450px;display: block;}
.image-area .img01{position: absolute;left: 20px; top: 0px;}
.image-area .img02{position: absolute;right: 20px; top: 100px;}
.department-area .documenttext{width: 750px; margin: 0 auto; line-height: 180%;}
.gyoumtext{margin-left: 125px;}
.center-image {margin: 20px auto;width: 750px;display: block;}
.tyozaiimg {width: 500px; margin: 10px auto;}


/*--------------------------------
就職・進学・研修
---------------------------------*/
.card01 {width: 900px;justify-content: center;}
.card01 div {margin: 0 20px 30px 20px;}
.card02 div{width: 780px;}
.card02 .card02img{width: 400px;height: 250px;float: left;margin-bottom: 0;}
.card02 .card02text{width: 350px;display: block;float: left;margin-left: 30px;}

.card03 {width: 900px;justify-content: center;}
.card03 div {margin: 0 20px 30px 20px;width: 360px;}

.schedulewrap{width: 750px; margin: 20px auto 10px auto;}
.education-area p {width: 750px; margin: 20px auto 10px auto;}
.programcontent{width: 750px; margin: 20px auto 10px auto;}
.programcontent p{float: left;width: 370px;margin-right: 30px;}
.programschedule {margin: 0;float: left;}
.photo1style {width: 750px; margin: 20px auto 10px auto;}
.photo1style .photo1content{width: 530px;margin-left: 20px;float: left;}
.photo1style img {float: left;display: block;margin-top: 50px;}
.photo1style h4{text-align: left;}
.leave-area img {width: 200px;margin: 10px;}
.leave-area div {width: 750px;margin: 20px auto 20px auto;}
.leave-area p {width: 750px; margin: 20px auto 10px auto;}
.dormitory-area p {width: 750px; margin: 20px auto 10px auto;}
.oneday-area{width: 690px; margin: 20px auto 10px auto;}
.oneday-area .clock {width: 50px;margin-right: 30px;}
.oneday-area dl{width: 600px;}

/*--------------------------------
アンケート
---------------------------------*/
.survey-area {width: 750px;margin: 0 auto;}

/*--------------------------------
医療関係者の方へ
---------------------------------*/
.medical-area{width: 700px; margin: 0 auto;}

/*--------------------------------
お問合せ
---------------------------------*/
.contact-area{width: 700px; margin: 0 auto;}
.inputgroup {display: flex;}
.inputtitle {width: 180px;}
.inputcontent {width: 500px;}









}

@media screen and (min-width: 1280px) {
/*--------------------------------
  ヘッダー
---------------------------------*/
header{width: 1100px;margin: 0 auto;text-align: start;}
.headcontact {margin: 0 0 0 970px;}
/*--------------------------------
トップページ
---------------------------------*/
.bg-slider .copy {width: 950px;margin-top: 430px;}
.bg-slider .copy2{display: none;}
.interview .toptitle img{height: 65px}
.interview p {width: 700px;margin: 0 auto 0 auto;}
.interview_wrap .btn_area {width: 1000px;margin: 0 auto 0 auto;}
.interview_wrap .btn {width: 250px;}
.interview .interview_wrap img  {width:200px;}
.interview_wrap p{width: 150px;}
.interview .interview_wrap{padding: 40px 0;}
.side-side {height: 1000px;}
.survey {width: 1200px;position: absolute;top: 120px;left: 0;}
.survey p {width: 600px;text-align: left;font-size: 18px;}
.survey .survey-photo {width: 550px;margin-top: 20px;}

.question {width: 1200px;position: absolute;top: 600px;right: 0;}
.question p {width: 600px;text-align: left;font-size: 18px;}
.question .question-photo {width: 550px;margin-top: 20px;}

.works_wrap{width: 1100px;margin: 0 auto 0 auto;}
.works1{float: left;width: 500px;margin: 0 25px;}
.works2{float: left;width: 500px;margin: 0 25px;}
.works1 img {width: 500px;}
.works2 img {width: 500px;}
.works1 p {width: 480px;padding: 0 10px;}
.works2 p {width: 480px;padding: 0 10px;}

/*--------------------------------
研究業績
---------------------------------*/
.reserch-area {width: 1000px;margin: 0 auto;}


/*--------------------------------
薬剤部紹介
---------------------------------*/
.department-group {width: 980px;}
.thumbnail-wrap {margin: 10px 12px 40px 12px;}
.department-image {width: 100%;background-image: url(/~yakuzaib/aboutus/img/image-area-bg.png);background-repeat: repeat-x;background-position:center 350px;}
.image-area {width: 1280px;margin: 20px auto;position: relative;height: 500px;}
.image-area img {width: 600px;display: block;}
.image-area .img01{position: absolute;left: 20px; top: 0px;}
.image-area .img02{position: absolute;right: 20px; top: 100px;}

/*--------------------------------
就職・進学・研修
---------------------------------*/
.recruitttitle {text-align: center;}
.recruittitle img {width: 300px;}
.card01 {width: 1100px;}
.card01 div {width: 260px;}
.card02 div{width: 900px;}
.card03 {width: 1200px;}
.card03 div {width: 420px;}
.card02 .card02img{width: 450px;height: 300px;float: left;margin-bottom: 0;}
.card02 .card02text{width: 380px;display: block;float: left;margin-left: 40px;font-size: 18px;line-height: 200%;}
.schedulewrap{overflow-x: visible;}
.photo1style {width: 900px;}
.photo1style .photo1content{width: 680px;}
/*--------------------------------
医療関係者の方へ
---------------------------------*/
.medical-area{width: 900px; margin: 0 auto;}



}


/* レジメンページ */
.regimen-page .medical-area {
  width: 100%;
  margin: 0 auto 40px auto;
  box-sizing: border-box;
}

.regimen-page .medical-area h3 {
  margin-left: 0;
  background-color: #ffa46d;
  padding: 5px 0 5px 10px;
  color: #fff;
  border-radius: 3px;
}

.regimen-page .medical-area h4 {
  margin: 25px 0 15px 40px;
  padding-left: 10px;
  border-left: 4px solid #ffa46d;
}

.regimen-page .medical-area .medicalpdf {
  display: inline-block;
  text-decoration: none;
  width: calc(50% - 70px);
  margin-left: 60px;
  margin-bottom: 18px;
  vertical-align: top;
  box-sizing: border-box;
}



@media screen and (max-width: 767px) {
  .regimen-page .medical-area .medicalpdf {
    display: block;
    width: auto;
  }
}


/* レジメンページ内目次 */
.regimen-page {
  scroll-behavior: smooth;
}

.regimen-page .regimen-nav {
  background-color: #fff4ec;
  margin: 35px auto 45px auto;
  padding: 28px 30px;
  box-sizing: border-box;
}

.regimen-page .regimen-nav-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
}

.regimen-page .regimen-nav-title span {
  width: 32px;
  height: 24px;
  margin-right: 10px;
  position: relative;
  display: inline-block;
}

.regimen-page .regimen-nav-title span::before,
.regimen-page .regimen-nav-title span::after {
  content: "";
  display: block;
  width: 32px;
  height: 5px;
  background-color: #ffbd9a;
  border-radius: 3px;
  position: absolute;
  left: 0;
}

.regimen-page .regimen-nav-title span::before {
  top: 2px;
  box-shadow: 0 9px 0 #ffbd9a;
}

.regimen-page .regimen-nav-title span::after {
  top: 20px;
}

.regimen-page .regimen-nav-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.regimen-page .regimen-reference {
  margin: -28px auto 45px auto;
  font-size: 13px;
  color: #555;
}

.regimen-page .regimen-nav-card {
  display: flex;
  align-items: center;
  min-height: 50px;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 16px rgba(255, 164, 109, 0.22);
  color: #222;
  text-decoration: none;
  font-size: 16px;
  box-sizing: border-box;
}

.regimen-page .regimen-nav-card span {
  width: 36px;
  height: 36px;
  min-width: 36px;
  margin-right: 16px;
  border-radius: 50%;
  background-color: #ffbd9a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  transition: background-color 0.2s ease;
}

.regimen-page .regimen-nav-card:hover {
  box-shadow: 0 10px 20px rgba(255, 164, 109, 0.38);
}

.regimen-page .regimen-nav-card:hover span {
  background-color: #ffa46d;
}

.regimen-page .medical-area h3 {
  scroll-margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .regimen-page .regimen-nav {
    padding: 20px 15px;
  }

  .regimen-page .regimen-nav-list {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .regimen-page .regimen-nav-card {
    min-height: 50px;
    padding: 10px 14px;
    font-size: 16px;
  }

  .regimen-page .regimen-nav-card span {
    width: 32px;
    height: 32px;
    min-width: 32px;
    font-size: 20px;
  }
}


/* レジメンページ トップへ戻る */
.regimen-page .regimen-pagetop {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: #ffa46d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(255, 164, 109, 0.35);
  z-index: 100;
}

@media screen and (max-width: 767px) {
  .regimen-page .regimen-pagetop {
    right: 14px;
    bottom: 14px;
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
}