@charset 'UTF-8';
/* ==========================================
   CSS Variables
========================================== */
:root {
	--color-orange: #f37800;
	--color-beige: #F9F6F1;
	--color-olive: #a0a520;
	--color-lime: #cad02b;
	--color-cyan: #0CF;
	--color-ccc: #ccc;
	--color-aaa: #aaa;
    --space-l:24px;
    --space-m:12px;
    --space-s:8px;
    --font-size-xl:32px;
    --font-size-l:24px;
    --font-size-m:18px;
    --font-size-s:14px;
    --avatar-size:72px;
}

/* ==========================================
   Base Styles
========================================== */
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: var(--color-beige);}
.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;}
.bg_white{background: #fff}
.bg_lime{background: #FEFFF8;}

.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_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%;
	}
}


/* 外部リンク */
#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,
#conts .columnbnr2 a:after {
	content: none;
}

/* 写真と記事コンテンツ */
.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: var(--color-lime);
}

.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 var(--color-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 var(--color-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 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: var(--color-beige);
	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 var(--color-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: var(--font-size-xl);
	line-height: 1.3em;
	margin: 30px auto;
	border-left: 10px solid var(--color-lime);
	padding-left: 10px;
}

#column__contents h2 {
	font-size: var(--font-size-l);
	font-weight: bold;
	margin: 50px auto var(--space-m);
	padding: 18px 0;
	border-bottom: 2px solid var(--color-ccc);
	border-top: 3px solid var(--color-lime);
	line-height: 1.3em;
}

#column__contents h3 {
	font-size: 20px;
	margin: 40px auto var(--space-m);
	padding-bottom: var(--space-s);
	color: var(--color-olive);
	border-bottom: 1px solid;
	line-height: 1.4;
}

#column__contents h4 {
	display: grid;
	grid-template-columns: 5px 1fr;
	gap: calc(2% - 5px);
	margin:40px auto var(--space-m);
	font-size: 17px;
	line-height: 1.5;
}
@media screen and (max-width: 640px) {
		#column__contents h4 {
					gap: calc(4% - 5px);
	}
}
#column__contents h4::before{
    content: "";
    width: 5px;
    background-color: var(--color-lime);
}
#column__contents h5 {
	text-align: center;
	background-color: var(--color-olive);
	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: var(--color-olive);
	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: var(--color-beige);
	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 ,
.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: var(--color-cyan);
	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 {
	display: block;
	margin: 15px 2%;
	border-bottom: 1px solid var(--color-ccc);
	padding-bottom: 12px;
}

#column__contents .anguish>h4 {
	color: var(--color-olive);
}

#column__contents .solution>h4 {
	color: #9A6837;
}

#column__contents .anguish>h4:before,
#column__contents .solution>h4:before {
	content: "\f2bd";
	width: inherit;
	background: none;
	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 var(--color-ccc);
}

.column_list_categoryname {
	border: 1px solid var(--color-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: var(--color-beige);
}

#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: var(--color-beige);
	padding: 2%;
	box-sizing: border-box;
}

#author_info h4 {
	display: block;
	margin: 0;
	font-size: 1.1em;
}

#author_info div {
	display: flex;
	margin-bottom: 20px;
	align-items: center;
}

#author_info ul {
	flex-grow: 3;
	background: var(--color-beige);
}

#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 (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__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 {
	display: none;
}

#column__contents .studytag: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: var(--font-size-l);
	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: var(--color-olive);
	font-size: 1.3em;
	margin: 30px 0 15px;
}

#mt_message p {
	line-height: 1.8em;
	margin-bottom: 1em;
}

#mt_message dt {
	margin-top: 10px;
	color: var(--color-orange);
}

/* 薬局探訪 */
.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;
}


.reportbutton,
a.reportbutton {
	background: var(--color-orange);
	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;
	}

	.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%;}
}


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

/***************************************************
 * 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; -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 h3 {
	border-left: 8px solid var(--color-lime);
	padding-left: 10px;
}

.haken_program h4 {
	border-bottom: 2px solid #DDD;
	position: relative;
	margin: 30px 0 10px;
	padding-bottom: 3px;
}

.haken_program h4:before {
	content: "";
	border-bottom: 2px solid var(--color-lime);
	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;}
.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%;}





/*ボタンパターン*/
.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;}
#med_guidance h4{margin: 0;}

.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;
	gap: 10px;
    grid-template-columns: auto 250px;
    grid-template-rows: 25px auto;
}
.recipe .recipeimg:before{width: 10px;
    grid-row: 1/2;
    grid-column: 1/2;
}
.recipeimg figcaption{
	display: block;
    grid-row: 2/3;
}
.recipe .recipelist div {
    grid-row: 1/3;
}

