/*--------------------------------------------------
　薬学生向け4月から入社可能な新卒薬剤師求人
--------------------------------------------------*/
html {
	-webkit-text-size-adjust: 100%;
}

/* 共通 */
#yakugaku_01 {
	font-family: "Noto Sans CJK JP", "Noto Sans JP", "Noto Sans CJK JP Subset", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ;
	font-size: 14px;
	color: #4c4c4c;
	background: #fff3f8;
    margin: 0px;
    padding: 0px;
	overflow: hidden;
}
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
@media screen and (max-width: 1100px) {
	.br_1100 {
		display: none !important;
	}
}
@media screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
}

/* ファーストビュー */
.mv {
    max-width: 1024px;
    width: 90%;
    margin: 0 auto;
	text-align: center;
    display: flex;
    justify-content: space-between;
}
.mv__wrapper {
    width: 55%;
    margin: 70px auto 60px 0;
    padding: 20px 35px;
    background-color: #fff;
    font-weight: bold;
}
.mv__decoration {
    font-size: 29px;
    color: #fff;
    background-color: #e97898;
    width: 65%;
    margin: 0 auto 5px;
    padding: 6px 0;
}
.mv__title {
    font-size: 47px;
    color: #e97898;
    line-height: 1.3;
    font-weight: bold;
}
.mv__img {
    width: 38%;
    margin: auto 0;
}
.mv__text {
    max-width: 1024px;
	width: 90%;
	margin: 25px auto 0;
}
.mv__text span {
    display: inline !important;
}
@media screen and (max-width: 1137px) {
    .mv__decoration {
        font-size: 2.55vw;
    }
    .mv__title {
        font-size: 4vw;
    }
}
@media screen and (max-width: 767px) {
    .mv {
        width: 100%;
        padding: 15px 0 30px;
        display: block;
        position: relative;
    }
    .mv::after {
        content: "";
        display: inline-block;
        position: absolute;
        background-image: url(/images/yakugaku/mv-yakugaku01_sp.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .mv__wrapper {
        width: 80%;
        margin: 0 auto;
        margin: 0 auto 10px;
        padding: 15px 0;
    }
    .mv__decoration {
        font-size: 4.26vw;
        padding: 5px 0;
    }
    .mv__title {
        font-size: 6vw;
    }
    .mv__img {
        display: none;
    }
	.mv__text {
		margin: 12px auto 0;
	}
    .mv__text span {
        display: none !important;
    }
}
@media screen and (max-width: 500px) {
    .mv::after {
        background-size: contain;
    }
}

/* CTA */
.cta {
	margin-top: 25px;
}
.cta__text {
	text-align: center;
	font-size: 16px;
    font-weight: bold;
    color: #197a8e;
    line-height: 1;
}
.cta__ttl p {
	text-align: center;
	font-size: 16px;
    color: #197a8e;
	margin-bottom: 5px;
}
.cta__ttl p::before {
	margin-right: 8px;
    transform: rotate(-35deg);
}
.cta__ttl p::after {
    margin-left: 8px;
    transform: rotate(35deg);
}
.cta__ttl p::before, .cta__ttl p::after {
    content: '';
    width: 1.5px;
    height: 18px;
    margin-bottom: -3px;
    background-color: #197a8e;
    display: inline-block;
}
.cta__btn {
	width: 90%;
    max-width: 420px;
    margin: 0 auto;
}
.cta__btn--cover {
    display: block;
    text-align: center;
	padding: 0;
    border: none;
    border-radius: 50px;
}
.cta__btn--text {
	width: 100%;
    position: relative;
    color: #fff;
    background: #197a8e;
	border: 1px solid #197a8e;
    box-shadow: 0 6px 0 #015161;
    padding: 17px 0 15px;
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    border-radius: 50px;
}
.cta__btn--text p {
	font-size: 22px;
}
.cta__btn--text p::after {
    position: absolute;
    content: "\f105";
    font-size: 25px;
    top: 30%;
    right: 6.5%;
    transform: rotate(90deg);
}
.cta__btn--text:hover {
	color: #015161;
	background: #fff;
	border: 1px solid #015161;
	transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
}
.cta__btn--cover:hover {
	background-color: transparent;
}
@media screen and (max-width: 767px) {
.cta {
	margin-top: 15px;
}
.cta__ttl p {
	font-size: 16px;
}
.cta__ttl p::before, .cta__ttl p::after {
    height: 13px;
	margin-bottom: -2px;
}
.cta__btn--text p {
	font-size: 22px;
}
.cta__btn--text p::after {
	font-size: 24px;
	top: 28%;
}
.cta__btn--text:hover {
	color: #fff;
	background: #197a8e;
    border: 1px solid #197a8e;
}
}
@media screen and (max-width: 355px) {
	.cta__btn {
		width: 86%;
	}
	.cta__btn--text {
        padding: 15px 0;
    }
	.cta__btn--text p {
        font-size: 16px;
    }
	.cta__btn--text p::after {
        font-size: 18px;
        top: 33%;
        right: 3.5%;
    }
}

/* 求人一覧 */
.content_merit {
	margin-top: 50px;
    padding-bottom: 15px;
}
.content_merit_title {
	color: #e97898;
	font-size: 30px;
    font-weight: bold;
	text-align: center;
    margin-bottom: 25px;
}
.content_merit_content {
	width: 1024px;
	margin: 0 auto;
}
.flex_style {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.column_col {
	width: 290px;
	margin-top: 20px;
	padding: 13px 20px 20px;
	background-color: #fff;
	border: 1px solid #e97898;
	border-radius: 10px;
}
.column_col:nth-of-type(-n+3) {
	margin-top: 0;
}
.column_txt_blk {
	padding: 0;
	float: inherit;
    display: flex;
    flex-direction: column;
}
.column_col p.column_num {
	margin-bottom: 2px;
	padding-right: 2px;
	font-weight: bold;
	font-size: 20px;
	font-style: italic;
	text-align: center;
	color: #e97898;
}
.choice{
	text-align: center;
}
.choice span{
	border: 1px solid #e97898;
	font-size: 15px;
	display: inline-block;
	padding: 4px 8px 4px 10px;
}
.choice span.employment{
	background-color: #e97898;
	color: #fff;
}
.choice span.fresh{
	background-color: #fff3f8;
	color: #e97898;
}
.choice span.industry{
	margin-top: 8px;
	background-color: #fff;
	color: #e97898;
}
.earning {
	margin-top: 5px;
	font-size: 22px;
	color: #e97898;
	font-weight: bold;
	text-align: center;
    padding-bottom: 3px;
    margin-bottom: 7px;
    border-bottom: 1px solid #e97898;
}
.column_col .column_ttl {
	color: #4c4c4c;
    font-size: 22px;
    font-weight: bold;
    padding-top: 10px;
    line-height: 1.4;
    text-align: center;
    height: 4.3em;
    overflow: hidden
}
.column_ttl span {
	background: linear-gradient(transparent 60%, #fff3f8 60%);
}
.earning .tx_L {
	font-size: 30px;
	position: relative;
	top: 1px;
	padding: 0 2px;
}
.column_col p {
	font-size: 18px;
}
.check.pc {
    flex-grow: 1;
}
.check dt {
	color: #4c4c4c;
	text-align: center;
}
.check dd li {
    margin-top: 5px;
	position: relative;
	padding-left: 18px;
    font-size: 15px;
}
.check dd li::before {
    position: absolute;
    display: inline-block;
    content: "";
    left: 0;
    top: 5px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.7.4, SVG Export Plug-In . SVG Version: 9.03 Build 55973) --%3E%3Csvg version='1.1' id='check' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17 16' enable-background='new 0 0 17 16' xml:space='preserve'%3E%3Cpath fill='none' stroke='%234c4c4c' stroke-width='3' stroke-miterlimit='10' d='M1.5,9.7c0,0,3,2.5,4,4.5c0.4,0.9,10-12.5,10-12.5' /%3E%3C/svg%3E");
    background-repeat:no-repeat;
    width: 0.75em;
    height: 0.75em;
}
.column_txt_blk .cta__ttl {
    margin-top: 15px;
}
.column_col .cta__ttl p {
    font-size: 15px;
}
.column_col .cta__btn--text p {
    font-size: 18px;
}
.column_txt_blk .cta__btn {
    width: 100%;
}
/* もっと見る */
.morebtn {
	cursor: pointer;
	font-size: 22px;
	text-align: center;
	margin-top: 5px;
	color: #e97898;
    font-weight: bold;
}
.angle-down {
	position: relative;
	display: inline-block;
	font-size: 30px;
	transform: rotate( 90deg );
	margin-top: 3px;
}
.angle-down::before {
	position: absolute;
	content: "\f105";
	display: inline-block;
	right: 2px;
	top: -40px;
	font-style: normal;
	font-family: 'FontAwesome';
}
/* もっと見るグラデーション */
.content_gradation {
	position: relative;
	overflow: hidden;
	height: 730px;
}
.content_gradation::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90px;
	z-index: 100;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(255,243,248,1) 30%, rgba(255,255,255,0) 100%);
	transition: .4s;
}
.content_gradation.more::before {
	height: 0;
}
/* 求人一覧の注釈 */
.content_merit_sub_title {
	margin-top: 15px;
	color: #4c4c4c;
	font-size: 12px;
	text-align: center;
}
@media screen and (max-width: 1100px) {
	.content_merit_content {
        width: 90%;
    }
    .content_gradation {
        height: 1200px;
    }
    .column_col {
        display: block;
        width: 100%;
    }
    .column_col:last-child {
        margin-bottom: -15px;
    }
    .column_col:nth-of-type(-n+3) {
        margin-top: 20px;
    }
    .column_col .column_ttl {
        height: auto;
    }
    .morebtn {
        margin-bottom: 10px;
    }
    .content_merit_sub_title {
        margin-top: 0;
    }
}
@media screen and (max-width: 767px) {
    .content_merit {
        padding-bottom: 0;
    }
    .content_merit_title {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .flex_style {
        flex-direction: column;
    }
    .column_col {
        width: 90%;
        margin: 17px auto 0;
        padding: 6px 0 20px;
    }
    .column_col:first-of-type {
        margin-top: 0;
    }
    .column_col:nth-of-type(-n+3) {
        margin-top: 17px;
    }
    .column_col:last-child {
        margin-bottom: 15px;
    }
    .column_txt_blk {
        width: 90%;
        margin: 0 auto;
        float: inherit;
    }
    .content_merit_content {
        width: 100%;
        height: auto;
    }
    .column_col p.column_num {
        font-size: 18px;
    }
    .choice span{
        font-size: 14px;
    }
    .column_col .column_ttl {
        font-size: 20px;
        text-align: left;
    }
    .earning .tx_L {
        font-size: 28px;
    }
    .column_col p {
        font-size: 15px;
    }
    .column_col hr {
        display: none;
    }
    summary {
        display: block;
    }
    .details {
        max-width: 420px;
        width: 100%;
        margin: 5px auto 0;
        border: 1px solid #e0d9db;
        border-radius: 12px;
        background-color: #f6f4f4;
        padding: 5px 0;
    }
    summary.details-summary {
        text-align: center;
        font-size: 14px;
    }
    summary.details-summary span {
        position: relative;
        padding-right: 8px;
    }
    summary.details-summary  span::after{
        content: "";
        position: absolute;
        right: -10px;
        top: 53%;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 7px solid #4c4c4c;
        transition: transform .3s ease-in-out;
        transform: translateY(-50%) rotate(0deg);
        backface-visibility: hidden;
    }
    summary.is-active span::after {
        transform: translateY(-50%) rotate(-180deg);
    }
    .details-content ul {
        margin: 4px 15px 4px;
        border-top: 1px solid #e0d9db;
    }
    .details-content li {
        margin-top: 10px;
        position: relative;
        padding-left: 18px;
        font-size: 15px;
    }
    .details-content li::before {
        position: absolute;
        display: inline-block;
        content: "";
        left: 0;
        top: 5px;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.7.4, SVG Export Plug-In . SVG Version: 9.03 Build 55973) --%3E%3Csvg version='1.1' id='check' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17 16' enable-background='new 0 0 17 16' xml:space='preserve'%3E%3Cpath fill='none' stroke='%234c4c4c' stroke-width='3' stroke-miterlimit='10' d='M1.5,9.7c0,0,3,2.5,4,4.5c0.4,0.9,10-12.5,10-12.5' /%3E%3C/svg%3E");
        background-repeat: no-repeat;
        width: 0.75em;
        height: 0.75em;
    }
    #contact_form_support {
        padding-top: 35px;
    }
    .content_merit_sub_title {
        width: 90%;
        margin: 0 auto;
        text-align: left;
        font-size: 10px;
    }
    /* もっと見るグラデーション */
    .content_gradation::before {
        content: none;
    }
    .morebtn{
        display: none;
    }
}
/* フォーム */
#contact_form {
	background-color: transparent;
	margin-top: 0;
	padding-top: 45px;
}
#contact_form .contact_form--inner {
	padding: 50px 0 55px;
	background-color: #E5F7FF;
	border-radius: 15px;
	position: relative;
}
.contact_form--title {
    font-size: 30px;
    font-weight: bold;
    color: #197a8e;
    text-align: center;
    margin-bottom: 40px;
}
.contact_form--center-box {
	width: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.contact_form--wrapper {
	max-width: 1024px;
    width: 90%;
    margin: 40px auto 0;
    background-color: #fff;
    border-radius: 10px;
}
.contact_form--form {
	margin: 0 auto;
    padding: 15px 25px 5px;
}
/* 共通フォームカスタム */
#yakugaku_01 #contact_form .td_width {
	color: #197a8e;
}
.cnt_tbl tr td {
    background-color: #fff;
}
/* STEP現在地・記入済み */
#pagination span.active {
	color: #fff;
    background: #e97898;
}
/* STEP未記入 */
#pagination span {
	color: #fff;
    background: #aeb9be;
}
/* 必須項目アイコン */
#yakugaku_01 .form_mark.require {
	color: #fff;
	background: #e97898;
}
/* 任意アイコン */
#yakugaku_01 .form_mark.any {
	color: #fff;
    background: #197a8e;
}
/* 保有資格・経験の薬剤師免許の境目に線を引く */
.radio_button input[type="radio"]+label[for="form_compositions_id[24]_1"] {
    border-right: 1px solid #197a8e;
}
/* ラジオボタン */
.radio_button input[type="radio"]:checked+label {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path fill="%23FFF" d="M7 13.5C3.416 13.5.5 10.584.5 7S3.416.5 7 .5s6.5 2.916 6.5 6.5-2.916 6.5-6.5 6.5z"/><path fill="%23197a8e" d="M7 1c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6m0-1a7 7 0 10.001 14.001A7 7 0 007 0z"/><path fill="%23197a8e" d="M7 3c2.207 0 4 1.794 4 4s-1.793 4-4 4c-2.205 0-4-1.794-4-4s1.795-4 4-4"/></svg>') no-repeat, #E5F7FF;
    color: #197a8e;
	background-position: 12px 12px;
}
.radio_button input[type="radio"]+label {
    padding: 10px 0;
    text-align: center;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path fill="%23197a8e" d="M7 1c3.309 0 6 2.691 6 6 0 3.31-2.691 6-6 6s-6-2.69-6-6c0-3.309 2.691-6 6-6m0-1a7 7 0 100 14A7 7 0 007 0z"/></svg>') no-repeat, #fff;
    background-position: 12px 12px;
    color: #197a8e;
}
/* チェックボックス */
.guidance_check .consult_check input[type="checkbox"]+label, .check_pd .checkbox_cov_sec input[type="checkbox"]+label, .consult_check2 input[type=checkbox]+label {
    padding: 10px 0;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path fill="%23197a8e" d="M13 1v12H1V1h12m1-1H0v14h14V0z"/></svg>') no-repeat, #fff;
    background-position: 12px 12px;
    color: #197a8e;
}
.consult_check input[type="checkbox"]:checked+label, .consult_check2 input[type="checkbox"]:checked+label, .checkbox_cov_sec input[type="checkbox"]:checked+label {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path fill="%23FFF" d="M.5.5h13v13H.5z"/><path fill="%23197a8e" d="M13 1v12H1V1h12m1-1H0v14h14V0z"/><g><path fill="%23197a8e" d="M4.518 11.092a.924.924 0 001.092.042l6.299-5.145a.93.93 0 10-1.035-1.548L5.11 8.294 2.924 6.579a.927.927 0 00-1.308.158.93.93 0 00.157 1.307l2.745 3.048z"/></g></svg>') no-repeat, #E5F7FF;
    color: #197a8e;
    background-position: 12px 12px;
}

