/* video と　冒頭
--------------------------------*/
.video,
.tophead{
	width: 90%;
	max-width: 1440px;
	max-height: 28.5em;
	margin: 0 auto;
	overflow: hidden;
	line-height: 1.0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.tophead img, 
.video video{
	width: 100%;
	height: auto;
}

.tophead .txt-inner{
	position: absolute;
	left: 7%;
	font-size: 1.7em;
	line-height: 1.2;
}
	@media screen and (max-width: 768px) {
		#video{
			width: 100%;
		}
		#video video {
			width: 120%;
			height: auto;
		}
		.video,
		.tophead{
			width: 100%;
		}
	}
	@media screen and (max-width: 567px) {
		.tophead .txt-inner{
			font-size: 1.6em;
		}
		.tophead .txt-inner span{
			display: block;
		}
	}


/*診察について
--------------------------------*/
.dl_style_shinryo{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
.dl_style_shinryo dt{
	width: 28%;
	background: #124368;
	padding: 1em 1.5em;
	font-weight: 700;
	margin-bottom: 0.25em;
	color: #fff;
}
.dl_style_shinryo dd{
	width: 72%;
	background: #f1f1f1;
	padding: 1em 1.5em;
	margin-bottom: 0.25em;
}
.shinsatsu table.reception-table{
	border:1px solid #ddd;
}
.shinsatsu table.reception-table th{
	text-align: center;
}
.yoyakuflow{
	margin-top: 2em;
}
.yoyakuflow li{
	width: 31%;
	background: #eff3f7;
	padding: 1.8em;
	position: relative;
}
.yoyakuflow .telephone{
	background-size: 12px auto;
	background-position: top left;
	font-size: 1.3em;
	padding-left: 1.0em;
	line-height: 1.0;
	margin-top: 8px;
}
.yoyakuflow .telephone span.small{
	font-size: 0.6em;
	display: block;
	margin-top: 8px;
}

/* 診療を予約する*/
.reservation .yoyakuflow{
	margin-top: 0.5em;
}
.reservation .yoyakuflow li{
	width: 48%;
	background:#fff;
}

	@media screen and (max-width: 768px) {
		.yoyakuflow li{
			width: 100%;
			margin-bottom: 1em;
		}
		.yoyakuflow .telephone span.small{
			display: inline;
		}
		.reservation .yoyakuflow li{
			width: 100%;
		}
	}

.yoyakuflow li .no{
	position: absolute;
	top: -0.4em;
	left: -0.4em;
	width: 2.2em;
	height: 2.2em;
	line-height: 2.2em;
	color: #fff;
	background: #124368;
	text-align: center;
	font-weight: bold;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.monshinlist li{
	width: 49%;
	text-align: center;
}
	@media screen and (max-width: 768px) {
		.monshinlist li{
			width: 100%;
			margin-bottom: 0.5em;
		}
	}

a.monshin_pdf{
	background: #124368 url("../images/common/pdf.png") no-repeat 96% center;
	background-size: 32px auto;
	color: #fff;
	font-weight: 700;
	display: block;
	padding: 11px 32px 11px 16px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
}

/*一般予約のタブ*/
.tabs-yoyaku {
	background-color: #fff;
}
.tabitem-yoyaku {
	width: 50%;
	height: 4em;
	line-height: 4em;
	padding: 0 0 0.5em;
	border-bottom: 2px solid #124368;
	background-color: #cddae6;
	text-align: center;
	transition: all 0.2s ease;
	float: left;
	color: #124368;
}
.tabitem-yoyaku span{
	font-size: 1.08em;
	font-weight: bold;
	position: relative;
	display: inline-block;
}
.tabitem-yoyaku span::after {
	position: absolute;
	left: 50%;
	bottom: -0.25em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-left-width: 5px;
	border-right-width: 5px;
	border-top-color: #124368;
 }
input[name="tabitem-yoyaku"] {
	display: none;
}
.tab_content {
	display: none;
	padding: 3em 2.2em;
	clear: both;
	overflow: hidden;
}
#ippan:checked ~ #ippan_content,
#yoyaku:checked ~ #yoyaku_content {
	display: block;
}
.tabs-yoyaku input:checked + .tabitem-yoyaku {
	background-color: #124368;
	color: #fff;
}
.tabs-yoyaku input:checked + .tabitem-yoyaku  span::after{
	border-top-color: #fff;
}
.counseling_white{
	background: #fff;
	padding: 1.5em;
}
.counseling_thumb:nth-child(odd){
	width: 71%;
}
.counseling_thumb:nth-child(even){
	width: 29%;
	padding-left: 1em;
}
	@media screen and (max-width: 567px) {
		.cfc-about img{
			width: 70%;
			height: auto;
			display: block;
			margin: 0 auto;
		}
	}
.cfc-list{
	background: #eaf2f6;
	padding: 1.5em 1.25em 1.5em 1.25em;
	text-align: center;
}
.cfc-list li{
	background: #fff;
	padding: 1.5em 0;
}
.cfc-list ul{
	margin-top: 1em;
}
.cfc-list ul li{
	width: 32%;
	color: #124368;
	font-weight: bold;
}
	@media screen and (max-width: 567px) {
		.cfc-list > .big span{
			display: block;
		}
		.cfc-list ul li{
			width: 100%;
			margin-bottom: .5em;
		}
		
		.cfc-list ul li br{
			display: none;
		}
		.cfc-list ul li span{
			margin-left: .75em;
		}
	}



/*整形外科予約2025 */
.point-new{
	display: inline-block;
	background: #4a83ad;
	color: #fff;
	font-size: .825rem;
	font-weight: bold;
	padding: .25em .5em;
	line-height: 1.4;
	margin-bottom: .25em;
	margin-right: .40em;
	position: relative;
	top: -.25em;
	margin-right: 1em;
}
.seikei-yoyaku-box{
	background: #fff;
	padding: 2.25em 2.2em 2.5em;
}
.seikei-yoyaku-msg{
	background: #bbd5e2;
	padding: 2.25em 2.2em 2.5em;
}
.seikei-yoyaku-box .tit-midashi{
	text-align: center;
	font-size: 1.5em;
	line-height: 1.4;
}
	@media screen and (max-width: 414px) {
		.seikei-yoyaku-box,
		.seikei-yoyaku-msg{
			padding: 1.8em 1.5em;
		}
	}

.seikei-yoyaku-dl .big{
	color: #124368;
	border-left: .5em solid;
	padding-left: .75em;
	margin-bottom: .75em;
	line-height: 1.4;
}
.seikei-yoyaku-dl .flex{
	border-top: 1px solid #b8c7d2;
}
.seikei-yoyaku-dl dt{
	width: 8.5em;
	color: #124368;
	font-weight: 600;
	padding: .75em 0;
	border-bottom: 1px solid #b8c7d2;
}
.seikei-yoyaku-dl dd{
	width: calc(100% - 8.5em);
	padding: .75em 0;
	border-bottom: 1px solid #b8c7d2;
}
.seikei-otoiawase{
	max-width: 480px;
	border: 1px solid #a2b5c4;
	text-align: center;
	padding: 0.7em 0;
	border-radius: 0.5em;
	margin: 2em auto 0;
}
.seikei-yoyaku-msg .thumbnail{
	width: 220px;
}
.seikei-yoyaku-msg .body{
	width: calc(100% - 220px - 2em);
	font-size: .9375em;
	line-height: 1.75;
}
	@media screen and (max-width: 600px) {
		.seikei-yoyaku-msg .thumbnail{
			max-width: 280px;
			margin: 0 auto .5em;
		}
		.seikei-yoyaku-msg .body{
			width: calc(100%);
		}
	}


.btn_icon {
	position: relative;
	display: inline-block;
	padding-left: 25px;
}
.btn_icon:before {         
	display: block;
	content: "✳︎";
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}


/*チーム医療
--------------------------------*/

.team-hr{
  border-top: 1px solid #cde0e9;
  border-image: linear-gradient(to right, #dadada 0%, #cde0e9 25%, #cde0e9 75%,#dadada 100%);
  border-image-slice: 1;
	padding-top: 3em;
	padding-bottom: 4em;
}
.team-section{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
.team-section .tit{
	width: 165px;
  padding: 0 1em 1em 1em;
}
.team-section .body{
	width: calc(100% - 165px);
}
.team-section .tit > .midashi{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	padding-top: .5em;
}

	@media screen and (max-width: 900px) {
		.team-section .tit{
			width: 110px;
		}
		.team-section .body{
			width: calc(100% - 110px);
		}
	}
	@media screen and (max-width: 600px) {
		.team-hr{
			padding-top: 2.5em;
			padding-bottom: 3em;
		}
		.team-section .tit{
			width: 100%;
			padding:0;
			text-align: center;
		}
		.team-section .body{
			width: 100%;
			padding-top: 1em;
		}
		.team-section .tit > .midashi{
			-ms-writing-mode: horizontal-tb;
			writing-mode: horizontal-tb;
			font-size: 1.625em;
			padding-top: .5em;
		}
	}

.team-section .tit .icon{
	width: 4em;
	height: 4em;
	background-size: auto 100%;
	position: relative;
	left: -.75em;
	line-height: 1.0;
}
	@media screen and (max-width: 600px) {
		.team-section .tit .icon{
			text-align: center;
			margin: 0 auto;
			left: 0;
		}
	}
	#team-seikei .tit .icon{
		background-image: url(../images/common/team-seikei.png);
	}
	#team-junkan .tit .icon{
		background-image: url(../images/common/team-junkan.png);
	}
	#team-eye .tit .icon{
		background-image: url(../images/common/team-eye.png);
	}
	#team-sogo .tit .icon{
		background-image: url(../images/common/team-sogo.png);
	}
	#team-dental .tit .icon{
		background-image: url(../images/common/team-shika.png);
	}
	#team-syuyo .tit .icon{
		background-image: url(../images/common/team-syuyo.png);
	}
	#team-naishikyo .tit .icon{
		background-image: url(../images/common/team-naishikyo.png);
	}
	#team-nanbugeka .tit .icon{
		background-image: url(../images/common/team-nanbugeka.png);
	}