.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;}
}



/*記事リスト間バナー*/
.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{ 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{	-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: var(--text-muted);
}

.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 var(--text-muted);
	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;
}


/* PS-2680 コンサルタントアドバイス ***************************/

/* コラムリセット */
#column__contents aside ul,
#column__contents aside p{
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
    text-align: inherit;
}
#column__contents aside p{
	@media (width > 640px  ) {
}
}
#column__contents .consultant_list li,
#column__contents .consultant_imglist li{
    list-style: none;
    margin-left: 0;
}
/* /コラムリセット */

.column_contents{
	box-shadow: 0 0 5px color-mix(in srgb, var(--color-olive), transparent 50%);
	border-radius: 16px;
	margin: var(--space-l) auto;
	padding: var(--space-m);
	@media (width > 640px ) {
						padding: var(--space-m) var(--space-l);
		}
}
.faq_structure{
	margin: var(--space-m) auto;
}
.faq_structure_title{
	font-size:20px!important;
	margin-bottom: var(--space-l);
	@media (width > 640px  ) {
		font-size: var(--font-size-l);
	}
}
.consultant_list li:not(:last-child){
    margin-bottom: var(--space-m);
    padding-bottom: var(--space-m);
    border-bottom: 1px dashed var(--color-olive);
}
/* コンサルタント解説 */
.layout_info-card{
    display: grid;
    grid-template-columns: var(--avatar-size) 1fr;
    align-items: center;
    gap: 8px;
}
.report p.name-label,	/* 薬局探訪 */
.name-label{
					margin-bottom: inherit;	/* 薬局探訪テンプレート用 */
    color: var(--color-olive);
    font-size: 18px;
				font-weight: 500;
				@media (width <= 640px) {
					font-size: 16px!important;
			}
}
.name-label.txt-center{
    text-align: center!important;
    margin-bottom: var(--space-m)!important;
}
/* コンサルタントアドバイス */
.consultant_advice{
    border-radius: 16px;
    margin: calc(var(--space-l) * 2) auto;
    padding: var(--space-m);
    border: 2px solid var(--color-lime);
	@media (width > 640px ) {
						padding: var(--space-m) var(--space-l) var(--space-l);
		}
}
.consultant_advice img{
    max-width:  var(--avatar-size) ;
    border: 2px solid var(--color-lime);
    border-radius: 100px;
}
.consultant_imglist,
#column__contents .consultant_imglist{
    display: flex;
    justify-content: center;
    margin-top: calc( (var(--avatar-size) /2 + var(--space-m)) * -1);
    margin-bottom: var(--space-m);
    margin-left: 10px;
}
li.consultant_imglist_list,
#column__contents li.consultant_imglist_list{
    margin-left: -10px;
}
.consultant_imglist_list:nth-of-type(1){z-index: 4;}
.consultant_imglist_list:nth-of-type(2){z-index: 3;}
.consultant_imglist_list:nth-of-type(3){z-index: 2;}
.consultant_imglist_list:nth-of-type(4){z-index: 1;}
/* コラムFAQ構造化_アコーディオン */
.faqlist_line {
  /* ボーダーの基本設定 */
  border: none;
  border-top: 1px solid #ccc;
  padding: var(--space-m) 0;
  position: relative;

  /* はみ出し具合を決定する変数（デフォルト：スマホサイズ） */
  --bleed: 14px;
  /* メディアクエリで変数だけを上書き */
  @media (min-width: 768px)  { --bleed: 30px; }
  @media (min-width: 1141px) { --bleed: 40px; }
  /* 変数を使って一括計算 */
  width: calc(100% + (var(--bleed) * 2));
  margin-left: calc(var(--bleed) * -1);
}
.faqlist_line::before {
  content: "";
  position: absolute;
  top: 0;
  width: 70px;
  height: 3px;
  background-color: var(--color-lime);
  left: var(--bleed);
}


.details_column_question,
.details_column_answer{
    display: grid;
    gap: 8px;
}
.details_column_question{
				grid-template-columns: 24px auto 1em;
    cursor: pointer;
    align-items: center;
    font-size: 16px;
				font-weight: 500;
}
.details_column_answer{
				grid-template-columns: 24px auto;
    margin-top: var(--space-l);
    font-size: 14px;
}


.details_column_question::before,
.details_column_answer::before{
    font-size: 26px;
				font-weight: normal;
				text-align: center;
    text-box: trim-both cap alphabetic;
}

.details_column_question::before{
    content: "Q";
    color: var(--color-olive);
}
.details_column_answer::before{
    content: "A";
    color: var(--color-orange);
}

