@charset 'UTF-8';
html {
-webkit-text-size-adjust: 100%;
}
.notes,
.notes li{font-size:11px;}
.notes li{list-style:none!important; text-indent: -1em;}
blockquote{text-align:right;}
.bgcolorN{background:#F9F6F1;}
.mgtop_small{margin-top:20px;}
.mgtop_big{margin-top:50px;}
.mgbtt_small{margin-bottom:20px;}
.mgbtt_big{margin-bottom:50px;}
.red{color:#de5060;}
.blue{color:#5088de;}
.green{color:#61a060;}
.yellow{color:#9ea01f;}
.purple{color:#5d34a7;}

.mb1{margin-bottom:1vh;}
.mb2{margin-bottom:2vh;}
.mb3{margin-bottom:3vh;}
.mb4{margin-bottom:4vh;}
.mb5{margin-bottom:5vh;}

.num_list{list-style: decimal;}
.fontsize16{font-size:16px;}

/*お役立ち*/
.useful_title{
	font-size: 16px;
    font-size: clamp(14px,4vw,1.8em);
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
    margin: 3% 0;
}
.l__flex_useful{    display: flex;    flex-wrap: wrap; justify-content: space-between;    gap: 10px; margin-bottom: 7%;}
.l_col1{}
.l_col2{flex: 1 0 260px;}
.l_col3{flex: 1 0 160px;}
@media screen and (max-width:640px) {
.useful_title{    margin: 3% 2%;}
.l__flex{margin: 2% 2% 10%;}
.l_col3{flex: 1 0 100%;}
.l_col2sp{flex: 1 0 48%;}
}
@media all and (-ms-high-contrast: none) {
.l_col1,
.l_col2,
.l_col3{margin:1%}
}


/*外部リンク*/
#conts a[target=_blank]:after{content: "";
    background: url(/images/common/icon_blanklink.svg) no-repeat;
    display: inline-block;
    background-size: contain;
    width: 16px;
    height: 22px;
    margin: 0 5px -2px;}
/*外部リンク除外*/
#conts a.app_btn[target=_blank]:after,
#conts .sns-list a:after,
#conts .columnbnr1 a:after,
#withcorona .subsidy a:after,
#conts .columnbnr2 a:after{content:none;}

/*写真と記事コンテンツ*/
.pic_text{}
.pic_text{}
.pic_text picture{float:right; width:50%; margin:0 0 2em 2em;}
@media (max-width: 560px){
.pic_text picture{float:inherit; margin:0 0 2em ;}
}

.column_date,
.carrer_date{
	font-size:12px;
}
.column_date::before,
.carrer_date::before {
    content: "\f017";
    font-family: FontAwesome;
    font-size: 14px;
    margin-right:4px;
}

.column_date::before{
	color:#bdc325;
}
.carrer_date::before{
	color:#46b1e5;
}

/*pc table sp list*/
.table_list{width:100%; display:flex; flex-wrap:wrap; margin:15px auto;}
.table_list dt,
.table_list dd{ border:1px solid #CCC; border-bottom:none; border-collapse: collapse; box-sizing:border-box; padding: 2%; font-size: 13px;}
.table_list dt:last-child,
.table_list dd:last-child{ border-bottom:1px solid #CCC;}
.table_list dt{width:20%;background:#DDD;}
.table_list dd{width:80%;}

@media (max-width: 767px){
.table_list dt,
.table_list dd{ width:100%; text-align: left;    line-height: 1.5;}
}

/*ファルマスタッフ転職サポート事例*/
#support_cases{}

#support_cases dl{display:flex; align-items: center;font-size: 16px; line-height: 1.5em;}
#support_cases dt img{width:80px;}
#support_cases dd{width:100%; position:relative; box-sizing:border-box; margin: 1% 5%; padding:2% 5%; border-radius: 10px;}
#support_cases dd:before{content:""; width:0; height:0; position:absolute; border-color: transparent transparent transparent #ffe3bb; border:10px solid;}
#support_cases .questioner dt,
#support_cases .answerer dt{display: flex; flex-direction: column; align-items: center;  min-width:80px; gap:3px; line-height: 1.2; text-align:center; font-size:.8em; color:#666;}
#support_cases .questioner dd{background:#ffe3bb;    font-weight: bold;    color: #754603;}
#support_cases .questioner dd:before{border-color: transparent #ffe3bb transparent transparent; left: -20px; top: 30%;}
#support_cases .answerer {flex-direction: row-reverse; margin:10px auto 50px;}
#support_cases .answerer dd:before{border-color: transparent transparent transparent #E4F1C6; right:-20px; top: 45%;}
#support_cases .answerer dd{background:#E4F1C6; text-align: justify;}
#support_cases .questioner.bg_bl dd,
#support_cases .answerer.bg_bl dd {background:#e8f3ff;}
#support_cases .questioner.bg_bl dd:before{border-color: transparent #e8f3ff transparent transparent;}
#support_cases .answerer.bg_bl dd:before{border-color: transparent transparent transparent #e8f3ff;}

#support_cases .questioner.bg_ye dd,
#support_cases .answerer.bg_ye dd{background:#fff0bb;}
#support_cases .questioner.bg_ye dd:before{border-color: transparent #fff0bb transparent transparent;}
#support_cases .answerer.bg_ye dd:before{border-color: transparent transparent transparent #fff0bb;}

#support_cases #anserer_message {background:#FDF5E9;padding:5%;  box-sizing:border-box;  border-radius: 5px;}
#support_cases #anserer_message h4{text-align:center;     font-size: 19px;    border-bottom: 1px solid;    padding-bottom: 3px;    margin-bottom: 8px;    color: #985415;}



/*コラム専用*/
#column__contents hr{border:none; border-top:1px dotted #DDD; width:96%;}
.column_categorylist{display:flex; margin-bottom:2%;}
.column_categorylist li{display:flex; width: 33%; }
.column_categorylist li a{border:1px solid #CCC; border-radius:3px; background:#FFF; text-align:center; display:block; padding:5px 0; font-size:16px; color:#333; width: 100%;    margin: 1%;}
.column_categorylist li a:hover{background:#E1E47D;}

#column__contents{font-size:15px; font-feature-settings: "palt"; letter-spacing: .1em;}
.column_bnr h1{font-size:32px; line-height: 1.3em; margin:30px auto; border-left: 10px solid #cad02b; padding-left: 10px;}
#column__contents h2{font-size:24px; font-weight:bold; margin:50px auto 13px; padding: 18px 0; border-bottom: 2px solid #ccc; border-top: 3px solid #cad02b; line-height: 1.3em;}
#column__contents h3{font-size:20px; margin: 40px auto 13px; color:#9DA21B; border-bottom: 1px solid;}
#column__contents h4{line-height: 1.5;}
#column__contents h5{text-align: center;    background-color: #A0A520;    padding: 8px 0;    color: #FFF;    margin: 30px auto 10px;}
#column__contents p{margin:0 auto 13px; line-height:1.7em; width:96%; text-align: justify;}
#column__contents i{margin:10px auto 13px; line-height:1.7em; width:96%; display:block; font-weight:bold;}

.interviewer{color: #a0a520; margin-top:30px; font-weight:bold;}
h2 + .interviewer{margin-top:0;}
.interviewer:before{font-family: FontAwesome; content: "\f075";font-size: 1.5em; margin-right: 5px;}

#column__contents ol{margin:1% auto 3%;}
#column__contents ol li{list-style:none; line-height: 1.8em;}
#column__contents ul,
#column__contents .example,
#column__contents .box,
#drugInfo .box,
#column__contents blockquote,
 .box,
.contents_bg
{background:#F9F6F1; padding:2% 4%; margin:20px auto; box-sizing: border-box;    word-break: break-word; font-size:15px;}
#column__contents .example ul{margin:5px auto; padding:0;}
#column__contents dd ul{margin-top:0;}

#column__contents strong{background: linear-gradient(transparent 70%, #fcdfb2 70%); font-weight:normal;}



#column__contents li{    list-style: outside;    margin-left: 1em;}
#column__contents a,
.com_boxwh .box a,
.box a,
#drugInfo a{color:#0CF; text-decoration: underline;}
#column__contents .columnbnr2 li{list-style:none;     margin: auto;}

#column__contents .columnbnr1{margin-top:40px; }
#column__contents ul.columnbnr2{margin-top:0; padding:2% 0;}

#column__contents .entrybtn,
.jpinterview .entrybtn{    width: 85%;    max-width: 360px;    text-align: center;    margin: auto;    display: block;}

#column__contents .anguish,
#column__contents .call{box-shadow: 0 4px 10px #DDD;  background: #F2F3BB; padding:2%; margin-bottom:5%;}
#column__contents .solution,
#column__contents .responce
{box-shadow: 0 4px 10px #DDD; background:#FFEFDF; padding:2%; margin-bottom: 2%;}

#column__contents .textlinkbnr{margin-top:30px;}
#column__contents .anguish h4,
#column__contents .solution h4
{    margin: 15px 2%;   border-bottom: 1px solid #CCC;   padding-bottom: 12px;}
#column__contents .anguish h4{color:#9DA21B;}
#column__contents .solution h4{color:#9A6837;}
#column__contents .anguish h4:before,
#column__contents .solution h4:before{content:"\f2bd"; font-family: FontAwesome;  font-size: 2em; float: left; margin: -7px 10px 0px 0px;}

#column__contents a.full_arrow_btn{text-align:center; text-decoration:none; color:#fff; padding: 15px 25px; border: 1px solid #ccc;}

.column_list_categoryname{border: 1px solid #AAA;  text-align: center;    padding: 3px 5px;    margin:5px auto;    width: 10em;    color: #888;}

/*twitte埋め込み*/
.twitter-tweet{margin:auto;}


/*目次*/
#column__contents #toc{background:none;}
#column__contents #toc:before{content:"— 目次 —";}
#column__contents #toc li{list-style-type:decimal;  color:#0A8BAB;}
#column__contents #toc a{text-decoration:none;  color:#0A8BAB;}
#column__contents #toc a:hover{text-decoration:underline;}

#column__contents.famous_contents #toc{ background-color: #f9f6f0;}
#column__contents.famous_contents #toc:before{content:none;}

/*table*/
#column__contents table{width:100%; border-collapse: collapse; margin:30px auto;}
#column__contents th,
#column__contents td{padding:5px; border:1px solid #AAA;}
#column__contents th{background:#EEE;}
#column__contents .circle{position:relative;}
#column__contents .circle div{ position:absolute; border:3px solid #e74f05; border-radius:50%; top: 0;    left: 0;    padding: 2px;}
#column__contents .ki td{background:#eff4e5;}
#column__contents .hi td{background:#feefe1;}
#column__contents .do td{background:#ece7f0;}
#column__contents .kin td{background:#f5ecc9;}
#column__contents .sui td{background:#e2f2f7;}


/*著書紹介*/
#column__contents .book h3{margin-top:10px;}
#column__contents .book div{display:flex;  align-items: center;}
#column__contents .book figure{width: 35%;  text-align: center;}
#column__contents .book figure img{width:100px;}
#column__contents .book ul{; padding:0; margin:10px; width: 100%;}
#column__contents .book figure small{font-size:10px; display:block;}
@media screen and (max-width:640px) {
#column__contents .book .sp_column{
flex-direction: column;
}
}

/*youtube埋込*/
.movie {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/*マンガ*/
#column__contents .comicpage {    padding: 0; margin: 0 auto;   background: no-repeat;  text-align: center;}
#column__contents .comicpage li{list-style:none; margin:0; text-indent:0;}

.roundimg img{
    border-radius: 100%;
}

/*著者*/
#author_info {margin:50px auto; background: #F5EEE3; padding:2%; box-sizing:border-box;}
#author_info h4{font-size:1.1em;}
#author_info div{display:flex;  margin-bottom: 20px; align-items: center;}
#author_info ul{flex-grow: 3; background: #F5EEE3;}
#author_info li{list-style:none;}
#author_info img{width:100%; max-width:100px;  max-height:100px; margin:20px; border-radius:50%; }
#author_info.seminar_intro img{ max-width:200px; border-radius:0;}

#author_info .author_discription{font-size:14px;}
#author_info .author_discription dt{font-size:1.1em; font-weight:bold;}

@media all and (-ms-high-contrast: none) {
  #author_info .author_discription{width:80%;}
}
@media (max-width: 767px){
#author_info.author_simple div{flex-direction:column;}
#author_info.seminar_intro  div{flex-direction: column;}
}

.content_inner{border:1px solid #DDD; border-radius:5px; padding:2%;}
.supplement{font-size:12px;}


@media (max-width: 767px){
.column_bnr h1{font-size:22px;}
#column__contents h2{font-size:20px;}
.column_list_tyousei li:first-child{float:inherit;}
#column__contents p{line-height:1.5em; }

}
.newicon:after{content:"NEW"; background:#FC0; padding:0 5px; margin-left: 10px;    border-radius: 3px;}
.category_tag{    border: 1px solid #333;    padding: 2px 10px;    font-size: 14px; display:inline-block; margin-bottom:10px;}
/* #column__contents .knowhow:before{content:"転職ノウハウ";} */
#column__contents .knowhow {display:none;}
#column__contents .studytag:before{content:"業界研究";}
/* #column__contents .skilluptag:before{content:"スキルアップ";} */
#column__contents .skilluptag {display:none;}
#column__contents .lifestyletag:before{content:"ライフスタイル";}



/*薬剤師クイズ*/
.quiz_answer td{line-height:1.7em;}
.quiz_answer h4{margin-bottom:15px;}

/*インタビュー*/

.full_arrow_btn{margin:10px auto;}
.interviewtime>p {font-size:18px; text-align: center;    margin-top: 10px;}

/*コラムバナー*/
.pharma_column h4{text-align: center;    background-color: #A0A520;    padding: 8px 0;    color: #FFF;    margin: 30px auto 10px;}
.columnbnr1{width:100%; margin:20px auto; text-align:center;}
.columnbnr1 a{display:inline;}
.columnbnr2{display:flex;  justify-content: center;}
.kakaritsuke .columnbnr2{padding: 2% 1%;    margin: 2% 3%; border: 1px solid #BBB;}
.columnbnr2 li{margin:5px; width:calc(50% - 10px);}
@media (max-width: 767px){
.columnbnr2{display:block;}
.columnbnr2 li{margin:5px; width:calc(100% - 10px);}
}
.columnbnr1 img ,
.columnbnr2 img{width:100%; max-width:500px; border:1px solid #DDD; box-sizing:border-box;}
.columnbnr2 img{display: block;}

/*アプリアイコン*/
#column__contents .appicon{background:none;display: flex;justify-content: center;}
#column__contents .appicon li{list-style: none;}
#column__contents .appicon img{border:none; max-height: 50px; width: auto; }

/*読み物 病院薬剤師*/
#hospital .full_arrow_btn{background:url(/images/common/banner/columnbnr_detail_1.png) no-repeat top right , #e5f2f9; background-size:cover; color: #132a6a; font-size:24px; text-align:left; padding: 30px; display: inline-block;}
#hospital .full_arrow_btn:before{content:"＞"; margin-right:5px;}
@media (max-width: 767px){
 .spimg{height:200px;}
#hospital .interview_link_button span{font-size:18px;}
#hospital .full_arrow_btn{padding:10px;}
}

/*動向コラム*/
#mt_message {font-size:16px;}
#mt_message h3{color: #a0a520; font-size:1.3em; margin:30px 0 15px;}
#mt_message strong{} 
#mt_message p{line-height:1.8em; margin-bottom:1em;}
#mt_message dt{margin-top:10px; color:#F27800;}


/*薬局探訪*/
.report p{margin-bottom:.8em;}
.reportpickup { padding: 10px; background:#EBECB7;}
.reportpickup h2{font-size:2em; color:#83880f; padding:5px 3px;}
.reportpickup p{font-size:14px; padding:5px 3px;}
.reportpickup .feature_index_col{width: 50%; padding-bottom:0; }
.reportpickup .feature_index_col a{margin: 3px;    display: flex;    background: #FFF;    align-items: flex-start;}

.reportpickup .feature_index_txt_blk{padding:0 15px;}
.reportpickup .feature_index_col img{position: inherit; transform: initial;}

@media all and (-ms-high-contrast:none){
.reportpickup .feature_index_col img{position:relative;}
}

.reportbutton, a.reportbutton{background:#f37800; color:#FFF; display:block;}
.reportbutton i, a.reportbutton i{color:#FFF;}
.reportbutton:hover, a.reportbutton:hover{background:#ffa854; color:#FFF;}

@media only screen and (min-width: 768px){
.reportpickup .feature_imgl{height: 130px;}
.interview_qu{    margin-top: 30px;}
}

@media only screen and (max-width: 767px){
.reportpickup .feature_index_col{width: 100%; padding-bottom:5px;}
.feature_index_col a>div{    position: static;}
.interview_qu{    margin-top:3%;}
}


.uncmlttl_small{margin: 30px auto 0;}
hr.title_line{margin-bottom:10px;}

/*薬局取材*/
.report-detail .fea_ind_bnr_txt{padding:0;}
.report-detail .cmmn_bg{margin-top:0;}
#inline_content video{width:100%; max-width:845px; height:auto;}

.reportmain{position:relative;}
.reportmain p{position: absolute;
    bottom: 0;
    padding: 10px;
    background: rgb(105 100 173 / 80%);
    width: 100%;
    box-sizing: border-box;
    color: #fff;}
.pharmacycoverage{}
.interviewer_comment{}


.pharmacymovie{display:flex; align-items: center;margin: 30px auto 15px; padding: 5px; color:#3e3e65; background: #eeeefd;}
.pharmacymovie .thumb_movie{margin:5px;}

.moviemessage {text-align:center;}
.moviemessage p{ padding: 5px;}
.moviemessage .svg{width: 75%; margin: auto; height: auto;}

.photo_gallery{
display: flex;
    gap: 10px;
}
.photo_gallery img{
    width: 300px;
    height: 200px;
    object-fit: cover;
}

.clientinfo{margin-top: 50px;}
.clientinfo h4{
    padding: 10px;
	border-bottom: 1px solid #aaa;
    font-size: 1.2em;
    color: #a0a520;
}
.clientinfo dl{display:flex; flex-wrap:wrap;margin-bottom: 50px;}
.clientinfo dt,
.clientinfo dd{padding:2%; box-sizing:border-box; border-bottom: 2px dotted #ddd;}
.clientinfo dt{width:30%; color:#a0a520;}
.clientinfo dd{width:70%;}

.comment{display: inline-block;
    border: 2px solid;
	font-size: 1.2em;
    padding: 0 10px 4px 7px;
    border-top: none;
    border-radius: 0 0 3px 3px;
    position: relative;
}

.comment:before,
.comment:after{
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 15px;
}

.movie_under_btn a{color: #f37801; border: 1px solid; display: block; padding: 10px; margin: 0; text-align:center;}

.movie_under_btn a:hover{background: #ffeddc;}

.report p.interviewercomment{border-left:none; border-radius:0; margin-bottom:25px;
    min-width: 100%;
    box-sizing: border-box;}

.interviewercomment:before{
    border: 10px solid;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -20px;
}
.interviewercomment:after{
    border: 10px solid #fff;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -15px;
    left: 17px;
}
.clientcomment{
    width: 100%;
    background: #6e69a4;
    color: #fff;
    padding: 8px 15px;
    border-radius: 3px;
    box-sizing: border-box;
}

.clientcomment:before{
    border: 10px solid #6e69a4;
    border-left-color: transparent;
    border-bottom-color: transparent;
    bottom: -20px;
}


@media only screen and (min-width: 641px){
.thimb_movie{width:50%; margin-right:1%;}
}

@media only screen and (max-width: 640px){
.report-detail .interview .list_pgseo{padding:0;}
.reportmain{margin:0 7px;}
.reportmain img{height:auto;}
.photo_gallery,
.pharmacymovie{flex-direction:column; text-align:center;}
.pharmacymovie video{width:100%;}
.clientinfo dt{width:100%; border:none;}
.clientinfo dd{width:100%;}
}
@media all and (-ms-high-contrast: none) {
.moviemessage {width:50%;}
.photo_gallery li{width:33%;}
}

/*ロゴアニメーション*/

/***************************************************
 * Generated by SVG Artista on 6/14/2021, 4:27:24 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-1{animation:animate-svg-fill-1 0.4s linear 0s both}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-2{animation:animate-svg-fill-2 0.4s linear 0.04s both}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-3{animation:animate-svg-fill-3 0.4s linear 0.08s both}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-4{animation:animate-svg-fill-4 0.4s linear 0.12s both}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-5{animation:animate-svg-fill-5 0.4s linear 0.16s both}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-6{animation:animate-svg-fill-6 0.4s linear 0.2s both}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-7{animation:animate-svg-fill-7 0.4s linear 0.24s both}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-8{animation:animate-svg-fill-8 0.4s linear 0.28s both}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-9{animation:animate-svg-fill-9 0.4s linear 0.32s both}@keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-10{animation:animate-svg-fill-10 0.4s linear 0.36s both}@keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-11{animation:animate-svg-fill-11 0.4s linear 0.4s both}@keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-12{animation:animate-svg-fill-12 0.4s linear 0.44s both}@keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-13{animation:animate-svg-fill-13 0.4s linear 0.48s both}@keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-14{animation:animate-svg-fill-14 0.4s linear 0.52s both}@keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-15{animation:animate-svg-fill-15 0.4s linear 0.56s both}@keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-16{animation:animate-svg-fill-16 0.4s linear 0.6s both}@keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-17{animation:animate-svg-fill-17 0.4s linear 0.64s both}@keyframes animate-svg-fill-18{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-18{animation:animate-svg-fill-18 0.4s linear 0.68s both}@keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-19{animation:animate-svg-fill-19 0.4s linear 0.72s both}@keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-20{animation:animate-svg-fill-20 0.4s linear 0.76s both}@keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-21{animation:animate-svg-fill-21 0.4s linear 0.8s both}@keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-22{animation:animate-svg-fill-22 0.4s linear 0.84s both}@keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-23{animation:animate-svg-fill-23 0.4s linear 0.88s both}@keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-24{animation:animate-svg-fill-24 0.4s linear 0.92s both}@keyframes animate-svg-fill-25{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-25{animation:animate-svg-fill-25 0.4s linear 0.96s both}@keyframes animate-svg-fill-26{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-26{animation:animate-svg-fill-26 0.4s linear 1s both}@keyframes animate-svg-fill-27{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-27{animation:animate-svg-fill-27 0.4s linear 1.04s both}@keyframes animate-svg-fill-28{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-28{animation:animate-svg-fill-28 0.4s linear 1.08s both}@keyframes animate-svg-fill-29{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-29{animation:animate-svg-fill-29 0.4s linear 1.12s both}@keyframes animate-svg-fill-30{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-30{animation:animate-svg-fill-30 0.4s linear 1.16s both}@keyframes animate-svg-fill-31{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-31{animation:animate-svg-fill-31 0.4s linear 1.2s both}@keyframes animate-svg-fill-32{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-32{animation:animate-svg-fill-32 0.4s linear 1.24s both}@keyframes animate-svg-fill-33{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-33{animation:animate-svg-fill-33 0.4s linear 1.28s both}@keyframes animate-svg-fill-34{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-34{animation:animate-svg-fill-34 0.4s linear 1.32s both}@keyframes animate-svg-fill-35{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-35{animation:animate-svg-fill-35 0.4s linear 1.36s both}@keyframes animate-svg-fill-36{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-36{animation:animate-svg-fill-36 0.4s linear 1.4000000000000001s both}@keyframes animate-svg-fill-37{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-37{animation:animate-svg-fill-37 0.4s linear 1.44s both}@keyframes animate-svg-fill-38{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-38{animation:animate-svg-fill-38 0.4s linear 1.48s both}@keyframes animate-svg-fill-39{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-39{animation:animate-svg-fill-39 0.4s linear 1.52s both}@keyframes animate-svg-fill-40{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-40{animation:animate-svg-fill-40 0.4s linear 1.56s both}@keyframes animate-svg-fill-41{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-41{animation:animate-svg-fill-41 0.4s linear 1.6s both}@keyframes animate-svg-fill-42{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-42{animation:animate-svg-fill-42 0.4s linear 1.6400000000000001s both}@keyframes animate-svg-fill-43{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-43{animation:animate-svg-fill-43 0.4s linear 1.68s both}@keyframes animate-svg-fill-44{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-44{animation:animate-svg-fill-44 0.4s linear 1.72s both}@keyframes animate-svg-fill-45{0%{fill:transparent}100%{fill:rgb(98,97,159)}}.animestart .svg-elem-45{animation:animate-svg-fill-45 0.4s linear 1.76s both}@keyframes animate-svg-fill-46{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.animestart .svg-elem-46{animation:animate-svg-fill-46 0.4s linear 1.8s both}@keyframes animate-svg-fill-47{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.animestart .svg-elem-47{animation:animate-svg-fill-47 0.4s linear 1.84s both}@keyframes animate-svg-fill-48{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.animestart .svg-elem-48{animation:animate-svg-fill-48 0.4s linear 1.8800000000000001s both}@keyframes animate-svg-fill-49{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.animestart .svg-elem-49{animation:animate-svg-fill-49 0.4s linear 1.92s both}@keyframes animate-svg-fill-50{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.animestart .svg-elem-50{animation:animate-svg-fill-50 0.4s linear 1.96s both}@keyframes animate-svg-fill-51{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.animestart .svg-elem-51{animation:animate-svg-fill-51 0.4s linear 2s both}@keyframes animate-svg-fill-52{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.animestart .svg-elem-52{animation:animate-svg-fill-52 0.4s linear 2.04s both}@keyframes animate-svg-fill-53{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.animestart .svg-elem-53{animation:animate-svg-fill-53 0.4s linear 2.08s both}@keyframes animate-svg-fill-54{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.animestart .svg-elem-54{animation:animate-svg-fill-54 0.4s linear 2.12s both}@keyframes animate-svg-fill-55{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.animestart .svg-elem-55{animation:animate-svg-fill-55 0.4s linear 2.16s both}@keyframes animate-svg-fill-56{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.animestart .svg-elem-56{animation:animate-svg-fill-56 0.4s linear 2.2s both}@keyframes animate-svg-fill-57{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.animestart .svg-elem-57{animation:animate-svg-fill-57 0.4s linear 2.24s both}@keyframes animate-svg-fill-58{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.animestart .svg-elem-58{animation:animate-svg-fill-58 0.4s linear 2.2800000000000002s both}@keyframes animate-svg-fill-59{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.animestart .svg-elem-59{animation:animate-svg-fill-59 0.4s linear 2.32s both}

/*DI室*/
.qa_title .question_txt{font-size:18px; margin-left:-1em;}

#QA1
{margin-top:35px;}
#QA2,#QA3,#QA4,#QA5,#QA6,#QA7,#QA8,#QA9,#QA10
{margin-top:70px;}
.qa_tbl td{line-height:1.7em;}

.di_table{width:100%;}
.di_table ,
.di_table th ,
.di_table td
{border:1px solid #DDD; border-collapse: collapse;     table-layout: fixed;}
.di_table th{font-size: 14px; padding:20px; background: #eee; }
.di_table tr td{padding:5px 20px!important; vertical-align: middle!important; font-size: .9em;  line-height: 1.5; }

.nofix , .nofix th , .nofix td  {table-layout:auto;}

.scroll .di_table th,
.qa_tbl .scroll tr:first-child td,
.qa_tbl .scroll tr td{    padding: 5px;    font-size: 12px;}
sub,
sup{    font-size: 0.8em;   line-height: 1;}

.dibnr_adj{margin-top:70px;}
.dibnr_adj p{font-size:14px; max-width:500px;text-align: left;    margin: auto;}

/*スマホ用table*/

@media only screen and (max-width: 767px){
 .scroll .di_table th,
.qa_tbl .scroll tr:first-child td,
.qa_tbl .scroll tr td{    padding: 2px;    font-size: 11px; line-height: 1.5rem;}
.scroll{overflow-y: hidden;    overflow-x: scroll;  -ms-overflow-style: -ms-autohiding-scrollbar;  -webkit-overflow-scrolling: touch;}
.scroll .di_table{width:200%;}
.scroll:before{content: "← 左右にスクロール →"; font-size: 13px;}
}



@media (max-width: 767px){
.interview_5col_btn .interviewlink_btn_cov{margin-bottom:0;}
.interview_5col_btn .interview_2col_btn{margin-top:0;}
.interview_5col_btn .interview_2col_btn li:first-child a{border-top:none;}
}

/*キャリアコンサルティング*/
.careerconsulting .post_txt{background:#FDEFF5; padding:1em;}

.careerconsulting #guidance p{ text-align:center; margin:3px 0 10px;}
.careerconsulting #guidance figure{float:left;}
.careerconsulting #guidance dl{display: flex;    flex-wrap: wrap;}
.careerconsulting #guidance dt{width:30%; padding: 3px 0; font-weight:bold; color:#9DC914; margin:0; border-bottom: 1px dotted #ddd;}
.careerconsulting #guidance dd{width:70%; padding: 3px 0; border-bottom: 1px dotted #ddd;}
.careerconsulting #guidance .taisyo{ clear:both; width:90%; padding:10px 5%; color: #F60; border:3px solid; border-radius:5px; }

.careerconsulting #guidance .checkmark {float:right; margin:25px 0 0;}
.careerconsulting #guidance a{display:inline;}

.carrier_guide{display:flex;}





@media (max-width: 767px){
.carrier_guide{flex-direction: column;}

.careerconsulting #guidance dt{width:100%;}
.careerconsulting #guidance dd{width:100%; border-bottom: none; margin-bottom:15px;}


.careerconsulting .voice img,
.careerconsulting #guidance img{width:inherit!important;display: block;
    margin: auto!important;}

.careerconsulting #guidance dl{float:inherit; width: 90%; margin:auto;}
.careerconsulting #guidance dd span{display: block;}
}


/*派遣サポート*/
.health_support a ,  .job_guide a{display:inline;}
.job_guide .link_btn a{display:block; color:#FFF;}


.haken_program{}

.haken_program h3{border-left: 8px solid #C8CE24; padding-left: 10px;}
.haken_program h4{clear:both; border-bottom:2px solid #DDD; position:relative;     margin: 30px 0 10px; padding-bottom:3px;}
.haken_program h4:before{content:""; border-bottom:2px solid #C8CE24; position:absolute; width:30%; bottom: -2px;}
.haken_program h5{margin:20px 0;}
.haken_program span{display:block; font-size:13px; margin:5px 2px;}
.haken_program ol li{list-style:decimal; margin: 10px 1.3em;}

.haken_program > p{margin:20px 0;}
.haken_program .seminar figure{float:right; margin:5px;}
.haken_program .lecturer figure{float:left; margin:5px 30px 5px 5px;}
.haken_program .lecturer {clear:both;}
.haken_program .lecturer strong{color:#C00;}
.haken_program .lecturer:after{clear:both; content:""; display:block;}

.haken_program .button a{display:block; width:80%; margin:20px auto 50px; text-align:center; color:#FFF; font-weight:bold; font-size:18px; padding:15px 20px; background:#C00; border-bottom:4px solid #651d1d ; border-radius:5px;}

.haken_program .di_table th{width:6em; background: #EBF1DE; }
.haken_program .di_table a{display:inline; text-decoration:underline; color:#0CF;}


@media (max-width: 767px){
.haken_program .di_table{border:none;}
.haken_program .di_table th{width: inherit; padding:5px; }
.haken_program .di_table th,
.haken_program .di_table td{display:block; border-top: none; border-bottom: none;}
.haken_program .di_table th:first-child{border-top:1px solid #DDD;}
.haken_program .di_table td:last-child{border-bottom:1px solid #DDD;}
.haken_program .seminar figure,
.haken_program .lecturer figure{float:inherit; text-align: center;}
}

/*転職ガイド*/
.ckmark{background:url(/upload/yomimono/allow_ck01.gif) no-repeat left center; padding-left:20px;}
 .job_guide .kakaritsuke_ttl2{margin-top:30px; }
 .job_guide h4{border-bottom: 1px solid;    padding-bottom: 5px;    margin: 10px 0 5px;}

.job_guide #no01 , .job_guide #no02 , .job_guide #no03 , .job_guide #no04 , .job_guide #no05 , .job_guide #no06 , .job_guide #no07 , .job_guide #no08 , .job_guide #no09
{ padding-left:25px; margin:5px;}
.job_guide #no01{background:url(/upload/yomimono/no01.gif) no-repeat left top;}
.job_guide #no02{background:url(/upload/yomimono/no02.gif) no-repeat left top;}
.job_guide #no03{background:url(/upload/yomimono/no03.gif) no-repeat left top;}
.job_guide #no04{background:url(/upload/yomimono/no04.gif) no-repeat left top;}
.job_guide #no05{background:url(/upload/yomimono/no05.gif) no-repeat left top;}
.job_guide #no06{background:url(/upload/yomimono/no06.gif) no-repeat left top;}
.job_guide #no07{background:url(/upload/yomimono/no07.gif) no-repeat left top;}
.job_guide #no08{background:url(/upload/yomimono/no08.gif) no-repeat left top;}
.job_guide #no09{background:url(/upload/yomimono/no09.gif) no-repeat left top;}


/* サポートコンテンツ部（薬剤師クイズ、DI室、FAQ） */
.support_contents_block			{	margin-top:40px;	font-size:12px;	box-sizing:border-box;	}
.support_contents_block h3		{	font-size:18px;	border-bottom:1px solid #ccc;	background-size:contain;	margin-bottom:8px;	line-height: 24px;	padding-bottom: 5px;	}
.support_contents_block a		{	display:block;	padding:10px 15px;	background:#FFF;	border:1px solid #CCC;	font-size:14px; text-align:center;	}
.support_contents_block p		{	margin-bottom:10px;	}
.support_contents				{	background:#eee8d0;	padding:20px 30px;	}
.support_contents a				{	width:50%;	margin:5px auto;	}
.support_contents a:hover{opacity:.8;}
.support_advice					{	padding:20px 30px;	}
.support_advice:after			{	clear:both;	content:"";	display:block;	}
a.support_contents__entry_btn	{	background:#f37800;	color:#000;	}
a.support_contents__search_btn{background:#6B6857; color:#FFF;}
a.support_contents__di_btn{background:url(/upload/btn_bg_di.jpg) no-repeat right ,#79cac1;  color:#FFF; background-size:contain;}
a.support_contents__haken_btn{background:url(/upload/btn_bg_haken.jpg) no-repeat , #FFF; background-size:contain;}
.support_contents_block li		{	float:left;	width: 48%;	margin: 5px 1%;	}
@media (max-width: 767px){
	.support_contents_block li	{	width: 100%;	margin: 5px 0;	}
}

/* サポートコンテンツ部（薬剤師クイズ専用） */
#quiz_1 .support_contents a{width:90%; padding:20px 0; font-size:16px;}
#quiz_1 .support_contents a span{font-size:.9em;}




/* 薬剤師インタビュー */
#honneHead{margin-top:-30px;     padding-bottom: 2%;   background-color: #fff2e6;}
#honneHead h2{    color:#FFF; background: #f37800;    font-size: 1.5em;     padding: 5px; text-align:center;}
#honneHead p{margin:5px 4%;}
.jpinterview{}
.jpinterview h2{background:url(https://www.38-8931.com/images/common/icon_drug.svg) no-repeat;    color: #4267b2;   font-size: 1.6em; margin:50px auto 20px; padding-left:1.5em; line-height: 1.2;}
.jpinterview h3{color: #46b1e5;  margin: 10px 0; font-size: 1.2em;}
.jpinterview p{margin-bottom:1.5em; line-height: 1.8;}
.jpinterview  li{ text-indent: -1em;    margin-left: 1em ;}

.jpinterview #profile{display: flex; align-items: center; justify-content: center; border-radius: 15px;    border: 5px solid #c1e8fc; margin:15px auto;   box-sizing: border-box;}
.jpinterview #profile picture{width:20%; display: flex; align-items: baseline; justify-content: center; min-width:100px;}
@media all and (-ms-high-contrast: none) {
.jpinterview #profile picture{ display: block; margin-right: 30px;}
}
.jpinterview #profile picture img{border-radius: 50%;    background: #DDD; margin: 10px;}
.jpinterview #profile dl{flex: 1 1 auto;}
.jpinterview #profile dt{color: #4267b2;    font-size: 1.2em;    font-weight: bold;}
.jpinterview #profile dd{}
.jpinterview #profile ul{}
.jpinterview #profile li{color: #113888;}
.jpinterview #profile li:before{    color: #fd85e7; font-family: FontAwesome; content:"\f00c";   margin-right: 5px;}

.jpinterview #toc{    background-image: linear-gradient( -45deg, #e8f7ff 25%, #c1e8fd 25%, #c1e8fd 50%, #e8f7ff 50%, #e8f7ff 75%, #c1e8fd 75%, #c1e8fd );    background-size: 4px 4px; box-sizing: border-box; border-radius: 15px; padding:2%;}
.jpinterview #toc li:before{    color: #4267b2; font-family: FontAwesome; content:"\f138";  margin-right: 5px;}
.jpinterview #toc a{color:#333;}
.jpinterview #toc a:hover{text-decoration:underline;}

@media (min-width: 561px){
.jpinterview #profile ul{    display: flex;    flex-wrap: wrap;}
.jpinterview #profile li{width:40%;}
}
@media (max-width: 560px){
#honneHead{margin-top:-20px;}
#honneHead h2{font-size:4.5vw;}
.jpinterview #profile{padding:2%;}
.jpinterview #profile picture{width:30%;}
}


/*新薬情報*/
#drugInfo {font-size:1.6em;}
#drugInfo #LeadText,
#drugInfo h5,
#drugInfo small{font-size:.9em;}
#drugInfo #LeadText{margin-bottom:15px;}
#drugInfo h3{display:flex;  justify-content: space-between; align-items: center;   padding: 2%; font-weight: normal; background: linear-gradient(#85cbf1,#9ad9f8); color:#FFF; font-size:2rem; }
#drugInfo h5{font-weight: normal; text-align:right;}
#drugInfo p{margin:8px auto 30px;}
#drugInfo dl{display:flex; flex-wrap:wrap; border: 1px solid #EEE;}
#drugInfo dt,
#drugInfo dd{padding:2%; border:1px solid #EEE; box-sizing: border-box;}
#drugInfo dt{    width: 20%; background-color: #e6e6e6;}
#drugInfo dd{    width: 80%;    flex: 1 1 auto;}
#drugInfo small + p{margin-top:30px;}
	@media screen and (max-width:560px) {
	#drugInfo h3{flex-direction:column;}
	#drugInfo dl{    flex-direction: column;}
	#drugInfo dt,
	#drugInfo dd{width: 100%;}
	}

.ColRed{color: #c7403a;}
.ColBlue{color: #035F7F;}

/*著名人コラム*/
.famous_contents .sec_contents{border:1px solid #CCC; margin:50px auto -10px; border-radius:3px; max-width:700px;}
.famous_contents .sec_contents picture{margin-bottom:8px; display: block;}


/*イメージダウンロード禁止*/
.imgprotect{position:relative;}
.imgprotect:before{content:url(/images/common/spacer.png); position:absolute; width:100%; height:100%;}



/*コロナ特設ページ*/
#withcorona .leadtxt{font-size:1.4em;}
#withcorona .corona_title{display:flex; justify-content:center; text-align:center; margin:10% auto 5%; font-size:2em; }
#withcorona .corona_title:first-of-type{margin:5% auto;}
#withcorona .corona_title:first-child{margin-top:0;}

#withcorona .corona_title:before,
#withcorona .corona_title:after{content:""; display:block;border-radius:5px; width:5px; margin: 0 5px; }
#withcorona .corona_title:before{ border-left:4px solid #23c280;}
#withcorona .corona_title:after{border-right:4px solid #23c280;}

#withcorona img{width:100%; height: auto; transition:.2s;}
#withcorona .wrapper{font-size:1.3em;}

#withcorona .wrapper{position:relative;}
#withcorona span{position: absolute;color: #fff; right: 0;top: 10px;border-radius: 20px 0 0 20px;padding: 3px 10px;border-right: none;}

#withcorona .twitter_matome{counter-reset: number;}
#withcorona .twitter_matome picture:before{ counter-increment: number; content: "twitterまとめ" counter(number,decimal-leading-zero); position: absolute; left: 0; font-size: 15px; font-weight:bold; box-sizing: border-box; z-index: 10; font-size: 15px;}


#withcorona .gridcontents.subsidy{text-align: justify;}
.subsidy_title{display:flex; justify-content: space-between; align-items:center; margin: 15% auto 5%; font-size:2.5em; }
.subsidy_title:before,
.subsidy_title:after{content:""; display:block; width:30%; margin: 0 5px; border-top:2px solid #23c280; }

.subsidyTitle{font-weight:bold;font-size:1.2em; margin:6px 0;}
.subsidyHowto,
.subsidyTerm{font-size:.92em;}
.subsidyHowto:before{content:"利用申請方法"; display:block; font-weight:bold;}
.subsidyTerm:before{content:"申請受付期間"; display:block; font-weight:bold;}



/*SP*/
@media screen and (max-width: 640px){
.subsidy_title{ font-size:6vw; }
.subsidy_title:before,
.subsidy_title:after {width:15vw;}
#withcorona .gridcontents:after{content:""; clear:both; display:block;}
#withcorona .wrapper{float: left; border: 1px solid #fff; box-sizing: border-box;}
#withcorona .sphalf{width:50%;}
#withcorona .relate img{filter: brightness(0.7); object-fit: cover; height: 25vh;}
#withcorona .relate p{position: absolute; color: #fff;bottom: 0;margin: 0;padding: 5px;text-shadow: 0 0 4px #111;}
#withcorona .relate span{border: 1px solid; right:-1px;}
#withcorona .subsidy .wrapper{border:none; margin-bottom: 10%; background: #fff; padding: 3% 3% 5%;}
#withcorona .twitter_matome picture:before{top: 35%; text-align:center; width: 90%; margin: auto 5%; color:#fff; border:1px solid;}

}
/*PC*/
@media screen and (min-width: 641px){
#withcorona .gridcontents{display:grid; gap:30px 15px; grid-template-columns:1fr 1fr 1fr; }
#withcorona span{background: rgb(24 62 66 / 0.8);}
#withcorona p{ margin-top: 5px;}

#withcorona .wrapper{background: #fff; padding: 7%;}
#withcorona .wrapper:hover{box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
#withcorona .wrapper:hover img{transform: scale(1.05);}
#withcorona .wrapper a{}
#withcorona .wrapper a:after{position:absolute;background-image: none; top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}
#withcorona .subsidy .wrapper{padding:3%;}
#withcorona .twitter_matome picture:before{top: 23%; width:40%;  background: rgb(255 255 255 / 0.9); padding: 0px 10px 3px 30px; color: #1DA1F2; border-radius: 0 4px 4px 0;}

}
/*ie*/
@media all and (-ms-high-contrast: none) {
#withcorona .gridcontents{display: flex; flex-wrap:wrap; justify-content:space-between;}
#withcorona .wrapper{margin-bottom:1.5%; width:30%; padding:1%;}
#withcorona span{background:#183e42; }
#withcorona .subsidy .wrapper{padding:1%;}
#withcorona .twitter_matome picture:before{background:#fff;}
}


/*ボタンパターン*/
.btn_normal { border-radius:5px; max-width:550px;}
.btn_normal a{display:block; text-align:center; padding:15px;color:#fff!important; text-decoration: none!important;}
.type1{background: #f37800;   border-bottom:3px solid #d66a00;}
.type2{background: #d51e34;   border-bottom:3px solid #791420;}
.type3{background: #15a256;   border-bottom:3px solid #186345;}
.type4{background:#46bcc8;   border-bottom:3px solid #1b6e77; margin: 20px auto; }





/*新クイズ（チャレンジ）*/
.quizChallenge{}

#quizlist{position:relative;}
#quizlist li{display:flex; flex-direction:column; background:#eee; border:2px solid #eaeaea; border-radius:5px; margin:5px 0; padding:10px;}
#quizlist li:hover{background: #f5f2e4;}

.correct:after{content:"○"; color: #bf0101; font-size: 100px;}
.wrong:after{content:"×"; color:#2d92da; font-size: 140px;}
.correct:after,
.wrong:after{position:absolute; background:rgba(0,0,0,.4);width: 104%; height: 110%; top: -5%; left: -2%; border-radius: 5px; display: flex; justify-content: center; align-items: center; font-weight: bold; text-shadow: 0 0px 10px #fff;}

.answer_txt{font-size:1.2em; font-weight:bold;}

#anser_explan{display:none;}
#anser_explan.visib{display:block;}
#anser_explan p{margin:10px 5px 15px;}
#med_guidance{border:1px solid; padding:1em;}


.relate_quiz{margin:25px auto;position:relative;border-radius:5px;padding:0 1% 1% 0;background-image:repeating-linear-gradient(-45deg,rgba(200,200,200,0.5),rgba(200,200,200,0.5) 4px,transparent 0,transparent 8px)}
.relate_quiz .wrapper{background:#fff;border-radius:5px;padding:0 2% 2%;font-size:1.3em}
.relate_quiz_title{font-size:14px;display:inline-block;font-size:clamp(14px,4.4vw,1.5rem);margin:-5px 0 15px;background:#3992c2;color:#fff;border-radius:30px;padding:6px 15px;transform:rotate(-2deg);background-image:repeating-linear-gradient(-45deg,rgb(29 103 143 / 20%),rgba(29 103 143 / 20%) 4px,transparent 0,transparent 8px);position:relative;font-weight:normal}
.relate_quiz_title::after{content:"";border:7px solid #3992c2;width:0;height:0;position:absolute;bottom:-13px;left:30%;border-color:#3992c2 transparent transparent #3992c2}
.relate_quiz_list,
#column__contents .relate_quiz_list{    margin: 0 auto 5px;    padding: 0;  background: none;font-size:14px;font-size:clamp(13px,3vw,1.2rem);line-height:1.2;margin-bottom:5px}
.relate_quiz_list li{margin:5px 5px 8px 1.5em;list-style:initial;    line-height: 1.5; align-items: center;
    display: flex; position:relative;
    border: 1px solid #a9d1e7; text-indent: 0!important;}
.relate_quiz_list li::before{color:#3992c2;
    font-family: Satisfy;
    content: "Q";
    font-size: 1.5em;margin-left:-5px; background:#fff;}
.relate_quiz_list li::after{content:"";position:absolute; border:8px solid; border-color:transparent #3992c2 #3992c2 transparent; right:0; bottom:0;}
#column__contents .relate_quiz_list li a{    color: #333;
    text-decoration: none;
    padding: 10px; margin:.5em .5em .5em 0;
    background: repeating-linear-gradient(-45deg,rgb(60 146 194 / 10%),rgb(60 146 194 / 10%) 4px,transparent 0,transparent 8px);
    width: 100%;}
#column__contents .relate_quiz_list li a:hover{color:#3992c2;text-decoration:underline}
@media screen and (max-width: 640px){
.qa_tbl tr td:last-child{padding-right:0;}
}


/*レシピ*/
#column__contents.recipe_contents h5{margin-top:0;}
#column__contents.recipe_contents li{margin-left: 0; text-indent: 0;}
.recipe_contents{}

.recipe_leadtext{margin: 20px auto 30px; line-height: 1.7em;}
.foodstuff{	background: #f9f6f2; color:#333; margin: 10px auto; padding: 15px;}

.recipe{}
.material{display:flex; flex-wrap:wrap; justify-content: space-between;}
.material dt,
.material dd{width:50%; border-bottom:1px dotted #ccc; padding: 5px; box-sizing: border-box;}
.material dt:last-of-type,
.material dd:last-of-type{border:none;}
.material dd{text-align:right;}

.groupA:before{content:"A";}
.groupB:before{content:"B";}
.groupC:before{content:"C";}
.groupA:before,
.groupB:before,
.groupC:before{color:#fff; background:#e9967a; border-radius:50%; padding-left: 2px; width: calc(1.4em - 2px); height: 1.4em; line-height: 1.4; display: inline-block; text-align: center;}
dt.groupA:before,
dt.groupB:before,
dt.groupC:before{margin-right: 10px;}

.recipe{counter-reset:list;}
.recipe .recipelist{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 4px dotted #ddd;}
.recipe_contents em,
.recipe .recipeimg:before{  background:#e9967a; color:#fff; border-radius: 3px;}
.recipe_contents em{ padding:0 8px;}
.recipe .recipeimg:before{ counter-increment: list; content: counter(list); padding:0 15px;}


.recipeimg img{ margin:1%; text-align:center;}
.recipe .recipelist div{display: flex; flex-direction: column;}



.recipeimg {
    display: grid;
	display: -ms-grid;
	gap: 10px;
    grid-template-columns: auto 250px;
    grid-template-rows: 25px auto;
	-ms-grid-columns: 1fr 250px;
    -ms-grid-rows: 25px auto;
}
.recipe .recipeimg:before{width: 10px;
    grid-row: 1/2;
    grid-column: 1/2;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
}
.recipeimg figcaption{
	display: block;
    grid-row: 2/3;
	-ms-grid-column: 1;
	-ms-grid-row: 2;}
.recipe .recipelist div {
    grid-row: 1/3;
	-ms-grid-column: 2;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
}

.onepoint{border: 4px dotted #DE1; border-radius: 20px; padding: 0 2% 2%;}
.iconimg{ width: 40px; height: auto; margin-bottom: 10px;}
#column__contents .onepoint h3{font-family:Maru Folk Medium; margin-top:2%; text-align:center; display:flex; align-items:center;}
#column__contents .onepoint h3:before,
#column__contents .onepoint h3:after{content:""; margin:auto;}

@media screen and (max-width: 640px){
.recipelist .recipeimg {display: flex; flex-direction: column;}
.recipeimg figcaption{margin-top:5px;}
.material{font-size:.8em;}
}
@media all and (-ms-high-contrast: none) {
.recipeimg img{max-width:250px;}
}



/*記事リスト間バナー*/
.entrylinktext{line-height: 1.5em;
    font-size: 14px;
    margin-top: 10px;}
.entrylinktext small{display: inline-block;
    font-size: 0.8em;
}
@media screen and (max-width: 640px){
.entrylinktext{clear: both;font-size: 12px;}
.pg_wrap_container .column_entry_img{height: inherit;}
}


/*ファルマラボ編集部*/
.lab_editorial{
    font-size: 1.2rem;
    display: flex;
    align-items: center;
}
.lab_editorial:before {
    content: "\f044";
    font-family: FontAwesome;
    font-size: 7em;
    margin: 0 15px;
    line-height: 1;
}
.lab_editorial h4{margin-bottom: 5px;
    border-bottom: 1px solid #aaa;
    padding-bottom: 5px;
}
.lab_editorial p{font-size:1.2rem;}
@media screen and (max-width:640px) {
.lab_editorial {flex-direction:column;}
.lab_editorial:before {font-size: 5em;}
}


/*ボタン*/
.orange_btn a{
 display: block; 
 padding: 10px; margin: 10px auto; 
 text-align:center; color: #f37801; font-weight: bold; line-height: 1.5em; font-size: 16px;
 border: 1px solid; border-radius: 5px;
 box-sizing: border-box;
}

.orange_btn a:hover{background: #ffeddc;}

/*テーブルスクロール*/
@media screen and (max-width:640px) {
#column__contents .scroll table {
    width: 200%;
	margin: 30px auto 5px;
}
#column__contents .scroll::before {
    content: none;
}
#column__contents .scroll::after {
    content: "← 左右にスクロール →";
    font-size: 13px;
    margin-bottom: 15px;
    display: block;
}
}

/*分数*/
.bunsu{
display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.bunbo,.bunshi{display:block;}
.bunshi{border-bottom:1px solid;}
.uemoji,.shitamoji{font-size: .8em;}
.uemoji{vertical-align: super;}
.shitamoji{vertical-align: sub;}

/* 初めての方動画 */
.flow_movie{
    position:relative;
	background: #6dccd7;
    background-image: repeating-linear-gradient( -45deg, rgba(150,150,150,0.1), rgba(150,150,150,0.1) 5px, transparent 0, transparent 10px);
    width: 96%;
    max-width: 1140px;
    margin: auto auto 20px;
    padding: 2%;
    box-sizing: border-box;
    border-radius: 15px;
    overflow: hidden;
    font-size: 24px;
    font-size: clamp(18px,4.8vw,2.4em);
}
.flow_movie .wrapper{width:96%; margin: auto; display: flex;  flex-direction: column; align-items: center; flex-wrap:wrap;}
.flow_movie .content{max-width: 500px;text-align: center;}


.flow_movie_titdeco{ display:inline-block;background: #fff; color: #2bbccd; border-radius: 5px; padding: 3px 20px; margin: 15px auto;box-sizing: border-box;}
.moviecontent video{width: 100%; height: auto;}

#inline_content video {
    width: 100%;
    max-width: 845px;
    height: auto;
}

.hide-pc2{display:block;}
.hide-sp2{display:none;}
@media screen and (max-width:926px) {
    .hide-pc2{display:none;}
    .hide-sp2{display:block;}
}

.moviecontent{position: relative;}

@media screen and (max-width:640px) {
    .flow_movie::before{
    top: -165px;
    left: -135px;
    font-size: 0.8em;
    }
}

/*縦書き*/
#column__contents .v_write{-ms-writing-mode: tb-rl; writing-mode: vertical-rl;font-family: auto; margin:auto;}
@media screen and (max-width:640px) {
#column__contents .v_width{width:100%; overflow:scroll;position: relative; padding: 2em 0;}
#column__contents .v_width::before{    content: "← 左右にスクロールできます →";
    writing-mode: horizontal-tb;
    position: absolute;
    top: 0;    left: 0;
    width: 100%;height:100%;
    font-size: .8em;    font-family: auto;    color: #999;
}
}
#column__contents .v_write p{margin-left:1em; width: initial; font-feature-settings: normal;}
#column__contents .v_write .yoko{ -ms-writing-mode: tb-rl;	-webkit-writing-mode: vertical-rl;	text-orientation: upright;writing-mode: vertical-rl;}
#column__contents .v_write .linecenter{text-align: center;}
#column__contents .v_write .lineend{text-align: right;}
#column__contents .v_write strong{background: linear-gradient(transparent 70%, #fcdfb2 70%); font-weight:normal;}
#column__contents .serif{font-family: serif;}


/* 添付アプリ遷移ボタン */
.search-medicine-parent{padding-top:20px;}
.btn_tenpu{margin:0 auto;}
#column__contents .box.btn_tenpu{
background:none;
padding: 0;
margin: 20px auto 0;
}
    .btn_tenpu a{
        display: block;
        text-align: center;
        font-size: min(4vw,1.4rem);
        text-decoration: none!important;
        color: #fff!important;
        background: #00beca;
        padding: 10px 1em;
		box-sizing: border-box;
        margin: 5px auto;
        border-radius: 4px;
        box-shadow: 0 2px 0 #06686e;
        width: min(450px, 95%);
    }


/*新薬情報ナビ*/
.drug_title{
    text-align: center;
    font-size: min(5.6vw,1.8em);
    padding: 10px 0;
    margin: 15px auto 30px;
    line-height: 1.4;
    border-top: 3px solid #94d6f6;
    border-bottom: 3px solid #94d6f6;
    color: #3e9dcb;
}
.drugInfo_navi{
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    gap: 10px;
    margin: 15px auto;
}
@media screen and (max-width:640px) {
    .drugInfo_navi{
        flex-direction:column;
    }
}
.drugInfo_navi li{
    display: flex;
    align-items: stretch;
    flex:1;
}
.drugInfo_navi a{
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 5px;
    width: 100%;
    border: 1px solid #94d3f2;
    background: #f7f7f7;
    text-decoration: none!important;
    border-radius: 10px;
    padding: 10px;
    font-size: .8em;
}
.drugInfo_navi a::after{
    content:"\f107";
    font-family: FontAwesome;
    margin-left: auto;
    font-size: 1.5em;
}
.drugInfo_navi a:hover{
    color: #fff!important;
    background: #90d2f5;
}

/* LINEサンクス　*/
.line_thanks{
	width:min(96%,750px);
	margin:auto;
    color: #666;
}
.line_thanks p{
    margin: 0 auto 50px;
	text-align:center;
    font-size: 16px;
}
.line_thanks ul{
	margin-bottom:30px;
}
.line_thanks li{
    list-style: none;
	margin-bottom:15px;
}
.thx_tit{
    padding: 10px 0px;
    text-align: center;
    font-size: min(25px,5vw);
    font-weight: bold;
    letter-spacing: 5px;
    border-bottom: 1px solid ;
    border-top: 1px solid ;
    margin-bottom: 10px;
}
.thx_sub_tit{
    text-align: center;
    font-size: min(18px,4.5vw);
    border-bottom: 1px solid;
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-weight: bold;
}
.btn_return_top a{
    position: relative;
    display: block;
    margin: 40px auto;
    width: min(400px,75%);
    border: 1px solid #666;
    border-radius: 3px;
    font-size: 1.2rem;
    text-align: center;
    line-height: 40px;
    background: #fff;
}
.btn_return_top a::after{
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    right: 25px;
}

@media screen and (min-width:641px) {
.thx_bnr_layout{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: start;
	}
.thx_bnr_layout li{
	flex-basis: 49%;
}
}

/*関連コンテンツ*/

.relation_box{
    background: #f2f2f2;
    padding: calc(20px + .5em) 15px 15px;
    border: 2px solid #999;
    position: relative;
    margin: 30px auto;
}
.relation_tit{
	width: fit-content!important;
    position: absolute;
    top: calc(-6px - 0.5em);
    color: #fff;
    background: #999;
    padding: 5px 1.5em;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.1em;
}
#column__contents .relation_box p{
margin:0;
line-height: inherit;
}
.relation_tit::before{
content:"";
display:block;
    width: 1.5em;
    height: 1.5em;
}
.relation_tit_column::before{
background:url(/images/pharma-labo/icon_column_memo.svg)no-repeat 100% / cover;
}
.relation_tit_site::before{
background:url(/images/pharma-labo/icon_column_web.svg)no-repeat 100% / cover;
}
.relation_tit_contents::before{
background:url(/images/pharma-labo/icon_column_book.svg)no-repeat 100% / cover;
}
.relation_txt{
font-weight:bold;
}
.relation_box .relation_link{
    color: #00c0ef;
    text-decoration: underline;
}


/* SNSブラウザ判別ポップアップ */
.sns_modal{display:none;}
.sns_modal_open {
	display:flex;
	overflow-y:auto;
	position:fixed;
	z-index:200;
	top:0;
	width:100%;
	height:100dvh;
	padding:20px 0;
	transition:.2s;
	background:rgba(0,0,0,.75);
	-webkit-overflow-scrolling:touch;
}

.sns_modal_wrap {
    position: relative;
    width: min(90%, 750px);
    margin:auto;
    background:#fff;
    padding:50px 15px 15px;
    box-sizing: border-box;
}
.icon_attention{
    position:absolute;
    top: -25px;
    left:50%;
    transform:translateX(-50%);
}
.sns_howto_title {
    text-align:center;
    font-size:24px;
    margin-bottom:15px;
}
.sns_howto_txt{
    font-size:14px;
    margin-bottom:15px;
    text-align:center;
}

.sns_modal_open .closebtn {
    display:block;
    position:fixed;
    top:0;
    right:0;
    padding:10px;
    background:rgba(0,0,0,.7);
    @media screen and (min-width:641px) {
        right:calc(50% - 750px / 2);
    }
    img {
        width:25px;
    }
}

.sns_modal_open .sns_closebtn {
  display: block;
  position: absolute;
  top: -35px;
  right: 0;
}
@media screen and (min-width:641px) {
  .sns_modal_open .sns_closebtn {
    right: calc(50% - 375px);
  }
}
.sns_modal_open .sns_closebtn img {
  width: 25px;
}

.sns_closebtn {
  display: none;
}
.sns_howtoimg{
    width:min(100%,480px);
    display: block;
    margin:auto;
}