.team-section .desc{
	padding-top: 4em;
}
.team-section .member{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-end;
	align-items: center;
}
.team-section .member > div{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: .8125em;
	font-weight: 700;
	color: #124368;
	padding-right: .75em;
}
.team-section .member a{
	line-height: 1.5;
	display: block;
	width: 60px;
	text-align: center;
	font-size: .75em;
	color: #124368;
	position: relative;
	margin-left: .75em;
	margin-bottom: 1em;

}
	@media screen and (max-width: 900px) {
		.team-section .member a{
			width: 40px;
		}
	}
	@media screen and (max-width: 600px) {
		.team-section .desc{
			padding-top: 3em;
		}
		.team-section .member{
			align-items: end;
			justify-content: center;
			padding: 0;
			border-bottom: 1px dotted #dedede;
		}
		.team-section .member > div{
			width: 100%;
			text-align: center;
			margin-bottom: 2.5em;
			background: #eee;
			border-radius: .25em;
			letter-spacing: 3px;
			font-weight: 400;
		}
	}

.team-section .member img{
	transition: .8s all;
	border-radius: .25em;
}
.team-section .member a:hover img{
	border-radius: 1em;
	filter: sepia(20%);
}

.team-section .member a .leader{
	position: absolute;
	top: -2em;
	z-index: 1;
	background: #7097bd;
	color: #fff;
	border-radius: 3em;
	text-align: center;
	display: inline-block;
	text-align: center;
	padding: .25em 0;
	width: 100%;
	font-size: .8125em;
}

.team-section .member a .leader:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border: 4px solid transparent;
	border-top: 5px solid #7097bd;
}
.shorei-scroll{
	background: #dae6f1;
	border: 1px solid #c3d0d9;
	padding: 1.75em 2.325em;
	margin-top: 2.5em;
	border-radius: .5em 0 0 .5em;
	overflow-y: scroll;
	max-height: 534px;
	font-size: .9375em;
}
.shorei-scroll::-webkit-scrollbar {
	background: #c3d0d9;
	width: 10px;
}
.shorei-scroll::-webkit-scrollbar-thumb {
	background-color: #124368;
	border: 2px solid #124368;
  border-radius: 1em;
}

	@media screen and (max-width: 600px) {
		.shorei-scroll{
			padding: 1em .75em 1.75em 1.25em;
			height: 342px;
		}
		.shorei-scroll::-webkit-scrollbar{
			width: 8px;
		}
	}

.shorei-tit-hr{
	font-weight: 600;
	color: #124368;
	padding: .825em 0;
	border-top: 1px solid #c3d0d9;
}
.shorei-tit-hr a{
	font-weight: 600;
	color: #124368;
	text-decoration: underline;
	position: relative;
}
/*--リンクの後ろの三角---
.shorei-tit-hr a:after{
	background-color: #007685;
	width: 8px;
	height: 10px;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	position: absolute;
	content: "";
	top: .375em;
	margin-left: .5em;
}
*/
.shorei-tit-hr:first-child,
.shorei-list-all .hr-none{
	border-top: none;
}
.shorei-ctg{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 0.9375em;
	font-weight: 600;
	background: #7097bd;
	color: #fff;
	letter-spacing: 3px;
	text-align: center;
	display: block;
	padding: 0 1em;
	border-radius:.75em;
	position: relative;
}

.shorei-list-all ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	width: 100%;
	padding-bottom: 1em;
	padding-left:1.5em;
}
.shorei-list-all ul li{
	list-style-type: disc;
	list-style-position: outside;
	line-height: 1.5;
	margin-left: 1.75em;
	margin-right: .625em;
}
.shorei-list-all .mts{
	margin-top: 1em;
}
	@media screen and (max-width: 600px) {
		.shorei-list-all ul li{
			margin-bottom: .5em;
		}
	}





/*レーザー治療
--------------------------------*/
.laser_clm3_thumb div img{
	height: 11em;
}
.laser_clm3_thumb div:nth-child(1){
	padding-right: .25em;
}
.laser_clm3_thumb div:nth-child(2){
	padding: 0 .25em;
}
.laser_clm3_thumb div:nth-child(3){
	padding-left: .25em;
}

	@media screen and (max-width: 735px) {
		.laser_clm3_thumb div img{
			height: 8.75em;
		}
	}
	@media screen and (max-width: 567px) {
		.laser_clm3_thumb{
			-webkit-justify-content: space-between;
			justify-content: space-between;
		}
		.laser_clm3_thumb div img{
			height: auto;
		}
		.laser_clm3_thumb div:nth-child(1){
			padding-right: 0;
			width: 100%;
		}
		.laser_clm3_thumb div:nth-child(2){
			padding: 0;
			width: 49%;
		}
		.laser_clm3_thumb div:nth-child(3){
			padding-left:0;
			width: 49%;
		}
		.laser_clm3_thumb div:nth-child(1) img{
			width: 40%;
			margin: 0 auto .75em;
			display: block;
		}
	}

.laser .bgbox_ao{
	padding: 1.8em 2em 2em;
}
.laser .bgbox_kon_mini{
	text-align: center;
}
	@media screen and (max-width: 414px) {
		.laser .bgbox_ao{
			padding: 1.8em 1.5em;
		}
	}


/*健診
--------------------------------*/
.coursebox{
	border:2px solid #419ddb;
	padding: 3.75em 2em 2.5em;
	position: relative;
}
.coursename{
	font-size: 1.7em;
	line-height: 1.5;
	display: inline-block;
	position: absolute;
	top: -1em;
	left: -2px;
	padding-right: 1em;
	background: #fff;
}
	@media screen and (max-width: 768px) {
		.coursename{
			font-size: 1.6em;
		}
	}
	@media screen and (max-width: 490px) {
		.coursename span.name-sp-block{
			display: block;
			padding-left: 2.6em;
		}
	}
	@media screen and (max-width: 414px) {
		.coursename{
			font-size: 1.5em;
		}
	}

.coursename div{
	font-size: 0.55em;
	background: #419ddb;
	color: #fff;
	display: inline;
	padding: 0.3em .5em;
	margin-right: 0.75em;
	position: relative;
	top: -3px
}
.pricebox{
	padding: 1.2em;
	font-weight: bold;
	color: #124368;
	text-align: center;
	position: relative;
}
/*
pricebox:nth-child(1){
	background: #e4f2fa url("../images/kenshin/dogcat.png")no-repeat 3% center;
	background-size: 2.5em auto;
}
*/
.pricebox:nth-child(1){
	background: #e4f2fa url("../images/kenshin/dogcat.png")no-repeat 3% center;
	background-size: 6em auto;
}
.pricebox:nth-child(2){
	background: #e4f2fa url("../images/kenshin/cat.png")no-repeat 3% center;
	background-size: 2.5em auto;
}
.bgbox_course{
	background: #eaf2f6;
	padding: 2em;
	position: relative;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
.bgbox_course:before{
	content: "";
	position: absolute;
	top: -24px;
	left: 3em;
	margin-left: -12px;
	border: 12px solid transparent;
	border-bottom: 12px solid #eaf2f6;
}
.coursebox .clm2_block{
	margin-bottom: 1.5em;
}
.kensa_about .clm2_block{
	margin-bottom: 2em;
}

.campaign-title{
	margin-bottom: .75em;
}
.campaign-title > span{
	font-size: 1.125em;
	font-weight: 500;
	background: #007685;
	color: #fff;
	padding: .25em .5em;
}


/* ペットホテル
--------------------------------*/
.pethotel_title{
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 1em;
	letter-spacing: 0.25em;
	line-height: 1.0;
}
.telephone_inline{
	background: url("../images/common/tel.png")no-repeat center left;
	background-size: 13px auto;
	font-size: 2.0em;
	font-family: 'Roboto', sans-serif;
	padding-left: 0.75em;
	display: inline-block;
	color: #124368 !important;
}
.telephone_inline a{
	color: #124368 !important;
}
/* 料金表 */
.dl_style_price{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	border-top: 1px solid #ddd;
}
.dl_style_price dt,
.dl_style_price dd{
	width: 33.3%;
	border-bottom: 1px solid #ddd;
	padding: 1em;
}
.dl_style_price dt{
	background: #f1f1f1;
}
.dl_style_price dd{
	text-align: right;
}
.dl_pethotel .dl_style_border dt{
	width: 23%;
}
.dl_pethotel .dl_style_border dd{
	width: 77%;
}
	@media screen and (max-width: 768px) {
		.dl_pethotel .dl_style_border dt,
		.dl_pethotel .dl_style_border dd{
			width: 100%;
		}
	}

/* スタッフ紹介
　　院内紹介
　　医療機器  ---------------------- */
.clm2-list ul,
.clm3-list ul,
.clm4-list ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	padding-top: 1.25em;
}
.clm2-list li{
	width: 50%;
	line-height: 1.6;
	font-size: 0.9em;	
	margin-bottom: 1.5em;
}
.clm2-list li:nth-child(even){
	padding-left: 4em;
}
.clm2-list li:nth-child(odd){
	padding-right: 4em;
}