.radio_button label, .consult_check label, .consult_check2 .qualification, .checkbox_cov_sec label, .input_box, .text_box, .cv_select, .form-control {
    border: 1px solid #197a8e;
    background: #fff;
}
/* エラーメッセージを枠線と揃える */
.form-group .error_msg {
    padding-left: 2%;
}
/* セレクト選択とそのエラーメッセージを他と揃える */
[name="form_compositions_id[3][date][year]"], [name="form_compositions_id[22][graduate][year]"] {
    margin-left: 2%;
}
[name="form_compositions_id[29][date][year]"] {
    margin-left: 2%;
}
.form-group {
    margin-left: 0;
}
.form-group + p {
    margin-left: 2%;
}
/* 所感の記入例のフォントカラー設定 */
textarea#placeholder.placeholder_on {
    color: #666 !important;
    font-size: 13px;
}
/* フォーム注釈 */
.contact_form--annotation {
	max-width: 1024px;
	width: 90%;
	margin: 20px auto 0;
	text-align: center;
}
/* フォーム吹き出し */
.contact_form--balloon {
	width: 105px;
    height: 105px;
    top: -25px;
    right: 165px;
    display: flex;
    font-size: 18px;
    color: #197a8e;
    text-align: center;
    line-height: 1.3;
    background: #fff;
    border: solid 1.5px #197a8e;
    border-radius: 50%;
    position: absolute;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	animation: fuwafuwa 2s infinite;
}
.contact_form--balloon::before {
	content: "";
    position: absolute;
    height: 11px;
    bottom: -10px;
    left: calc(71% - 6px);
    border-left: 2px solid #197a8e;
    transform: skew(47deg);
    z-index: 2;
}
.contact_form--balloon::after {
	content: "";
    position: absolute;
	width: 10px;
    height: 6px;
    background: #E5F7FF;
    bottom: 0px;
    left: calc(72% - 8px);
    transform: skew(119deg);
    z-index: 1;
}
/* 吹き出しの動き */
@keyframes fuwafuwa {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}
@media screen and (max-width: 767px) {
	#contact_form {
		padding: 50px 0 0;
		margin: 0;
	}
	#contact_form .contact_form--inner {
		padding: 35px 0 40px;
	}
	.contact_form--wrapper {
		margin: 10px auto 0;
	}
	.contact_form--form {
		padding: 10px 5px 0;
	}
    .contact_form--title {
    font-size: 22px;
    margin-bottom: 15px;
    }
	.consult_check label, .checkbox_cov_sec label {
		background-position: 5px 14px;
	}
     /* フォームの枠の高さ・フォントサイズ変更 */
    .radio_button input[type="radio"]+label, .guidance_check .consult_check input[type="checkbox"]+label, .check_pd .checkbox_cov_sec input[type="checkbox"]+label, .qualification input[type=checkbox]+label, #detail_ph .guidance_check .consult_check input[type="checkbox"]+label, #detail_ph .guidance_check .qualification input[type="checkbox"]+label, .radio_button input[type="radio"]:checked+label, .consult_check input[type="checkbox"]:checked+label, .qualification input[type="checkbox"]:checked+label, .checkbox_cov_sec input[type="checkbox"]:checked+label {
        font-size: 14px;
        background-position: 9px 16px;
        padding: 13px 0;
    }
    .cnt_tbl tr td {
        font-size: 15px;
        line-height: 1.2;
        padding-bottom: 2px;
    }
    .btn-step4_next, .btn-step4_next:hover, .btn-step4_next:active, .btn-step4_next:link, .btn-step4_next:visited {
        font-size: 16px;
        padding: 13px 15px;
    }
    .input_box {
        padding: 23px 5px;
    }
    .detail_smsamll select {
        padding: 0 25px 0 5px;
        height: 42px;
        font-size: 15px;
    }
    .cv_select[name="form_compositions_id[4][pref]"] {
        height: 44px;
        font-size: 16px;
    }
    #city[name="form_compositions_id[4][city]"] {
        height: 44px;
        font-size: 16px;
    }
    /* エントリーボタンの大きさ変更 */
    .thanks_btn .cnt_btn {
        width: 62%;
        padding: 14px;
        font-size: 15px;
    }
    /* 備考欄プレースホルダ */
    .text_box {
        height: 100px;
    }
    /* iPhoneのフォーム表示 */
    _::-webkit-full-page-media, _:future, :root select {
        appearance: none;
        background: url("data:image/svg+xml,%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%7D%0A%3C/style%3E%3Cpath class='st0' d='M5,6l5,5l5-5l2,1l-7,7L3,7L5,6z'/%3E%3C/svg%3E") no-repeat;
        background-position: top 13px right 5px;
        background-size: 15px;
        background-color: #fff;
        color: #000;
        font-size: 16px;
        height: 42px;
    }
    _::-webkit-full-page-media, _:future, :root .detail_smsamll select {
        padding: 0 25px 0 5px;
    }
    /* フォーム注釈 */
	.contact_form--annotation {
		margin: 15px auto 0;
        text-align: left;
	}
	.contact_form--annotation--inner {
		font-size: 14px;
		width: 90%;
		margin: 0 auto;
	}
	.contact_form--annotation--inner p {
		margin-bottom: 4px;
        text-align: left;
	}
    /* フォーム吹き出し */
    .contact_form--balloon {
        width: 74px;
        height: 74px;
        top: -4%;
        right: 100px;
        font-size: 13px;
    }
    .contact_form--balloon::before {
        height: 8px;
        bottom: -8px;
        left: calc(67% - 6px);
        transform: skew(47deg);
    }
    .contact_form--balloon::after {
        width: 10px;
        height: 4px;
        bottom: -1px;
        left: calc(73% - 10px);
        transform: skew(107deg);
    }
    /* 吹き出しの動き */
    @keyframes fuwafuwa {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-7px);
        }
        100% {
            transform: translateY(0px);
        }
    }
}
@media screen and (max-width: 420px) {
	.guidance_check .consult_check input[type="checkbox"]+label, .check_pd .checkbox_cov_sec input[type="checkbox"]+label
	{padding: 10px 0 10px 24px;}
	.guidance_check .consult_check input[type="checkbox"]+label, .check_pd .checkbox_cov_sec input[type="checkbox"]+label, .consult_check2 input[type=checkbox]+label {
		background-position: 7px 17px;
    }
    .consult_check2 input[type="checkbox"]:checked+label, .checkbox_cov_sec input[type="checkbox"]:checked+label {
        background-position: 7px 17px;
    }
	.radio_button input[type="radio"]:checked+label {
		background-position: 7px 17px;
	}
    .radio_button input[type="radio"]+label {
        background-position: 7px 17px;
    }
    .consult_check label, .checkbox_cov_sec label {
        background-position: 5px 14px;
    }
    .qualification input[type=checkbox]+label, .qualification input[type="checkbox"]:checked+label {
        padding-left: 23px;
    }
    .thanks_btn .cnt_btn {
        width: 80%;
    }
    .consult_check label[for="form_compositions_id[27]_0"],
    .consult_check label[for="form_compositions_id[27]_1"],
    .consult_check label[for="form_compositions_id[27]_2"],
    .consult_check label[for="form_compositions_id[27]_4"] {
        padding: 13px 0 !important;
    }
}
@media screen and (max-width: 370px) {
    /* フォーム吹き出し削除 */
	.contact_form--balloon {
		display: none;
	}
}
@media only screen and (max-width: 340px) {
    .cnt_tbl tr td {
        font-size: 14px;
        line-height: 1.2;
    }
    .radio_button input[type="radio"]+label, .guidance_check .consult_check input[type="checkbox"]+label, .check_pd .checkbox_cov_sec input[type="checkbox"]+label, .qualification input[type=checkbox]+label, #detail_ph .guidance_check .consult_check input[type="checkbox"]+label, #detail_ph .guidance_check .qualification input[type="checkbox"]+label, .radio_button input[type="radio"]:checked+label, .consult_check input[type="checkbox"]:checked+label, .qualification input[type="checkbox"]:checked+label, .checkbox_cov_sec input[type="checkbox"]:checked+label {
        font-size: 12px;
        background-position: 5px 15px;
    }
}