.details_column_question::after{
    font-family: "mr_icon";
    content: "\f3dd";
    font-size: 20px;
    margin-left: auto;
    color: var(--color-olive);
}
[open] .details_column_question::after{
    font-family: "mr_icon";
    content: "\e15b";
}

/*PS-2962 転職サポート事例 ***************************/

	/* リセット要素 */
.reset_pd-mg-bg{
				background: none!important;
    padding: 0!important;
    margin: 0!important;
	}
.reset_pd-mg{
    padding: 0!important;
    margin: 0!important;
	}
.reset_mg{
    margin: 0!important;
	}
.reset_pd{
    padding: 0!important;
	}

	#column__contents ul.content_text{
		 background: none;
    padding: 2%;
    margin: 0;
	}
	/* リセット要素 end */

	.jobchange_case_study{
		--bg:#fff8e9;
		--orange:#fe8300;
		--basecolor:#f09500;
		--dark:#333;
		--gray:#e7ecf0;
		margin: 24px auto;


	.jobchange_case_title{
		display: flex;
		justify-content: center;
		gap: 8px;
		background: var(--bg);
		border: none;
		color: var(--dark);
		font-size: clamp(16px,15px + 0.5vw,24px);
		margin-bottom: 16px;
		padding: 8px;
		font-weight: bold;
		/* 自動折り返し */
		word-break: keep-all;
		overflow-wrap:anywhere
	}
	@media (width <= 640px) {
		.jobchange_case_title{
			flex-direction: column;
		}
	}
	.case_study_num{
		color: var(--basecolor);
		min-width: 4.5em;
		font-size: .8em;
	}
	.case_study_num::after{
		content: "";
		display: block;
		width: 4em;
		height: 2px;
		margin-top: 4px;
		background: var(--basecolor);
	}
	@media (width > 640px) {
	.case_study_num{
		display: flex;
		align-items: center;
		gap: 8px;
		color: var(--basecolor);
		min-width: 4.5em;
		font-size: .8em;
	}
	.case_study_num::after{
		content: "";
		display: block;
		width: 2px;
		height: 90%;
		background: var(--basecolor);
	}
}
	.support_title{
		display: grid;
		justify-content: center;
		padding:4px;
		color: #fff;
		font-size: clamp(18px,15.89px + 0.5634vw,24px);
		background:
		linear-gradient(90deg, transparent 5%, var(--orange) 30%, var(--orange)55% , transparent 95%),
		linear-gradient( #fff 50%, var(--bg) 50%);
	}
	@media (width <= 640px) {
	.support_title{
		background:
		linear-gradient(90deg, transparent 2%, var(--orange) 15%, var(--orange)70% , transparent 98%),
		linear-gradient( #fff 50%, var(--bg) 50%);
	}
}
	.container{
		display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
	}

	.badge, .content {
  grid-area: 1 / 1;
	}
	.content {
		display: flex;
		/* gap: 8px; */
		border-radius: 12px;
		margin-top: 16px;
		*{
			flex: 1 1 0%;
		}
		p{
			margin: 0;
		}
	}
	@media (width <= 640px) {
		.content{
			flex-direction: column-reverse;
			padding:24px 16px 8px;
		}
}
	@media (width > 640px ) {
		.content{
			justify-content: center;
			align-items: center;
			padding:16px 16px 0;
		}
		.img_end{
			align-items: end;
		}
		.content_text,
		.content_text + img{
			max-width: 50%;
		}
}
	.badge {
			position: relative;
			left: calc(5% + 4px);
			padding: 4px 16px;
			color: #fff;
			border-radius: 999px;
			justify-self: start;
			align-self: start;
			margin-left: 16px;
			z-index: 1;
		font-size: 16px;
	}
	.arrow{
		position: relative;
	}
	.arrow::after{
		content: url(/images/column/mt_column_arrow.svg);
		position: relative;
		display: flex;
		justify-content: center;
			transform: scale(0.7);
	}
	@media (width <= 640px) {
		.arrow::after{
			transform: scale(0.5);
		}
}
	.jobchange_case_gray{
		.badge{
			background: var(--dark);
		}
		.content{
			width: 90%;
			margin-inline:auto;
			background:var(--gray);
		}
	}
	.jobchange_case_orange{
		background:var(---bg);
		.badge{
			background: var(--orange);
		}
		.content{
			width: 90%;
			margin-inline:auto;
			background:#fff;
		border: 3px solid var(--orange);
		}

	}
	.jobchange_case_study--after{
		padding-bottom: 16px;
		background: var(--bg);
	}
}
/* 転職サポート事例 end  ***************************/