.clm3-list li{
	width: 33.3%;
	line-height: 1.6;
	font-size: 0.9em;	
	margin-bottom: 1.5em;
}
.clm3-list li:nth-child(3n+1){
	padding-right: 3em;
}
.clm3-list li:nth-child(3n+2){
	padding: 0 1.5em;
}
.clm3-list li:nth-child(3n+3){
	padding-left: 3em;
}
.clm4-list li{
	width: 25%;
	line-height: 1.6;
	font-size: 0.7em;	
	margin-bottom: 1.5em;
}
.clm4-list li:nth-child(4n+1){
	padding-right: 2em;
}
.clm4-list li:nth-child(4n+2){
	padding-left: 0.75em;
	padding-right: 1.375em;
}
.clm4-list li:nth-child(4n+3){
	padding-right: 0.75em;
	padding-left: 1.375em;
}
.clm4-list li:nth-child(4n+4){
	padding-left: 2em;
}
	@media screen and (max-width: 768px) {
		.clm2-list li{
			width: 100%;
			padding: 0;
		}
		.clm2-list li:nth-child(odd){
			padding: 0 
		}
		.clm2-list li:nth-child(even){
			padding: 0 
		}

		.clm3-list li{
			width: 50%;
		}
		.clm3-list li:nth-child(odd){
			padding: 0 1.25em 0 0
		}
		.clm3-list li:nth-child(even){
			padding: 0 0 0 1.25em
		}
	}
	@media screen and (max-width: 414px) {
		.clm2-list li{
			width: 100%;
			padding: 0;
		}
		.clm2-list li:nth-child(odd){
			padding: 0 
		}
		.clm2-list li:nth-child(even){
			padding: 0 
		}

		.clm3-list li:nth-child(odd){
			padding: 0 0.5em 0 0
		}
		.clm3-list li:nth-child(even){
			padding: 0 0 0 0.5em
		}
		.clm4-list li{
			width: 50%;
		}
		.clm4-list li:nth-child(odd){
			padding: 0 0.5em 0 0
		}
		.clm4-list li:nth-child(even){
			padding: 0 0 0 0.5em
		}
	}
.clm3-list li .name{
	color: #124368;
	font-weight: 700;
	margin-top: 0.5em;
	font-size: 1.2em;
	line-height: 1.0;
}
.clm3-list li .name span{
	font-size: 0.5em;
	font-weight: 700;
	display: block;
	margin-top: 0.75em;
}
.clm3-list li .prof{
	font-size: 0.8em;
	color: #124368;
	margin: 0.75em 0 0.5em;
}




/* スタッフ紹介 */
.list-academic {
	display: block;
	flex-wrap: nowrap;
	padding-top: .25em!important;
}
.list-academic li{
	width: auto;
	line-height: 1.6;
	margin-bottom: 0;
	text-align: left;
	padding: 2px 0!important;
	list-style: disc;
	list-style-position: outside;
	margin-left: 1.5em;
	font-size: 1em;

}
/*クリックで開くボックス*/
.hidden_box_staff {
	margin: 1em 0;
}
.hidden_box_staff label {
	cursor :pointer;
	position: relative;
	padding-right: 2em;
	margin-left: -0.5em;
	color: #124368;
	font-weight: bold;
}
/* スタッフ アコーディオン */
.staff_thumb:nth-child(odd){
	width: 40%;
}
.staff_thumb:nth-child(even){
	width: 50%;
	padding-left: 2em;
    
}
/*閉じた状態の矢印描画*/
.hidden_box_staff label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #124368 2px solid;
  border-right: #124368 2px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 2%;
  top: 0;
  bottom: 15%;
  margin: auto;
}
/*開いた状態の矢印描画*/
.hidden_box_staff input[type=checkbox]:checked + label:after{
	content:"";
	display:block;
	width:8px;
	height:8px;
	border-top: #124368 2px solid;
	border-right: #124368 2px solid;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position:absolute;
	right: 2%;
	top: 7%;
	bottom: 0;
	margin: auto;
}
.hidden_box_staff input {
    display: none;
}
.hidden_box_staff .hidden_show_staff {
	height: 0;
	overflow-y: hidden;
	transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
	-webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
	-moz-transition: padding-bottom 0.5s, padding-top 0.5s;
	-ms-transition: padding-bottom 0.5s, padding-top 0.5s;
	-o-transition: padding-bottom 0.5s, padding-top 0.5s;
}
.hidden_box_staff input:checked ~ .hidden_show_staff{
  height: auto; 
  opacity: 1;
  background: #eaf2f6;
  padding: 2em 1.75em;
 
}
@media screen and (max-width: 414px) {
		.hidden_box_staff input:checked ~ .hidden_show_staff {
			background: #eaf2f6;
			padding: 1.25em 1em;
		}
	}


.border_box {
	border: 1px solid #aaa;
	padding: 1.5em 1.5em 1em;
	margin: 1.5em auto;
	width: 40%;
}
	@media screen and (max-width: 1024px) {
		.border_box {
			width: 45%;
			padding: 1em 1em 0.7em;
		}
	}
	@media screen and (max-width: 768px) {
		.border_box {
			width: 90%;
			padding: 1em 1em 0.7em;
		}
	}
   
/* 学術セミナー */
.tabs-staff {
	background-color: #fff;
}
.tabitem-staff {
	/*width: 20%;*/
	width: 33.333333%;
	height: 4em;
	line-height: 4em;
	border-bottom: 2px solid #124368;
	background-color: #cddae6;
	text-align: center;
	transition: all 0.2s ease;
	float: left;
	color: #124368;
	font-size: 0.9em;
}
input[name="tabitem-staff"] {
	display: none;
}
.tab_content_staff {
	display: none;
	padding: 3em 2.2em;
	clear: both;
	overflow: hidden;
}
	@media screen and (max-width: 768px) {
		.tab_content_staff{
			padding: 1.5em;
		}
	}
	@media screen and (max-width: 414px) {
		.tab_content_staff{
			padding: 1em;
		}
	}

#staff2017:checked ~ #staff2017_content,
#staff2018:checked ~ #staff2018_content,
#staff2019:checked ~ #staff2019_content,
#staff2020:checked ~ #staff2020_content{
	display: block;
}
.tabs-staff input:checked + .tabitem-staff {
	background-color: #124368;
	color: #fff;
}
.tabs-staff input:checked + .tabitem-staff  span::after{
	border-top-color: #fff;
}
.tab_content_staff dl{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	width: 100%;
	font-size: 0.9em;
}
.tab_content_staff dl dt,
.tab_content_staff dl dd{
	margin-top:0.75em;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 0.75em;
}
.tab_content_staff dl dt{
	width: 15%;
	word-break: break-all;
	color: #124368;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}
.tab_content_staff dl dd:nth-child(3n+2){
	width: 35%;
	padding-left: 0.75em;
	padding-right: 0.75em;
}
.tab_content_staff dl dd:nth-child(3n+3){
	width: 50%;
}
	@media screen and (max-width: 414px) {
		.tab_content_staff dl dt{
			width: 21%;
		}
		.tab_content_staff dl dd:nth-child(3n+2){
			width: 37%;
		}
		.tab_content_staff dl dd:nth-child(3n+3){
			width: 42%;
		}
	}
.tab_content_staff a{
	color: #007685;
	text-decoration: underline;
}

/* KPC通信
--------------------------------*/
.tabs-kpc {
	background-color: #fff;
}
.tabitem-kpc {
	/*width: 16.6666%;*/
	width: 20%;
	height: 4em;
	line-height: 4em;
	border-bottom: 2px solid #124368;
	background-color: #cddae6;
	text-align: center;
	transition: all 0.2s ease;
	float: left;
	color: #124368;
	font-size: 0.9em;
}
input[name="tabitem-kpc"] {
	display: none;
}
.tab_content_kpc {
	display: none;
	padding: 3em 2.2em;
	clear: both;
	overflow: hidden;
}
	@media screen and (max-width: 768px) {
		.tab_content_kpc{
			padding: 1.5em;
		}
	}
	@media screen and (max-width: 414px) {
		.tab_content_kpc{
			padding: 1em;
		}
	}

#year2015:checked ~ #year2015_content,
#year2016:checked ~ #year2016_content,
#year2017:checked ~ #year2017_content,
#year2018:checked ~ #year2018_content,
#year2019:checked ~ #year2019_content,
#year2020:checked ~ #year2020_content{
	display: block;
}
.tabs-kpc input:checked + .tabitem-kpc {
	background-color: #124368;
	color: #fff;
}
.tabs-kpc input:checked + .tabitem-kpc  span::after{
	border-top-color: #fff;
}
.tab_content_kpc ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
.tab_content_kpc li{
	width: 33.3%;
	text-align: center;
	margin-bottom: 0.8em;
	padding: 1em;
}
	@media screen and (max-width: 768px) {
		.tab_content_kpc li{
			width: 50%;
			padding: 1em;
			margin-bottom: 0.5em;
			font-size: 0.82em;
		}
	}
	@media screen and (max-width: 414px) {
		.tab_content_kpc li{
			text-align: left;
		}
	}