/* ファルマスタッフについて */
.content_faq,
.content_aboutPharmastaff,
.content_flow,
.content_privacy {
    max-width: 1024px;
    width: 90%;
    margin: 60px auto 0;
    padding: 40px 0;
    background: #fff;
    border-radius: 10px;
}
/* よくある質問 */
.content_faq_title {
    margin-bottom: 25px;
    color: #e97898;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}
.faq__list {
    width: 80%;
    margin: 0 auto;
}
.faq__list--item {
    margin-bottom: 20px;
    padding: 15px 24px;
    border-radius: 10px;
    border: 1px solid #e97898;
}
.faq__list--item:last-of-type {
    margin-bottom: 0;
}
.faq__list--item--question {
    font-size: 18px;
    font-weight: bold;
    color: #e97898;
    padding-left: 30px;
    position: relative;
}
.faq__list--item--question::before {
    content: "Q";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 17px;
    text-align: center;
    font-weight: bold;
}
.faq__list--item--answer {
    font-size: 14px;
    margin-top: 9px;
    padding: 9px 0 0 30px;
    border-top: 1px solid #e97898;
    position: relative;
}
.faq__list--item--answer::before {
    content: "A";
    position: absolute;
    top: 5px;
    left: 2px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: #e97898;
}
.faq__list--item--bold {
    font-weight: bold;
    background: linear-gradient(transparent 60%, #f7e280 60%);
}
/* プロフェッショナル */
.content_aboutPharmastaff .content_aboutPharmastaff_lead {
    color: #e97898;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 25px;
}
.content_aboutPharmastaff_sub_lead {
    color: #4c4c4c;
    text-align: center;
}
.content_aboutPharmastaff_title {
    margin-top: 30px;
    color: #e97898;
    font-size: 22px;
    text-align: center;
}
.content_aboutPharmastaff_title::before {
    margin-right: 10px;
    transform: rotate(-35deg);
}
.content_aboutPharmastaff_title::after {
    margin-left: 10px;
    transform: rotate(35deg);
}
.content_aboutPharmastaff_title::before, .content_aboutPharmastaff_title::after {
    content: '';
    width: 1.5px;
    height: 18px;
    margin-bottom: -3px;
    background-color: #e97898;
    display: inline-block;
}
.flex_style.anshin {
    justify-content: center;
    font-style: italic;
    background: #fff;
    padding: 0;
    margin-bottom: 0;
}
.anshin li {
    width: 28rem;
    font-size: 2.4rem;
    font-weight: normal;
    background-color: #ffffe5;
    margin: 10px 16px 0;
    padding: 3rem 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
}
.anshin li img {
    width: 8.0rem;
    margin-right: 16px;
}
/* 求人紹介の流れ */
.content_flow {
    margin-top: 45px;
    text-align: center;
}
.content_flow_title {
    color: #e97898;
    font-size: 28px;
    margin-bottom: 25px;
    font-weight: bold;
}
.flow-list {
    width: 80%;
    margin: 0 auto;
}
.flow-list li {
    position: relative;
    width: 180px;
    padding: 10px 24px;
    border-radius: 10px;
    border: 1px solid #e97898;
}
.flow-list li::after {
    position: absolute;
    display: inline-block;
    content: "";
    left: -43px;
    top: calc(50% - 16px);
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 20px solid #e97898;
    border-right: 0;
}
.flow-list li:first-of-type::after {
    display: none;
}
.flow-list li dt {
    color: #e97898;
    font-size: 20px;
    font-weight: bold;
}
.flow-list li dd {
    margin-top: 4px;
    padding: 4px 0 0 3px;;
    border-top: 1px solid #e97898;
    text-align: left;
}
/* プライバシーマーク取得 */
.content_privacy {
    margin-top: 45px;
    margin-bottom: 55px;
    text-align: center;
}
.content_privacy_title {
    color: #e97898;
    font-size: 28px;
    margin-bottom: 25px;
    font-weight: bold;
}
.logo-mark {
    width: 732px;
    margin: 40px auto;
    align-items: center;
}
.logo-mark li {
    width: 25%;
}
.content_privacy p {
    text-align: left;
    width: 90%;
    margin: 0 auto;
}
@media screen and (max-width: 1145px) {
    .flow-list li {
        width: 100%;
        margin-top: 24px;
    }
    .flow-list li:first-of-type {
        margin-top: 0;
    }
    .flow-list li::after {
        top: -18px;
        left: calc(50% - 10px);
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 10px solid #e97898;
        border-bottom: 0;
    }
}
@media screen and (max-width: 1000px) {
    .logo-mark {
        width: 90%;
    }
}
@media screen and (max-width: 767px) {
    /* ファルマスタッフについて */
    .content_aboutPharmastaff,
    .content_flow,
    .content_privacy {
        padding: 30px 0;
    }
    /* よくある質問 */
    .content_faq_title {
        margin-bottom: 15px;
        font-size: 20px;
    }
    .faq__list {
        width: 90%;
    }
    .faq__list--item {
        margin-bottom: 20px;
        padding: 10px 4%;
    }
    .faq__list--item--question {
        font-size: 16px;
        padding-left: 26px;
    }
    .faq__list--item--question::before {
        font-size: 15px;
    }
    .faq__list--item--answer {
        padding: 6px 4px 0 25px;
        margin: 6px auto 0;
    }
    .faq__list--item--answer::before {
        font-size: 16px;
    }
    /* プロフェッショナル */
    .content_aboutPharmastaff .content_aboutPharmastaff_lead {
        font-size: 20px;
        margin: 0 auto 15px;
    }
    .content_aboutPharmastaff_title {
        font-size: 18px;
    }
    .content_aboutPharmastaff_sub_lead {
        width: 90%;
        margin: 0 auto;
        text-align: left;
    }
    .flex_style.anshin {
        flex-direction: row;
    }
    .anshin li{
        width: 20rem;
        padding: 2rem 4rem 2rem 7rem;
        font-size: 16px;
        justify-content: flex-start;
    }
    .anshin li img {
        width: 7rem;
    }
    /* 求人紹介の流れ */
    .content_flow {
        margin-top: 30px;
    }
    .content_flow_title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .flow-list {
        width: 90%;
    }
    .flow-list li {
        width: 100%;
        margin: 30px auto 0;
        padding: 10px 0;
    }
    .flow-list li::after {
        top: -21px;
        left: calc(50% - 19px);
        border-right: 21px solid transparent;
        border-left: 21px solid transparent;
        border-top: 10px solid #e97898;
        border-bottom: 0;
    }
    .flow-list li dt {
        font-size: 16px;
    }
    .flow-list li dd {
    padding: 5px 4px 0;
    width: 90%;
    margin: 5px auto 0;
}
    /* プライバシーマーク取得 */
    .content_privacy {
        margin-top: 30px;
        margin-bottom: 45px;
    }
    .content_privacy_title {
        font-size: 20px;
        margin: 0 auto;
    }
    .logo-mark {
        flex-direction: row;
        width: 80%;
    }
    .logo-mark li {
    width: 15%;
}
}
@media screen and (max-width: 430px) {
    .anshin li {
        margin-bottom: 0px;
        padding: 2rem 2rem 2rem 4rem;
    }
    .logo-mark {
        margin: 20px auto;
    }
    .logo-mark li {
        width: 21%;
    }
}


    /* フッター調整 */
    #lp footer {
        margin: 0;
    }