.subject_title{
    text-align:center;
    font-weight:bold;
}
.subject_in_new,.subject_in_kensin,.subject_in_another{
    color:white;
	margin:20px auto;
	display: block;
}
.subject_ika{background:#009148;}
.subject_fujinka{background:#FF717B}
.subject_headache{background:#1fd8e8}
.subject_psychosomatic{background:#FF8E1D}
.subject_syoukaki{background:#2288c4;}
.subject_seikei{background:#C83B00;}
.subject_sika{background:white}
.subject_in_kensin{background:#fa7987}

.subject_in_new p:nth-child(1){
    text-align:center;
    font-size:1.2rem;
    font-weight:bold;
    padding-top:10px;
}
.subject_in_new p:nth-child(2){
    text-align:center;
    font-size:2.5rem;
    font-weight: bold;
    margin-bottom:16px;
}
.subject_in_new p:nth-child(3){
    font-weight:bold;
    font-size:0.9rem;
    line-height:1.4;
    width:95%;
    margin:0 auto 6px;
}
.subject_in_new img{
    width:35px;
    margin:auto;
    padding:6px 0;
}
.subject_in_new .subject__btn,.subject_in_kensin .subject__btn {
    display: block;
    width:100%;
    margin: auto;
    padding: 8px;
    color: #7e7e7e;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    transition: 0.5s;
}
.subject_sika{
    color:#fa7987;
    border: solid 4px#fa7987;
    border-bottom:0;
}
.subject_ika .subject__btn{border: solid 2px#009148;}
.subject_fujinka .subject__btn{border: solid 2px#FF717B;}
.subject_headache .subject__btn{border: solid 2px#1fd8e8;}
.subject_psychosomatic .subject__btn{border: solid 2px#FF8E1D;}
.subject_syoukaki .subject__btn{border: solid 2px#2288c4;}
.subject_seikei .subject__btn{border: solid 2px#C83B00;}
.subject_sika .subject__btn{border: solid 4px#fa7987;border-left:0;border-right:0;}
.subject_in_kensin .subject__btn{border: solid 2px#fa7987}
.subject_in_kensin .subject__btn{
    font-size:1.2rem;
}
p.ika_icon,p.syouka_icon,p.seikei_icon,p.sika_icon,p.kensin_icon{
    position:relative;
    line-height:1em;
}
p.ika_icon:before{
    position:absolute;
    left:85px;
    content:"";
    display:inline-block;
    background:url("../images/top/icon_tyoushinki.png") no-repeat;
    width:40px;
    height:40px;
    background-size:contain;
}
p.syouka_icon:before{
    position:absolute;
    left:25px;
    content:"";
    display:inline-block;
    background:url("../images/top/icon_i.png") no-repeat;
    width:40px;
    height:40px;
    background-size:contain;
}
p.seikei_icon:before{
    position:absolute;
    left:50px;
    content:"";
    display:inline-block;
    background:url("../images/top/icon_hone.png") no-repeat;
    width:40px;
    height:40px;
    background-size:contain;
}
p.sika_icon:before{
    position:absolute;
    left:85px;
    content:"";
    display:inline-block;
    background:url("../images/top/icon_ha.png") no-repeat;
    width:40px;
    height:40px;
    background-size:contain;
}
p.kensin_icon:before{
    position:absolute;
    left:15px;
    content:"";
    display:inline-block;
    background:url("../images/top/icon_kenshin.png") no-repeat;
    width:40px;
    height:40px;
    background-size:contain;
}
.subject_kensin_menu{
    margin:1em 0 0 0.5em;
}
.subject_kensin_menu a{
    font-size:1.1rem;
    background:white;
    text-align:center;
    padding:3px 5px;
    border-radius:8px;
    color:#fa7987;
    font-weight:bold;
}
.subject_kensin_flex{
    display:flex;
    width:70%;
}

.kensin_title p{
    font-size:2.5rem;
    text-align:center;
    font-weight:bold;
    padding-top:18px;
    margin-bottom:12px;
}
.kensin_seitumei p{
    font-size:0.9rem;
    font-weight:bold;
    line-height:1.4;
    width:95%;
    margin:0 auto 6px;
    text-align:left;
}
.subject_in_another span{
    font-size:2.2rem;
    font-weight:bold;
    color:#7e7e7e;
}
.subject_in_another p,.subject_in_another h3{
    text-align:center;
}
.subject_in_another h3{
    padding-top:16px;
    margin-bottom:20px;
}
.subject_in_another p{
    font-size:1.4rem;
    font-weight:bold;
    margin:0 auto;
}
.another_flex{
    display:flex;
    justify-content:space-between;
    width:95%;
    margin:auto;
    padding-bottom:10px;
}
.another_inner{
    width:30%;
    text-align:center;
    border:1px solid white;
    padding:3px 0px 7px 0px;
    border-radius: 5px;
    background:#ff8d95
}
.another_inner a{color:white;}

.another_inner img{
    left:30px;
    display:inline;
    margin-top:10px;
}

.c_pink{
    color:#fa7987;
}

@media print, screen and (min-width: 641px) {

	.subject_in_new,.subject_in_kensin,.subject_in_another{
		width:400px;
    }


	.subject_flex,.subject_camera{
		display:flex;
		width:1000px;
		margin:auto;
        justify-content:space-around;
        align-items: baseline;
        }
    .dr_news{justify-content:center;}

        .subject_camera img{
		margin:10px auto;
		width:400px;
    }
    .subject_in_new .subject__btn,.subject_in_kensin .subject__btn {
        background: url("../images/common/arrow_12.png") no-repeat right 6vw center #ffffff;
    }

}

@media screen and (max-width:640px) {

	.subject_in_new,.subject_in_kensin,.subject_in_another{
		width:95%;
	}

	.subject_in_new p:nth-child(1){
		margin-bottom:18px;
	}

	.subject_camera img{
		margin:4px auto;
		width:95%;
	}
	.subject_camera p{
		text-align:center;
	}
	.subject_in_new .subject__btn,.subject_in_kensin .subject__btn {
		background: url("../images/common/arrow_12.png") no-repeat right 25vw center #ffffff;
    }
}

/* 院長紹介の押すと続きが見れるボタン */

.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 80px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, #ff717b 90%);
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	content: '続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
    color: #ff717b;
    font-weight:bold;
	border-radius: 20px;
	background-color: #ffffff;
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	transition: all 0.5s;
}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
	content: '閉じる';
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

@media print, screen and (min-width: 641px) {

    .cp_box .cp_container {
        height: 150px; /* 開く前に見えている部分の高さ */
    }

}

@media screen and (max-width:640px) {

    .cp_box .cp_container {
        height: 180px; /* 開く前に見えている部分の高さ */
    }

}


/* 感染症対策バナー */

.pickup_corona,.vaccine{
    text-align:center;
}

@media print, screen and (min-width: 641px) {

    .pickup_corona img{
        width:480px;
    }

}

@media screen and (max-width:640px) {

    .pickup_corona img{
        width:95%;
    }

    .syouni_bn img{
        width:90%;
    }

}