.tab_content_kpc li a div{
	position: relative;
	background: #4b5964;
	color: #fff;
	padding: 0.15em 0.5em;
}
.tab_content_kpc li a div:before{
	position: absolute;
	top: 50%;
	right: 0.2em;
	content: '';
	margin-top: -3px;
	border: 5px solid transparent;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-left-color: #fff;
	transition: all .2s;
}
.tab_content_kpc li a:hover div:before {
  right: 0;
}
/*理念
--------------------------------*/

#whitecompany .whitecompany-item:nth-child(odd){
	width: 74%;
}
#whitecompany .whitecompany-item:nth-child(even){
	width: 22%;
}
	@media screen and (max-width: 567px) {
		#whitecompany .whitecompany-item:nth-child(odd){
			width: 100%;
		}
		#whitecompany .whitecompany-item:nth-child(even){
			width: 50%;
			margin: 1.75em auto 0;
		}
	}

.rinen-prof{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	line-height: 1.0;
	background: #f1f1f1;
}
.rinen-prof-item{
	width: 50%;
}
.rinen-prof-item:nth-child(2){
	padding: 1em 2em .75em;
	position: relative;
}
	@media screen and (max-width: 567px) {
		.rinen-prof-item{
			width: 100%;
		}
	}

/* 202404〜*/
.gradient-hr{
  border-top: 1px solid #dedede;
  border-image: linear-gradient(to right, #fff 0%, #dedede 10%, #dedede 90%,#fff 100%);
  border-image-slice: 1;
	padding-top: 1.75em;
	padding-bottom: 2.5em;
}
.rinen-eng{
	font-size: 10vh;
	font-family: 'Montserrat', sans-serif;
	line-height: .75;
	color: #d8f0f9;
	position: relative;
	left: -6px;
}
.rinen-tit{
	font-size: 1.5em;
	font-weight: 500;
}
.rinen-pc{
	display: block;
}
.rinen-sp{
	display: none;
}
	@media screen and (max-width: 567px) {
		.rinen-eng{
			font-size: 8vh;
		}
		.rinen-pc{
			display: none;
		}
		.rinen-sp{
			display: block;
		}
	}
.mission-list{
	max-width: 770px;
	width: 95%;
	margin-left: auto;
}
.mission-list > li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-top: 1.5em;
}
.mission-list > li .num{
	width: 1em;
	color: #e0e6eb;
	font-size: 7em;
	font-weight: 300;
	line-height: 1.0;
	font-family: 'Roboto', sans-serif;
}
.mission-list > li .mission-body{
	width: calc(100% - 1em);
	padding-top: 2.5em;
}

.mission-tit{
	font-size: 1.175em;
	font-weight: bold;
	margin-bottom: 1em;
	padding-bottom: .25em;
  border-bottom: 1px dotted #124368;
}
.list-lower-latin > li{
	list-style-type: lower-latin;
	list-style-position: outside;
	margin-left: 1.75em;
}
.naoso{
	background: #ff704e;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 0.125em .5em;
	margin: 0 .5em;
}
.naoso-color{
	color: #ff704e;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
/*院長プロフィール
--------------------------------*/

.profile-name .name{
	color: #124368;
	font-weight: 700;
	font-size: 1.5em;
}
.profile-name .name span{
	font-size: 0.5em;
	font-weight: 700;
	display: block;
}
.career{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
.career dt{
	width: 7em;
	font-size: .9375em;
}
.career dd{
	width: calc(100% - 7em)
}

/*  clm5  */
.syojyo{
	width: 19%;
}


/*リクルート
--------------------------------*/

.youtube-wrap{
	width: 65%;
	margin-left:auto;
	margin-right:auto;
}
	@media screen and (max-width: 736px) {
		.youtube-wrap{
			width: 75%;
		}
	}
	@media screen and (max-width: 414px) {
		.youtube-wrap{
			width: 100%;
		}
	}

.youtube-movie {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	text-align: center;
}
.youtube-movie iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


.tabs-recruit {
	background-color: #eaf2f6;
}
.tabitem-recruit {
	width: 33.3%;
	height: 4em;
	line-height: 4em;
	padding: 0 0 0.5em;
	border-bottom: 2px solid #124368;
	background-color: #587d96;
	text-align: center;
	transition: all 0.2s ease;
	float: left;
	color: #fff;
}
.tabitem-recruit span{
	font-size: 1.08em;
	font-weight: bold;
	position: relative;
	display: inline-block;
}
.tabitem-recruit span::after {
	position: absolute;
	left: 50%;
	bottom: -0.25em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-left-width: 5px;
	border-right-width: 5px;
	border-top-color: #fff;
 }
input[name="tabitem-recruit"] {
	display: none;
}
.tab_content_recruit {
	display: none;
	padding: 3em 2.2em;
	clear: both;
	overflow: hidden;
}
	@media screen and (max-width: 768px) {
		.tab_content_recruit{
			padding: 2em 1.5em;
		}
	}
	@media screen and (max-width: 414px) {
		.tab_content_recruit{
			padding: 2em 1em;
		}
	}
#vet:checked ~ #vet_content,
#vt:checked ~ #vt_content,
#clean:checked ~ #clean_content{
	display: block;
}
.tabs-recruit input:checked + .tabitem-recruit {
	background-color: #124368;
	color: #fff;
}
.tabs-recruit input:checked + .tabitem-recruit  span::after{
	border-top-color: #fff;
}
.tab_content_recruit dl{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
.tab_content_recruit dt{
	width: 25%;
	padding:1.5em 1em;
	background: #124368;
	color: #fff;
	border-bottom: 1px solid #ccc
}
.tab_content_recruit dd{
	width: 75%;
	padding:1.5em 1em;
	background: #fff;
	border-bottom: 1px solid #ccc
}
.tab_content_recruit dt:last-child,
.tab_content_recruit dd:last-child{
	border-bottom: none;
}
	@media screen and (max-width: 414px) {
		.tab_content_recruit dt,
		.tab_content_recruit dd{
			width: 100%
		}
		.tab_content_recruit dt{
			padding: 0.5em 1em;
		}
}
.recruit_point li{
	background: #fff;
}

.recruit_point li div.point{
	color: #fff;
	text-align: center;
	background: #124368;
	width: 4.5em;
	height: 4.5em;
	line-height: 1.2;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	padding-top: 1.25em;
	position: absolute;
	top: -1.9em;
	left: 50%;
	margin-left: -2.35em;
}
	@media screen and (max-width: 414px) {
		.recruit_msg .clm2_thumb_sp_block:nth-child(even) img{
				padding: 0 3em;
		}
	}
.slide-recruit{
	overflow: hidden;
	margin: 3em 0 4em;
}
.slide-recruit img{
	padding-right: 1.25em;
}
	@media screen and (max-width: 414px) {
		.slide-recruit img{
			padding-right: .5em;
		}
	}

.point3clm{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.point3clm li{
	width: 31%;
	position: relative;
	padding: 3.5em 2.2em 2em;
	position: relative;
}

	@media screen and (max-width: 736px) {
		.point3clm li{
			width: 100%;
			margin-bottom: 1.5em;
		}
	}
	@media screen and (max-width: 414px) {
		.point3clm li{
			padding: 3.5em 1.5em 2em;
		}
	}
.recruit-kpc-blog{
	background: #fff;
	padding: 1.5em 1.75em;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: #587d96;
}
.recruit-kpc-blog div{
	font-weight: 600;
}
.recruit-kpc-blog a{
	margin-left: auto;
	padding: .75em 2.25em .75em 1.5em;
	background: #587d96;
	color: #fff;
	font-weight: bold;
	border-radius: 3em;
	display: inline-block;
	position: relative;
}
.recruit-kpc-blog a:before{
	position: absolute;
	top: calc(50% - .375em);
	right: 1em;
	content: '';
	width: .5em;
	height: .75em;
	background-color:#fff;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
	@media screen and (max-width: 650px) {
		.recruit-kpc-blog div{
			width: 100%;
		}
		.recruit-kpc-blog a{
			margin-top: 1em;
		}
	}

.recruit-form-btn{
	background: #124368;
	font-size: 1.125em;
	color: #fff;
	text-align: center;
	font-weight: 700;
	border-radius: 3em;
	-moz-border-radius: 3em;
	-webkit-border-radius: 3em;
	display: block;
	width: 80%;
	max-width: 720px;
	margin: 2.5em auto;
	padding: 1.5em 0;
	position: relative;
}
.recruit-form-btn:before{
	position: absolute;
	top: calc(50% - .5em);
	right: 1.25em;
	content: '';
	width: .75em;
	height: 1em;
	background-color:#fff;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	transition: all .3s;
}
.recruit-form-btn:hover:before{
	right: .75em;
}
/*エントリーフォーム
--------------------------------*/
.entry input[type="text"],
.entry input[type="submit"],
.entry input[type="button"],
.entry textarea,
.entry select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	outline: none;
}
.entry input,
.entry textarea,
.entry select{
	font-size: 16px;
}
.entry input:focus,
.entry textarea:focus,
.entry select:focus{
	background: #FFFFEF;
}

.entry-memo{
	text-align: center;
}
	@media screen and (max-width: 666px) {
		.entry-memo{
			text-align: left;
		}
	}

.entryform li {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	border-bottom: 1px solid #e3e3e3;
}
.entryform .th{
	width: 24%;
	background: #ecf4fa;
	color: #222;
	padding: 2em 1.5em;
	font-weight: bold;
}
.entryform .td{
	width: 76%;
	background: #fff;
	padding: 2em;
}
	@media screen and (max-width: 767px) {
		.entryform .th{
			width: 100%;
			padding: 1em;
		}
		.entryform .td{
			width: 100%;
			padding: 2em;
		}
	}
	@media screen and (max-width: 567px) {
		.entryform .td{
			width: 100%;
			padding: 2.5em 1em;
		}
	}

.entryform .th span{
	background: #418bd4;
	color: #fff;
	font-size: 0.7647em;
	font-weight: normal;
	padding: .1em .5em;
	display: inline-block;
	margin-right: 1em;
}
.entry input[type="text"]{
	padding: .5em .5em;
	outline: none;
	border: 1px solid #ccc;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	width: 91.5%;
}
.entry textarea {
	outline: none;
	border: 1px solid #ccc;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	width: 91.5%;
	padding: .5em .5em;
}
.entry select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: .5em 1.5em .5em .5em;
	background: transparent;
	position: relative;
	z-index: 1;
	border: 1px solid #ccc;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
}
.selectwrap{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	z-index: 1
}
.selectwrap::after{
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #3e3a39 transparent transparent transparent; 
}
.example{
	font-size: 0.86em;
	color: #999;
	margin-top: 3px;
}
.resume-title{
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin-bottom: 1em;
}
.academic input.short{
	width: 8em;
	margin-left: 1em;
}
.resume input.short{
	width: 16em;
	margin-left: 1em;
}
.academic  span,
.resume  span{
	font-size: .9375em;
}
.academic .grad{
	display: inline-block;
	padding-left: 1em;
}
.resume{
	margin-bottom: 1.75em;
}
.resume:last-child{
	margin-bottom: 0em;
}
.resume > div,
.academic > div{
	margin-top: .5em;
}
	@media screen and (max-width: 567px) {
		.entry input.short{
			display: block;
			margin-left: 0;
			width: 91.5%!important;
		}
		.academic .grad{
			display: block;
			padding-left: 0;
			margin: .75em 0;
		}
	}

/*
.resume{
	margin-top: 1.75em;
	font-size: .9375em;
}
.resume > div{
	margin-bottom: .25em;
}
*/


.submitwrap{
	text-align: center;
	margin-bottom: 1em;
}
.submitwrap input[type="submit"] {
	width: 40%;
	background: #124368;
	color: #fff;
	font-weight: bold;
	font-size: 1.125em;
	padding: 1.5em;
	border-radius: 5em;
	-moz-border-radius: 5em;
	-webkit-border-radius: 5em;
}
.submitwrap input[type="button"] {
	width: 30%;
	background: #fefefe;
	color: #124368;
	font-size: .86em;
	padding: .75em 0;
	border-radius: 5em;
	-moz-border-radius: 5em;
	-webkit-border-radius: 5em;
}

.thansk{
	min-height: 600px;
}
.thansk-msg{
	text-align: center;
}
	@media screen and (max-width: 567px) {
		.thansk-msg{
			text-align: left;
		}
	}




/* パピー教室 ノーズワーク教室
--------------------------------*/
.puppy_bgbox,
.nosework_bgbox{
	background: #eaf2f6;
	padding: 2.2em;
	border-top: 1px dashed #a2b5c4
}
.puppy_bgbox:first-child,
.nosework_bgbox:first-child{
	border-top: 0;
}
	@media screen and (max-width: 414px) {
		.puppy_bgbox,
		.nosework_bgbox{
			padding: 2.2em 1.75em 1.5em;
		}
		.puppy_bgbox .big{
			text-align: center;
			margin-bottom: 0.75em;
		}
	}

/* パピー教室 */
.puppy_video {
	width: 100%;
	text-align: center;
	margin: auto;
	line-height: 0;
	margin-bottom: 2em;
}
video.puppyvideo {
	width: 100%;
}
.puppy_thumb div{
	line-height: 0;
}
.puppy_thumb div:nth-child(-n+3){
	width: calc(33.333% - .375rem);
	margin-bottom: .5em;
}
.puppy_thumb div:nth-child(n+4){
	width: calc(50% - .25rem);
}
	@media screen and (max-width: 567px) {
		.puppy_thumb div:nth-child(-n+3),
		.puppy_thumb div:nth-child(n+4){
			width: 100%;
			margin-bottom: .5em;
		}
	}

/* ノーズワーク */
.nosework_prof{
	padding: 2.75em;
	background: #fff;
}
/*
.nosework_prof{
	padding: 1em 2.5em;
	background: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.nosework_prof > div:nth-child(even){
	width: calc(100% - 170px);
	padding-right: 1.5em;
}
.nosework_prof > div:nth-child(odd){
	width: 170px;
	text-align: center;
}
*/
.nosework_thumb .item{
	width: calc(50% - .5em);
	margin-bottom: 1em;
	line-height: 1.0;
}
	@media screen and (max-width: 666px) {
		.nosework_prof{
			padding: 2em 1.5em 2em 1.5em;
		}
		/*
		.nosework_prof > div:nth-child(even){
			width: 100%;
			padding-right: 0;
		}
		.nosework_prof > div:nth-child(odd){
			width: 160px;
			margin: 0 auto 1em;
		}
		*/
		.nosework_thumb .item{
			margin: 0 auto 1em;
			width: 100%;
		}
		.sp-center{
			text-align: center;
		}
	}
.nosework_video {
	width: 100%;
	text-align: center;
	margin: auto;
	margin-top: 2.5em;
}
video.nosevideo {
	width: 100%;
	max-width: 640px;
}
a.icon-insta-kon{
	background: url(../images/common/icon-insta.png)no-repeat left calc(.375em);
	background-size: auto 1.125em;
	color: #124368;
	padding-left: 1.5em;
	display: inline-block;
}
.nosework_prof a.icon-insta-kon{
	font-size: 1.125em;
	text-decoration: underline;
}

/* ケアの話
--------------------------------*/
.clm2-care{
	width: 47.5%;
	margin-bottom: 2em
}
	@media screen and (max-width: 666px) {
		.clm2-care{
			width: 100%;
		}
	}

.care-title{
	padding: .5em 0 .5em 3em;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}
.clm2-care:nth-child(1) .care-title{
	background: #ffc100 url(../images/care/food.png) no-repeat 4% center;
	background-size: auto  1.25em;
}
.clm2-care:nth-child(2) .care-title{
	background: #aece48 url(../images/care/toilet.png) no-repeat 4% center;
	background-size: 1.5em auto;
}
.clm2-care:nth-child(3) .care-title{
	background: #007685 url(../images/care/care.png) no-repeat 4% center;
	background-size: auto  1.35em;
}
.clm2-care:nth-child(4) .care-title{
	background: #76b8e5 url(../images/care/dental.png) no-repeat 5% center;
	background-size: 1.5em auto;
}

.care-body{
	background: #fff;
	padding: 1.5em 1.5em 2em 1.5em;
	color: #124368;
}
.care-body ul{
	margin-top: 1.5em;
	border-top: 1px solid #124368;
}
.care-body ul li {
	border-bottom: 1px solid #124368;
}
.care-body ul li > a{
	display: block;
	padding: 1.25em 0;
	color: #124368;
	font-weight: bold;
	font-size: .9375em;
	position: relative;
}
.care-body ul li > a:before{
	position: absolute;
	top: 50%;
	right: 0;
	content: '';
	margin-top: -0.35em;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #124368;
	transition: all .2s;
}
.care-body ul li > a:hover:before{
	right: -.5em;
}

.care-body ul li > span{
	padding: 1em 0;
	display: block;
	font-size: .8125em;
}

/* 内視鏡
--------------------------------*/
.clm2_endoscopy:nth-child(odd){
	width: 175px;
}

.clm2_endoscopy:nth-child(even){
	width: calc(100% - 175px);
	padding-left: 2em;
}

	@media screen and (max-width: 567px) {
		.clm2_endoscopy:nth-child(odd){
			width: 100%!important
		}
		.clm2_endoscopy:nth-child(even){
			width: 100%!important;
			padding-left: 0;
			margin-top: 2em;
		}
	}

.endoscopy-table{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.item-endoscopy-body{
	display: table-cell;
	vertical-align: top;
	width: 91.5%;
	padding-right: 2em;
}
.item-endoscopy-thumb{
	display: table-cell;
	vertical-align: middle;
	width: 8.5%;
}
	@media screen and (max-width: 414px) {
		.clm2_endoscopy:nth-child(odd){
			width: 100%;
		}
		.clm2_endoscopy:nth-child(even){
			width: 100%;
		}
	}

.dl_endoscopy{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
.dl_endoscopy dt{
	width: 20%;
	background: #124368;
	padding: 1.5em;
	font-weight: 700;
	margin-bottom: 0.25em;
	color: #fff;
}
.dl_endoscopy dd{
	width: 80%;
	background: #fff;
	padding: 1.5em;
	margin-bottom: 0.25em;
}
	@media screen and (max-width: 414px) {
		.dl_endoscopy dt{
			width: 100%;
			padding: 0;
			background: none;
			color: #124368;
			border-bottom: 2px solid #124368;
		}
		.dl_endoscopy dd{
			width: 100%;
			background: none;
			padding: 1em 0;
		}
	}
.examplebox_title {
	background: #124368;
	color: #fff;
	padding: 0.5em 1em
}
.examplebox{
	background: #eee;
	padding: 1em
}
	@media screen and (max-width: 414px) {
		.clm2_endoscopy:nth-child(odd){
			width: 85%;
		}
		.clm2_endoscopy:nth-child(even){
			width: 15%;
		}
		.examplebox_title {
			padding: 0.5em 1em;
			background: #124368;
			color: #fff;
		}
		.examplebox{
			padding: 0.5em 1em;
			background: #fff;
			margin-bottom: 1em;
		}
	}


/*クリックで開くボックス*/
.hidden_box {
	margin: 0.25em 0;
}
.hidden_box label {
    cursor :pointer;
    position: relative;
    padding-right: 2em;
    color: #124368;
    font-weight: bold;
}
.hidden_box label:before{
	position: absolute;
	top: 3px;
	right: 0;
	content: "＋";
	font-size: 0.8em;
	line-height: 1.4;
	background: #124368;
	color: #fff;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
}
.hidden_box label:hover {
    background: #eaf2f6;
}
.hidden_box input {
    display: none;
}
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}
.hidden_box input:checked ~ .hidden_show {
    padding: 1em;
    height: auto;
    opacity: 1;
    background: #fff;
    margin-top: 0.25em;
}
	@media screen and (max-width: 414px) {
		.hidden_box input:checked ~ .hidden_show {
		    background: #eee;
		}

	}


/* 整形
--------------------------------*/
.checklistbox{
	background: #fff;
	padding: 2em;
}
.checklistbox li{
	border-bottom: 1px solid #efefef;
	padding: 1.25em 0;
	color: #124368;
}
.checklistbox li span{
	position:relative;
	padding-left: 2em;
}
.checklistbox li span:before,
.checklistbox li span:after{
	content:"";
	display:block;
	position:absolute;
}
.checklistbox li span:before{
	width:1em;
	height:1em;
	background:#fff;
	border:1px solid #124368;
	left:0;
	top:.15em;
}
.checklistbox li span:after{
	border-left:3px solid #124368;
	border-bottom:3px solid #124368;
	width:1em;
	height:.5em;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:0;
	top:.15em;
}
.flowchart li{
	padding: 1em 2em 1em 5.5em;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	position: relative;
	margin-bottom: 2em;
}
.flowchart li:nth-child(odd){
	background: #d2dfe6;
}
.flowchart li:nth-child(even){
	background: #dcecee;
}
.flowchart li:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -1.25em;
	border: 1.25em solid transparent;
}
.flowchart li:nth-child(odd):before{
	border-top: 1.25em solid #d2dfe6;
}
.flowchart li:nth-child(even):before{
	border-top: 1.25em solid #dcecee;
}
.flowchart li:last-child:before {
	position: static;
	top: auto;
	left: auto;
	margin-left: auto;
	border:none;
}

.flowchart div.no{
	position: absolute;
	top: 0;
	left: .75em;
	background: #5888b7;
	color: #fff;
	padding: .5em .75em;
	font-family: 'Roboto', sans-serif;
}

/*クリックで開くボックス*/
.clickopen_box li{
	margin-bottom: .5em;
}
.clickopen_box label {
	cursor :pointer;
	position: relative;
	padding: .75em 1em .75em 3em;
	background: #124368;
	color: #fff;
	display: block;
	line-height: 1.4;
}
.clickopen_box label:before{
	position: absolute;
	top: 50%;
	left: 1em;
	margin-top: -9px;
	content: "＋";
	font-size: 0.9em;
	line-height: 1.4;
	background: #fff;
	color: #124368;
	width: 1.35em;
	height: 1.35em;
	text-align: center;
}
.clickopen_box label span{
	width: 5em;
	font-size: 1.0625em;
	font-weight: bold;
	display: inline-block;
}
.clickopen_box input {
    display: none;
}
.clickopen_box .hidden_show {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
}
.clickopen_box input:checked ~ .hidden_show {
	padding: 1.5em 2em;
	height: auto;
	opacity: 1;
	background: #fff;
}
	@media screen and (max-width: 414px) {
		.clickopen_box label span {
			display: block;
		}

	}

/* フードの日
--------------------------------*/
.food-profilebox{
	width: 68%;
	padding: 3em;
	margin: 3em auto 2em;
	background: #fff;
}
.food-profile{
	width: 50%;
	margin-bottom: 2em;
}
.food-profile:nth-child(even){
	padding-left: 1.25em;
}
.row-reverse .food-profile:nth-child(even){
	padding-right: 1.25em;
	padding-left: 0;
}

	@media screen and (max-width: 666px) {
		.food-profilebox{
			width: 95%;
			padding: 2em 1.5em 0 1.5em;
		}

	}


/* 血液検査
--------------------------------*/
.basic-blood-title{
	font-size: 1.25em;
	background: #124368;
	color: #fff;
	display: inline-block;
	padding: 0 1em;
	margin-bottom: .75em;
}
.basic-blood-body{
	font-size: 1.125em;
}
.dl-blood{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
} 
.dl-blood dt{
	width: 9em;
	padding: 1.75em 1.5em;
	background: #124368;
	color: #fff;
	font-weight: bold;
	margin-bottom: 1em;
}
.dl-blood dd{
	width: calc(100% - 9em);
	padding: 1.75em 1.5em;
	background: #fff;
	margin-bottom: 1em;
}

.dl-blood .setsumai{
	background: #f4fafe;
	border: 1px solid #e1f1fc;
	font-size: .9375em;
	padding: 1em;
}
	@media screen and (max-width: 567px) {
		.dl-blood dt{
			width: 100%;
			margin-bottom: 0;
			padding: .5em 1em;
		}
		.dl-blood dd{
			width: 100%;
		}
	}
.fukidashi-title{
	font-size: 1.08em;
	font-weight: 700;
	background: #124368;
	color: #fff;
	padding: .75em 0 .75em .75em;
	margin-bottom: 1.25em;
	line-height: 1.0;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
}

.fukidashi{
	font-size: .6875em;
	font-weight: bold;
	background: #fff;
	color: #124368;
	padding: .25em .75em;
	position: relative;
	top: -2px;
	margin-left: 0;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
.fukidashi:before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -.5em;
	top: .5em;
	border-right: .7em solid #fff;
	border-top: .5em solid transparent;
	border-bottom: .5em solid transparent;
}

.blood-head-title{
	height: 16em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.sectiontitle-blood{
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	color: #fff;
}
	@media screen and (max-width: 567px) {
		.blood-head-title{
			height: 11em;
		}
		.sectiontitle-blood span{
			display: block;

		}
	}


.blood-flow .blood-head-title{
	background: url(../images/blood/bg-flow.jpg) no-repeat right center;
	background-size: cover;
}
.blood-qanda .blood-head-title{
	background:#72bac2 url(../images/blood/bg-qanda.png) no-repeat 95% center;
	background-size: auto 100%;
}
	@media screen and (max-width: 567px) {
		.blood-qanda .blood-head-title{
			background-position: 98% center
		}

	}


.flowbox li{
	background: #fff;
	padding: 1.75em 1.5em;
	position: relative;
	margin-bottom: 1.5em;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
.flowbox li:before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	bottom: -1em;
	margin-left: -.75em;
	border-top: 1em solid #fff;
	border-right: 1em solid transparent;
	border-left: 1em solid transparent;
}
.flowbox li:last-child:before{
	position: static;
	bottom: 10;
	margin-left: 0;
	border-left: none;
	border-top: none;
	border-right: none;
	border-left: none;
}

.flex-flow .txt{
	width: 59%;
}
.flex-flow .thumb{
	width: 37%;
}
.flex-flow-long .txt{
	width: 77%;
}
.flex-flow-long .thumb{
	width: 18.5%;
}
.flex-flow-long .option-sample img{
	text-align: left;
	width: 320px;

}

	@media screen and (max-width: 567px) {
		.flex-flow .txt{
			width: 100%;
			margin-bottom: 1em;
		}
		.flex-flow .thumb{
			width: 100%;
		}
		.flex-flow-long .txt{
			width: 100%;
			margin-bottom: 1em;
		}
		.flex-flow-long .thumb{
			width: 100%;
		}
		.flex-flow-long .thumb img{
			width: 50%;
			margin: 0 auto;
			display: block;
		}
		.flex-flow-long .option-sample img{
			width: 95%;
			margin: 0 auto;
			display: block;
		}

	}


.flex-flow .thumb .blood-clm2{
	width: 48.5%;
}
.flex-flow .thumb .blood-clm3{
	width: 32.5%;
}


.qustion{
	font-size: 1.125em;
	color: #fff;
	background: #124368;
	padding: 1em;
	font-weight: 500;
	line-height: 1.4;
	position: relative;
	padding-left: 2em;
}
.qustion .eng{
	position: absolute;
	top: 1em;
	left: .75em;
	font-weight: 500;
}
.answer{
	background: #f0f8fc;
	border:1px solid #e1f1fc;
	padding: 1.75em 1.25em;
	line-height: 2
}

/* オンラインストア 
--------------------------------*/
.onlinestore .sectiontitle{
	font-weight: bold;
}
.onlinestore .sectiontitle span{
	font-weight: bold;
	display: inline-block;
}
.onlinestore .sectiontitle .onlinestore-open{
	font-size: .58333em;
	font-weight: bold;
	line-height: 1.0;
	letter-spacing: .15em;
	margin-bottom: 1em;
	background: #e5771d;
	color: #fff;
	padding: .25em .75em;
	display: inline-block;
}
	@media screen and (max-width: 567px) {
		.onlinestore .sectiontitle{
				font-size: 1.34615384615em;
		}
	}
a.btn-onlinesotre{
	background: #124368 url(../images/common/icon-cart.png) 95% center no-repeat;
	background-size: 2.75em auto;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	color: #fff;
	font-weight: bold;
	line-height: 1.4;
	display: block;
	width: 17em;
	padding: .75em 1em;
	margin: 2em auto;
	transition: all .5s;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
}
a.btn-onlinesotre:hover{
	background-position: 99% center;
	background-color: #235173;
}
a.btn-onlinesotre span{
	position: relative;
	font-weight: bold;
	font-size: 1.18em;
}
a.btn-onlinesotre span:after{
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	transform: rotate(45deg);
	margin-top: -4px;
	margin-left: 10px;
	vertical-align: middle;
}

a.btn-onlinesotre div{
	font-size: .875em;
}
.soryobox{
	border: 1px solid #124368;
	padding: .75em 1em;
	margin-top: 2em;
	text-align: center;
	letter-spacing: 1px;
}
.soryobox div{
	color: #124368;
	font-weight: bold;
}
.soryobox div span{
	font-weight: bold;
}
.soryobox div span.em{
	color: #e5771d;
	padding: 0 .25em;
	font-size: 1.125rem;
}
	@media screen and (max-width: 567px) {
		.soryobox{
				letter-spacing: 0;
		}
		.soryobox div{
			margin-bottom: .25em;
		}
	}

/* フードの日で使用　オンラインストアボタン ↓ ↓ ↓ ↓*/
.btn-onlinesotre-food a{
	background: #124368 url(../images/common/icon-cart.png) 1.5em center no-repeat;
	background-size: 2.25em auto;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	color: #fff;
	font-weight: bold;
	line-height: 1.4;
	display: block;
	padding: 1.5em 1.5em 1.5em 5.25em;
	margin: 2em auto;
	transition: all .25s;
	position: relative;
}
.btn-onlinesotre-food a:after{
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	transform: rotate(45deg);
	margin-top: -4px;
	margin-left: 10px;
	vertical-align: middle;
}
.onlinestore-merit li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	margin-bottom: 1.25em;
	color: #124368;
	letter-spacing: .15em;
}
.onlinestore-merit li div{
	font-weight: bold;
}
.onlinestore-merit li div:nth-child(odd){
	width: 13.5em;
}
.onlinestore-merit li div:nth-child(even){
	width: calc(100% - 13.5em);
}
.onlinestore-merit li div:nth-child(odd) span{
	color: #fff;
	font-weight: bold;
	background: #124368 url(../images/common/icon-cart.png) no-repeat 10% center;
	background-size: 1.5em auto;
	padding: .5em 1em .5em 3.25em;
	margin-right:1.25em;
	display: block;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	position: relative;
}
.onlinestore-merit li div:nth-child(odd) span:before{
	content: "";
	position: absolute;
	top: 50%;
	right: -1em;
	margin-top: -10px;
	border: 10px solid transparent;
	border-left: 10px solid #124368;
}
	@media screen and (max-width: 567px) {
		.onlinestore-merit li{
			letter-spacing: 0;
		}
		.onlinestore-merit li div:nth-child(odd){
			width: 11em;
		}
		.onlinestore-merit li div:nth-child(even){
			width: calc(100% - 11em);
		}
		.onlinestore-merit li div:nth-child(odd) span{
			letter-spacing: 0em;
			margin-right: 1em;
		}
	}



.bnr-onlinesotre {
	margin-top: 3em;
	background: #f0f3f5;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.bnr-onlinesotre > div:nth-child(1){
	width: 7em;
	padding: 1.5em;
}
.bnr-onlinesotre > div:nth-child(2){
	width: calc(100% - 7.5em - 9em);
	text-align: center;
}
.bnr-onlinesotre > div:nth-child(3){
	width: 9em;
	padding: 1em;
}
.bnr-onlinesotre > div:nth-child(2) a {
	display: block;
	padding: 1em;
}
.bnr-onlinesotre > div:nth-child(2) a div{
	font-weight: bold;
	font-size: 1.0625em;
	color: #e5771d;
}
	@media screen and (max-width: 567px) {
		.bnr-onlinesotre > div:nth-child(1){
			margin: 0 auto;
			padding-bottom: .75em;
		}
		.bnr-onlinesotre > div:nth-child(2){
			width: 100%;
			padding: 0;
		}
		.bnr-onlinesotre > div:nth-child(3){
			margin: 0 auto;
		}
		.bnr-onlinesotre > div:nth-child(2) a{
			padding: .5em;
		}

	}


/* よみもの系TOP 
--------------------------------*/
.yomimono_list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.yomimono_list li {
	width: 48%;
	margin-bottom: 1em;
	text-align: center;
	color: #aaa;
}
.yomimono_list a{
	text-decoration: none;
	color: #444444;
	display: block;
}
.yomimono_list .thumb{
	overflow: hidden;
	line-height: 1.0;
	margin-bottom: 0.5em;
}
.yomimono_list a .thumb img:hover{
	transform: scale(1.1);
	transition-duration: 0.5s;
}
.seikei_dl_style{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
.seikei_dl_style > dt{
	width: 6em;
	padding:1.5em 1em;
	font-weight: 700;
	background: #124368;
	color: #fff;
	margin-bottom: 0.25em;
}
.seikei_dl_style > dd{
	width: calc(100% - 6em);
	padding:1.5em;
	margin-bottom: 0.25em;
	background: #fff;
}
.seikei_dl_style > dd > dl{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
.seikei_dl_style > dd > dl > dt{
	width: 4.5em;
	padding: .5em 0;
	border-top: 1px dotted #ccc;
	color:#124368;
	font-weight: 500;
}
.seikei_dl_style > dd > dl > dd{
	width: calc(100% - 4.5em);
	padding: .5em 0 .5em .5em;
	border-top: 1px dotted #ccc;
}
.seikei_dl_style > dd > dl > dt:nth-child(1),
.seikei_dl_style > dd > dl > dd:nth-child(2){
	padding-top: 0;
	border-top: 0;
}
/* 手術件数の flex */
.ope_item li{
	width: 33.3%;
	margin-bottom: 1.5em;
}
.ope_item li > div{
	background: #fff;
	text-align: center;
	padding: 2em 1em
}
.ope_item li > div > div{
	font-size: 1.5em;
}
.ope_item li:nth-child(3n+1){
	padding-right: 1em;
}
.ope_item li:nth-child(3n+2){
	padding: 0 0.5em;
}
.ope_item li:nth-child(3n+3){
	padding-left: 1em;
}
	@media screen and (max-width: 414px) {
		.ope_item li{
			width:50%;
			margin-bottom: 1em;
		}
		.ope_item li:nth-child(odd){
			padding: 0;
			padding-right: 0.5em;
		}
		.ope_item li:nth-child(even){
			padding: 0;
			padding-left: 0.5em;
		}
	}

/*特殊手術*/
.seikei-dl-opelink > dl{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	margin-top: .75em;
	border: 1px solid #eaeff2;
}
.seikei-dl-opelink dt{
	width: 4em;
	padding: 1em 2em 1em 0;
	background: #124368;
	color: #fff;
	font-weight: bold;
	line-height: 0;
	text-align: center;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.seikei-dl-opelink dd{
	width: calc(100% - 4em);
	background: #fff;
	letter-spacing: .125em;
}
	@media screen and (max-width: 567px) {
		.seikei-dl-opelink dd{
			letter-spacing: 0;
		}
	}

.seikei-dl-opelink .opelink{
	border-bottom: 1px dotted #ccc;
	padding: 1.25em 2em;
}
.seikei-dl-opelink .opelink:last-child{
	border-bottom: none;
}
.seikei-dl-opelink .opelink > a{
	display: inline-block;
	color: #124368;
	text-decoration: underline;
	position: relative;
	padding-left: 1em;
}
.seikei-dl-opelink .opelink a:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin-top: .4em;
	border: 7px solid transparent;
	border-left: 7px solid #124368;
}

/*特殊手術 詳細ページ  thr*/
.flow-thr{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.flow-thr li{
	width: 30.5%;
	background: #fff;
	position: relative;
}
.flow-thr li:after{
	content: "";
	position: absolute;
	top: 25%;
	left: 100%;
	border: 1.5em solid transparent;
	border-left: 1.5em solid #124368;
}
.flow-thr li:last-child:after{
	content: "";
	position: static;
	top: auto;
	left: auto;
	margin-left: auto;
	border: none;
	border-top: none;
}

.flow-thr .clm2-flow:nth-child(odd){
	line-height: 1.0;
}

.flow-thr .clm2-flow:nth-child(even){
	padding: 1em 1em 1.5em 1em;
}
	@media screen and (max-width: 567px) {
		.flow-thr li{
			width: 78%;
			margin: 0 auto;
			margin-bottom: 1.75em;
		}
		.flow-thr li:after{
			top: 100%;
			left: 50%;
			margin-left: -11px;
			border: 1.5em solid transparent;
			border-top: 1.5em solid #124368;
		}
	}
.thr-clm-block {
	-webkit-align-items: center;
	justify-content: center;
	align-items: center;
}
.thr-clm-block div{
	margin-bottom: .75em;
}
.thr-clm-block div:nth-child(3n + 1){
	width: 33.3333%;
	padding-right: 1.5%;
}
.thr-clm-block div:nth-child(3n + 2){
	width: 33.3333%;
	padding: 0 .66666%;
}
.thr-clm-block div:nth-child(3n + 3){
	width: 33.3333%;
	padding-left:  1.5%;
}
.thr-clm-block div:nth-child(4){
	width: 48%;
	margin-bottom: 0;
}

/*特殊手術 詳細ページ  tplo*/
.flow-tplo{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.flow-tplo li{
	width: 30.5%;
	position: relative;
}
.flow-tplo li:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -1.5em;
	border: 1.5em solid transparent;
	border-left: 1.5em solid #124368;
}
.flow-tplo li:last-child:after{
	content: "";
	position: static;
	top: auto;
	left: auto;
	margin-left: auto;
	border: none;
	border-top: none;
}
	@media screen and (max-width: 567px) {
		.flow-tplo li{
			width: 78%;
			margin: 0 auto;
			margin-bottom: 1.75em;
		}
		.flow-tplo li:after{
			top: auto;
			left: auto;
			bottom: 0;
			left: 50%;
			margin-left: -1.5em;
			margin-bottom: -3em;
			border: 1.5em solid transparent;
			border-top: 1.5em solid #124368;
		}
	}
.tplo-pict-caption{
	font-size: .86em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.tplo-pict-caption div:nth-child(1){
	width: 49.5%;
}
.tplo-pict-caption div:nth-child(2),
.tplo-pict-caption div:nth-child(3){
	width: 23%;
}
.clm2-tplo-opeflow li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding-bottom: 2em;
	margin-top: 2.5em;
	position: relative;
	border-bottom: 1px solid #124368;
}
.clm2-tplo-opeflow li:first-child{
	margin-top: 2em;
}
.clm2-tplo-opeflow li:last-child{
	border-bottom: none;
}
.clm2-tplo-opeflow li:before{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -3em;
	margin-left: -1.5em;
	border: 1.5em solid transparent;
	border-top: 1.5em solid #124368;
}
.clm2-tplo-opeflow li:last-child:before{
	left: auto;
	bottom: auto;
	margin-left: auto;
	border: none;
}
.clm2-tplo-opeflow li .item-tplo:nth-child(1){
	width: 47%;
}
.clm2-tplo-opeflow li .item-tplo:nth-child(2){
	width: 50%;
}
	@media screen and (max-width: 567px) {
		.clm2-tplo-opeflow li .item-tplo:nth-child(1){
			width: 78%;
			margin: 0 auto 1em;
		}
		.clm2-tplo-opeflow li .item-tplo:nth-child(2){
			width: 100%;
		}
	}
.item-tplo > .tit{
	border-left: 8px solid #124368;
	border-bottom: 1px dotted #124368;
	color: #124368;
	padding: 0 0 .125em 1em;
	margin-bottom: 1em;
	font-weight: bold;
}

/*特殊手術 詳細ページ  tta*/
.tta-pict-caption{
	font-size: .86em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.tta-pict-caption div:nth-child(1){
	width: 22.7%;
}
.tta-pict-caption div:nth-child(2),
.tta-pict-caption div:nth-child(3){
	width: 37%;
}
.tta-pict-caption02{
	font-size: .86em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.tta-pict-caption02 div:nth-child(1){
	width: 48%;
}
.tta-pict-caption02 div:nth-child(2),
.tta-pict-caption02 div:nth-child(3){
	width: 23%;
}
.clm2_tta:nth-child(odd){
	width: 225px;
}

.clm2_tta:nth-child(even){
	width: calc(100% - 225px);
	padding-left: 2em;
}

	@media screen and (max-width: 567px) {
		.clm2_tta:nth-child(odd){
			width: 100%!important
		}
		.clm2_tta:nth-child(even){
			width: 100%!important;
			padding-left: 0;
			margin-top: 2em;
		}
	}
/*information*/
.info_err img {
	width: 40%;
	margin-top: 1em;
}
	@media screen and (max-width: 567px) {
		.info_err img{
			width: 100%!important
		}
	}


/*病気の話
--------------------------------*/
/*== 影がついて浮き上がる */

/*ボタンの形状*/
.float1{
    border: 1px solid #ccc;
    color: #333;
    padding: 2em 1.5em;
    display: inline-block;
    text-decoration: none; 
    outline: none;
    border-radius: 10px;
    margin: 3em 0.8em 3em;
    background-color: #e0ffff;
    width: 22%;
   
    /*アニメーションの指定*/
    transition: all .8s;
}

/*hoverをしたらボックスに影がつく*/
.float1:hover {
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
	border-color: transparent;
}

.wrap-byoki{
	text-align: center;
	margin: 3.5em auto 3.8em;
}
.wrap-byoki .byoki{
	padding: 2em 0 1.5em;
}

.wrap-byoki .byoki a{
	width: 22%;
	line-height: 0;
}

.wrap-byoki .byoki div:hover {
	transform: scale(1.1);
	transition-duration: 0.5s;
}
/*------------------------------------------
診療ブログbox
--------------------------------------*/
.byoki-blog-box{
	border: 1px solid #007685;
	padding: 1em 2em;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.byoki-blog-box .item:nth-child(odd){
	width: 20em;
	color: #124368;
	padding: 0 2.8em;
}
.byoki-blog-box .item:nth-child(even){
	width: calc(98% - 20em - 5em);
}
	@media screen and (max-width: 567px) {
		.byoki-blog-box .item:nth-child(odd),
		.byoki-blog-box .item:nth-child(even){
			width: 100%;
		}
		.byoki-blog-box .item:nth-child(odd){
			margin-bottom: .5em;
			padding: 0;
		}
	}