@charset "UTF-8";
@import "reset.css";
@import url("https://fonts.googleapis.com/css?family=Cabin+Condensed");


/*-----------------------------

common

-----------------------------*/

body{
	font-size:15px;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height:1.6;
	color:#595757;
	min-width:1240px;
}

a{
	text-decoration:none; 
	color:#595757;
}

a:hover,
a img:hover	{
	opacity: 0.8;
}

a,a img {
	-webkit-transition: 0.6s ;
	transition: 0.6s ;
}

#bodywrp a 	{
	color:#007e87;
}


/*-----------------------------

width

-----------------------------*/

#description div,
#header,
#slider,
#maincontent,
#footer_inner,
#eyecatch{
	width: 1200px;
	margin:0 auto;
}

#bodywrp,
#news,
#index_bnr_box,
#about_ujyo,
#bodywrp{
	width: 880px;
}
.basicprice{
	width: 100%;
}

#sidenav	{
	width:266px;
	padding:0 0 34px 34px;
}


/*-----------------------------

font

-----------------------------*/
#news h3,
#header h2 div,
.copy div,
.course_kenshin li h4 span
{font-family: 'Cabin Condensed', sans-serif;}

#pagetitle,
.min,
.midashi,
.casemidashi,
.cred li h4,
.hotel_price_txt p,
.cat_filaria h4,
.basicprice	li .type div,
.waku2boxin p,
.midashi_bg{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.em {font-weight: bold;}
.red {color: #af2902;}
/* 余白　-----------------------------*/
.mtl{
	margin-top: 4em;
}
.mt{
	margin-top: 3em;
}
.mtm{
	margin-top: 2em;
}
.mts{
	margin-top: 1em;
}
.mtxs{
	margin-top: 0.5em;
}
/*-----------------------------

枠

-----------------------------*/
.about_yoyaku,
.about_yoyaku_new,
.cred li,
.att_pethotel,
#yobo_intro .att,
.cat_filaria,
.double,
.basicprice,
#dental .att,
#mri .att {
    border: 2px #c2bfbc solid ;
    position: relative ; z-index: 100 ;
    background: #fff;   
}

.about_yoyaku::after,
.about_yoyaku_new::after,
.cred li::after,
.att_pethotel::after,
#yobo_intro .att::after,
.cat_filaria::after,
.double::after,
.basicprice::after,
#dental .att::after,
#mri .att::after {
    content: "" ;
    position: absolute ; z-index: -1 ;
    top: 0 ;right: 0 ; bottom: 0 ;left: 0 ;
    border: 1px #c2bfbc solid ;
    display: block ;
    background: #fff ;
    margin: 4px 3px;
}
.about_yoyaku_new::before{
    position: absolute;
    content: "NEW";
	color: #fff;
	font-weight: bold;
    top: 0;
    left: 0;
    background-color: #a1352a;
    padding: 5px 25px;
	
}

/*-----------------------------

head

-----------------------------*/

#description {
	width:100%;
	height:30px;
	line-height:30px;
	background:#4c2e1b;
	color:#fff;
	font-size:12px;
}

#header {
	position:relative; 
	margin:17px auto 12px auto; 
	color: #4c2e1b; 
	line-height: 1.25; 
	z-index: 100
}
#header h1		{
	position:absolute; left:0; top:25px; 
	width:370px;
}

#header h2		{
	position:absolute; 
	right:0; 
	top:18px; 
	text-align:right; 
	font-size: 1.07em;
}
#header h3		{
	width:111px; 
	margin:0 auto; 
	padding-left:35px;
}
#header h2 div	{
	font-size: 1.2em; 
	letter-spacing: 1px;
}

#header h2 span	{
	font-size: 1.36em; 
	margin-left: 3px;
}

#header a {
	color:#4c2e1b;
}

/*-----------------------------

globalnav

-----------------------------*/

#gnav {
	position:relative;
	font-size:1.15em;
}
#gnav ul {
	position:absolute; 
	bottom:0;
}
.nav_left	{left:0;}
.nav_right	{right:0;}

#gnav li{
	display:table-cell;
	padding:13px 29px;
	border-left:1px dotted #4c2e1b;
}

#gnav li:last-child	{
	border-right:1px dotted #4c2e1b;
}

/* sub page 調整　*/
#subpage #header {
	border-bottom: 1px solid #dcd6d3
}
#subpage #gnav {
	margin-bottom: 20px;
}
#subpage #maincontent {
	margin-top: 33px;
}



/*-----------------------------

maincontents

-----------------------------*/

#maincontent{
	display: table;
	margin-top: 33px;
}
#bodywrp,#sidenav	{
	display: table-cell;
	vertical-align:top;
}

/*-----------------------------

sidebar

-----------------------------*/
#sidenav img{
	max-width: 100%;
	height: auto;
}
ul.sidenav 		{
	border-bottom:1px solid #bcb9b5; 
	margin-top:30px;
}
.sidenav li a	{
	padding-left: 12px;
}
.sidenav li 	{
	position: relative; 
	border-top:1px solid #bcb9b5; 
	line-height: 73px;
}
.sidenav li::after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 6px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all .2s;
	margin-top: -5px;
}
.sidenav li:hover::after {
	right: 0.5em;
}


.btnnav-bnr{
	margin-top: 1.75em;
}
.btnnav-bnr li{
	line-height: 0;
	margin-bottom: .75em;
}
.btnnav-bnr li:last-child{
	margin-bottom: 0;
}

.btnnav{
	margin-top: 2.15em;
}
.btnnav li{
	line-height: 0;
	margin-bottom: .75em;
}

/*  --------------- 使用無し　↓↓↓ ----------

.btnnav-bnr,
.btnnav{
	margin-top: 1.75em;
}
.btnnav-bnr li{
	line-height: 0;
	margin-bottom: 1em;
}
.btnnav-bnr li:last-child{
	margin-bottom: 0;
}
.btnnav li{
	line-height: 0;
	margin-bottom: .6em;
}
------------------------------------------------*/

/*-----------------------------

footer_info

-----------------------------*/
#ujo_info	{
	background: url("../images/common/line.gif") repeat-x top left; 
	margin: 44px 0 66px 0; 
	padding-top: 4em;
	width:100%
}
#subpage #ujo_info	{
	margin: 66px 0 66px 0; 
	padding-top: 66px;

}
.flex-info{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	font-size:1.06em;
}
.flex-info .adress{
	width: calc(100% - 510px - 2em);
	padding-right: 2em;
}
.flex-info .iframe{
	width: 510px;
}
.flex-info .calendar iframe{
	width:510px;
	height:400px;
	margin-top: -1.5em;
}
.flex-info .googlemap iframe{
	width:510px;
	height:13.83rem;
	margin-top: 1rem;
}
.calendar-msg{
	font-size: .875em;
	text-align: right;
}
.calendar-msg a{
	font-weight: bold;
	text-decoration: underline;
}
.adress h3		{
	width:300px; 
	margin-bottom: 24px;
}
.access-info{
	margin-top: .75em;
}

.pc_txt h4{
	position:relative; 
	padding-left:1em; 
	margin-top: 0.4em;
}
.pc_txt h4:before	{
	content:''; 
	border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;
	height:12px;
	width:12px; 
	display:block; 
	position:absolute; 
	top:6px; 
	left:0; 
	background-color:#595858;
}

.pc_txt h4 span	{
	margin-right: 12px;
}
.pc_txt p.small {
	font-size: 0.8125em; 
	margin-top: 5px;
}
.pc_txt table {
	margin: 16px 0 24px 0; 
	border-top: 1px solid #999; 
	width:100%; 
}
.pc_txt table th,
.adress table td 	{
	border-bottom: 1px solid #999; 
	padding: 4px 0;
}
.pc_txt table th 	{
	width:36%; 
	text-align: left; 
	padding-left: 4px; 
	letter-spacing: 1px;
}
.pc_txt table td 	{
	width:8%;
}

.animals 			{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items : flex-end;
	margin-top: 5px;
}
.animals div		{
	text-align: center;
	font-size: 0.6875em; 
}
.animals img		{
	display: block; 
	margin: 0 auto;
}

.animals .icon_dog img			{width:52px;}
.animals .icon_cat img			{width:37px;}
.animals .icon_usagi img		{width:36px;}
.animals .icon_ham img			{width:39px;}
.animals .animal_ferret img 	{width:67px;}




/*-----------------------------

footer

-----------------------------*/
#footer			{
	width: 100%; 
	background:#4c2e1b; 
	color: #fff; 
	font-size: 0.8em;
}
#footer a		{
	color: #fff;
}

#footer_inner	{
	display: table; 
	padding: 33px 0 80px 0;
}
.copy{
	display: table-cell;
	width: 34%;
}
.f_nav	{
	display: table-cell;
	width: 66%;
	padding-left: 30px;
}
.copy p			{margin-top: 15px;}
.copy div		{margin-top: 25px; font-size: 1.2em; letter-spacing: 2px}

/* 202306まで 
.f_nav_in		{
	display: table;
	width: 100%;
}
.f_nav_in ul	{
	display: table-cell;
	padding: 0 15px;
}
.f_nav_in ul li	{
	border-bottom: 1px solid #fff; 
	padding: 15px 0;
}
.f_nav_in a		{
	display: block;
}
*/

/* 202306から */
.f_nav_inner{
	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;
}
.f_nav-item{
	width: 23%;
}
.f_nav-item a{
	display: block;
	position: relative;
	padding-top: 12px;
	padding-bottom: 12px;
}
.f_nav-item li.home a{
	padding-top: 13px;
	padding-bottom: 13px;
}
.f_nav-item > ul > li{
	border-bottom: 1px solid #fff;
}
.f_nav-item > ul > li > a{
	font-weight: 700;
	font-size: 14px;
	padding-left: 1em;
	transition: all .5s;
}
.f_nav-item > ul > li > a:hover{
	opacity: .6;
}
.f_nav-item > ul > li > a:before{
	position: absolute;
	top: 16px;
	left: 0;
	content: '';
	border: 6px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
}
.f_nav-item > ul > li.sub-nav > a{
	padding-bottom: 1em;
}
.f_nav-item > ul > li.sub-nav > ul li{
	border-top: 1px dotted #816c5f;
	margin-left: 1em;
	font-size: 13px;
}
.f_nav-item > ul > li.sub-nav > ul li:last-child{
	padding-bottom: 0;
}
.f_nav-item > ul > li.sub-nav > ul li a:before{
	position: absolute;
	top: calc(50% - .25em);
	right: .5em;
	content: '';
	width: .5em;
	height: .5em;
	background: #816c5f;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	transition: all .5s;
}
.f_nav-item > ul > li.sub-nav > ul li.webyoyaku a:before{
	top: calc(50% - .75em);
	right: .65em;
	content: "★";
	color: #cf9e03;
	width: none;
	height: none;
	background: none;
}
.f_nav-item > ul > li.sub-nav > ul li a:hover:before{
	right: 0;
}


/*pagetop*/
#up		{position: fixed; bottom:-1%; right:2%;}
#up img	{width:50px; height:50px;}


/*-----------------------------

sub page

-----------------------------*/
#pagetitle	 		{padding-bottom: 34px; margin-bottom: 48px; border-bottom: 1px solid #dbdbdb; font-size: 32px;}
.section			{margin-top: 80px;}
.bordersection		{margin-top: 58px; padding-top: 62px; border-top: 1px solid #bcb9b5}
.bordersection_yobo	{margin-top: 88px; padding-top: 82px; border-top: 1px solid #bcb9b5}
.bordersection_mri	{margin-top: 58px; padding-top: 78x; border-top: 1px solid #bcb9b5}
.bordersection_dot	{margin-top: 58px; padding-top: 62px; border-top: 2px dotted #bcb9b5}
.section_sub		{margin-top: 48px;}

.midashi		{font-size: 1.9em; padding-bottom: 25px; }
.casemidashi	{font-size: 1.75em; padding-bottom: 35px; }
.komidashi		{font-size: 1.15em; padding-bottom: 12px;  color: #654a32}
.subhead		{font-size: 1.15em; color: #654a32}
.kakko			{margin-left: -8px;}

.lh {
	line-height: 2.0
}

#gairai h4.komidashi	{margin: 32px 0 12px 0}

.mt					{margin-top: 24px;}
.mb					{margin-bottom: 35px;}
.space div			{margin-top: 15px;}

.sectiontitle		{font-size: 1.15em; margin-bottom: 25px; background: #4c2e1b; color: #fff; padding: 7px 15px;}


/*eyecatsh  (topの写真)) */
#eyecatch		{margin: 48px auto 0 auto; font-size: 32px; line-height: 215px;}
.bg_yobo		{background: url(../images/yobo/yobo.jpg) no-repeat top left; background-size: 1280px; letter-spacing: 20px;}
.bg_web_rcpt	{background: url(../images/web_rcpt/web_rcpt.jpg) no-repeat top left; background-size: 1280px; letter-spacing: 20px;}
.pagetitle_gtc	{padding-left: 60px;}
.pagetitle_rcpt {padding-left: 60px;color: #fff;}


/*c2_boxlist  |22%|78%| */
.c2_boxlist				{border-top: 1px solid #dbdbdb; margin-top: 48px;}
.c2_boxlist li 			{border-bottom: 1px solid #dbdbdb; padding: 24px 0 27px 0; display: table; width: 100%;}
.c2_boxlist li h4,
.c2_boxlist li .box_txt	{display: table-cell; vertical-align: top;}

.c2_boxlist li h4		{width: 23%; font-size: 1.15em; color: #654a32}
.c2_boxlist li .box_txt	{width: 77%;}


/*c2_box |50%|50%| */
.c2_box			{display: table; width: 100%;}
.c2_box .left,
.c2_box .right, 
.c2_box .left_arw  {display: table-cell; width: 48%; vertical-align: top;}
.c2_box .left 	{padding-right: 2%}
.c2_box .right 	{padding-left: 2%}
.c2_box .left_arw 	{padding-right: 2%; position: relative;}
.c2_box .left_arw:before {
    margin: -15px 0 0 -15px; /* 三角形の大きさ分ネガティブマージンで位置調整 */
    border: 15px solid transparent;
    border-left-color: #4b2e1b;
    content: "";
    position: absolute;
    top: 50%; /* 上下中央寄せ */
    left: 90%; /* 左右中央寄せ */
}
/*c2_box float.ver  |50%|50%| */
.c2_box_f						{margin-top: 48px;}
.c2_box_f li:nth-child(even)	{float: left; width:48%; margin:0 0 2% 2%}
.c2_box_f li:nth-child(odd)		{float: left; width:48%; margin:0 2% 2% 0}

/*c2_box |68%|32%| */
.c2_box2			{display: table; width: 100%;}
.c2_box2 .left,
.c2_box2 .right 	{display: table-cell; vertical-align: top;}
.c2_box2 .left 	{padding-right: 2%; width: 66%; }
.c2_box2 .right 	{padding-left: 2%; width: 30%; }

/*c2_box |74%|24%| */
.c2_box3			{display: table; width: 100%;}
.c2_box3 .left,
.c2_box3 .right 	{display: table-cell; vertical-align: top;}
.c2_box3 .left 	{padding-right: 2%; width: 22%; }
.c2_box3 .right 	{padding-left: 2%; width: 72%; }

/*c3_boxlist float.ver |30%|30%||30%| */
.c3_boxlist li				{width:30%; margin: 0 4.4% 3% 0;}
.c3_boxlist li:nth-child(3n){width:30%; margin: 0 0 3% 0;}
.c3_boxlist li				{display: inline-block; vertical-align: top;}
 

 /*c2_box flex  |50%|50%| */
.c2_box_flex{
	margin-top: 48px;
	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;
}
.c2_box_flex li	{width:48%; margin-bottom:2%;}


 /*ボタン系*/
a.btn_kakmaru {
	background: #4b2e1b; 
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;	
	color:#fff!important; 
	display: block; 
	padding: 8px 15px; 
	position: relative;
}

a.btn_kakmaru:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right: 14px;
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all .2s;
	margin-top: -5px;
}


.btn_icon a{
	position: relative;
	display: inline-block;
	padding-left: 25px;
}
.btn_icon a:before {        /*白い丸 */ 
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%;        /* CSS3草案 */  
    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50%;   /* Firefox用 */  
	background: #4b2e1b;
}
.btn_icon a:after {        /*「after要素」で三角 */ 
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 6px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;        /*top right bottom を透明化 */ 
	border-left: 5px solid #fff;
}

.btn_click_pdf {
	display: inline-block;
	border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	-moz-border-radius: 0.6em;	
	font-weight: bold;
	display: block; 
	padding: 1.5em 3em 1.5em 2em;
	position: relative;
	background: #4b2e1b;
	color: #fff;
	margin:0 auto;
	font-size: 1.05em;
	position: relative;
}

a.btn_click_pdf{
	color: #fff!important;
	text-decoration: none!important;
}

.btn_click_pdf:before{
	content: "";
	position: absolute;
	top: 1%;
	right: 0.1em;
	width: 80px;
	height: 70px;
	background: url("../images/common/icon_pdf.svg") no-repeat center;
	background-size: 65% auto;
	margin-right: 0.5em;

}

/* 診療について--------------*/

/*初めての方へ*/
.mannerbox			{display: table; background: #ddd8d5; margin-top: 20px; height: 200px; font-size: 0.87em;}
.mannerbox div		{display: table-cell; width: 20%; border-right: 5px solid #fff; padding: 1.5%; overflow: hidden;}
.mannerbox span		{font-size: 1.15em; display: block;}
.manner_dog			{background: url("../images/guide/guide_dog.png") no-repeat right 95%; background-size: 70px auto}
.manner_cat			{background: url("../images/guide/guide_cat.png") no-repeat 99% 95%; background-size: 55px auto}
.manner_usagi		{background: url("../images/guide/guide_usagi.png") no-repeat  99% 95%; background-size: 50px auto}
.manner_ferret		{background: url("../images/guide/guide_ferret.png") no-repeat 140% 95%; background-size: 93px auto}
.manner_ham			{background: url("../images/guide/guide_ham.png") no-repeat 97% 95%; background-size: 50px auto}
.yoyakuhours		{color:#4b2e1b; font-size:1.27em;}
.yoyakuhours span	{ margin-right: 20px;}
.space div.yoyakubnr{
	border-radius: 30px; -moz-border-radius:30px; -webkit-border-radius:30px;
	padding:5px; text-align: center; font-size: 1.14em; margin-top: 20px;
	background: #4b2e1b; color: #fff;
	width: 310px;
}
#yoyaku .yoyakubnr a {color: #fff}

.midashi_bg				{width:100%;; height:250px;  line-height:250px; text-align:center; margin-bottom:50px;}
.midashi_bg span		{background: rgba(76,46,27,0.8); padding:8px 20px; color:#fff; font-size:1.48em;}
#first .midashi_bg		{background:url(../images/guide/bg_first.jpg) center; background-size: cover;}
#gairai .midashi_bg		{background:url(../images/guide/bg_gairai.jpg) center; background-size: cover;}
#credo  .midashi_bg		{background:url(../images/guide/bg_cred.jpg) center; background-size: cover;}
#price  .midashi_bg		{background:url(../images/guide/bg_price.jpg) center; background-size: cover;}
#ope   .midashi_bg		{background:url(../images/guide/bg_ope.jpg) center; background-size: cover;}
#case  .midashi_bg		{background:url(../images/guide/bg_case.jpg) center; background-size: cover;}
#casemenu  .midashi_bg	{background:url(../images/case/bg_case.jpg) center; background-size: cover;}
#recruit_vt  .midashi_bg 	{background:url(../images/recruit/vt_thumbnail.jpg) center; background-size: cover; margin-top: 35px;}
#recruit_vet  .midashi_bg 	{background:url(../images/recruit/vet_thumbnail.jpg) center; background-size: cover; margin-top: 35px;}
#mri .midashi_bg		{background:url(../images/mri/bg_mri.jpg) center; background-size: cover;}
#academic  .midashi_bg		{background:url(../images/guide/bg_academic.jpg) center; background-size: cover;}

#ope   img 	{max-width:100%; height:auto; margin-top:35px;}

/*診療のご案内*/
.animals_sub				{display: table; background: #ddd8d5;  height: 70px; width: 100%;}
.animals_sub div			{display: table-cell; width: 20%; border-right: 5px solid #fff; line-height: 50px; padding: 10px 0 10px 20px;}
.animals_sub .icon_dog		{background: url("../images/guide/guide_dog.png") no-repeat 90% center; background-size: auto 47px}
.animals_sub .icon_cat		{background: url("../images/guide/guide_cat.png") no-repeat 90% center; background-size: auto 47px}
.animals_sub .icon_usagi	{background: url("../images/guide/guide_usagi.png") no-repeat 90% center; background-size: auto 47px}
.animals_sub .icon_ham		{background: url("../images/guide/guide_ham.png") no-repeat 90% center; background-size: auto 27px}
.animals_sub .icon_ferret	{background: url("../images/guide/guide_ferret.png") no-repeat right center; background-size: auto 27px}

#gairai table 		{width:100%; border: 1px solid #9e9995; font-size: 1.14em;}
#gairai table tr	{border-top: 1px solid #9e9995}
#gairai table th	{border-top: 1px solid #9e9995}
#gairai table th,
#gairai table td 	{padding: 9px 0;}
#gairai table th	{width:36%; text-align: left; padding-left: 12px; letter-spacing: 2px;}
#gairai table td 	{width:8%;}

#gairai .hours			{font-size:0.86em;}
#gairai .hours div 		{font-size: 1.58em; color:#4b2e1b; }
#gairai .hours div span	{font-size:0.7em; margin:8px 0 8px -8px; display: block;}

.about_yoyaku,
.about_yoyaku_new {padding: 0 32px 31px 32px; margin-top: 46px;} 

.about_yoyaku h4 {border-bottom: 1px solid #c2bfbc; padding-bottom:8px; margin:31px 0 13px 0; color:#191717; font-size: 1.067em;}
.about_yoyaku_new h4 {border-bottom: 1px solid #c2bfbc; padding-bottom:8px; margin:50px 0 13px 0; color:#191717; font-size: 1.067em;}
.about_yoyaku .att		{background:#efefef; padding: 24px; margin-top: 31px;}
.about_yoyaku .att h4	{border-bottom: none; padding-bottom:0; margin:0 0 13px 0;}


/*診療方針・クレド*/
.cred {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-top: 34px;
}
.cred li	{
	width:calc(48% - 20px - 1.25em); 
	padding: 1.25em;
	margin-bottom: 3em;
	display: table;
} 
.cred li h4,
.cred li .box_txt {
	display: table-cell;
	vertical-align: top;
}

.cred li h4 {
	padding-right: 20px; 
	font-size: 2.4em; 
	border-right: 1px solid #ccc
}

.cred li .box_txt {
	padding:7px 0 0 15px; 
	font-size:0.86em;
}
.cred li .min  {
	font-size: 1.2em; 
	margin-bottom: 8px;
}

/*料金*/
.basicprice				{display: table; margin-top: 28px;}
.basicprice ul.left		{display: table-cell; width: 50%; padding:24px 3% 34px 34px}
.basicprice ul.right 	{display: table-cell; width: 50%; padding:24px 34px 34px 3%}

.allprice			{display: table; margin-top:48px; width: 100%;}
.allprice .left		{display: table-cell; width: 50%; padding-right: 3%}
.allprice .right	{display: table-cell; width: 50%; padding-left: 3%}
.allprice ul 		{margin-bottom:48px; border-top: 1px solid #c2bfbc; }

.otherprice			{display: table; margin-top:0;  width: 100%;}
.otherprice .left	{display: table-cell; width: 32%; padding: 0 3% 0 0}
.otherprice .center	{display: table-cell; width: 35%; padding: 0 3%}
.otherprice .right	{display: table-cell; width: 32%; padding: 0 0 0 3%}
.otherprice ul		{margin-bottom:28px; border-top: 1px solid #c2bfbc; }
.otherprice h4		{font-size: 1.05em; color:#4c2e1b; padding: 15px 0; border-bottom: 1px solid #4c2e1b; text-align: center;}
.otherprice h5		{color:#4c2e1b; padding: 19px 0; }
.otherprice h5 span { font-size: 0.86em;}
.otherprice h6		{ font-size: 0.86em; margin: -8px 0 15px 0; }
.otherprice .asterisk p	{ margin-bottom: 8px; color: #909090; }

.basicprice li,
.allprice li,
.otherprice li		{
	border-bottom: 1px solid #c2bfbc; 
	position: relative; 
	padding: 18px 0 17px 0; 
	width: 100%;
}
.basicprice	li .price,
.allprice	li .price,
.otherprice li .price		{
	position: absolute; 
	top: 19px; 
	right: 0; 
	color: #654a32;
}
.basicprice	li .type div	{
	font-size: 1.25em;
} 
.basicprice	li .type span,
.allprice	li .type span,	
.otherprice	li .type span	{
	font-size: 0.8em; 
	color: #909090;
}
.allprice .asterisk p	{margin-bottom: 8px; color: #909090; }

.otherguide li img		{width:100%; height:auto; margin-top:20px;}

/* ペットホテル--------------*/
.att_pethotel		 {padding:22px; margin-top: 32px;}
.att_pethotel h4	 {border-bottom: 1px solid #c2bfbc; padding-bottom:12px; margin-bottom: 16px;}

.c2_boxlist li .list_decimal li  	{border-bottom: none; padding: 6px 0; display:list-item; width: auto;}
.c2_boxlist li .list_decimal li h5 	{color: #654a32}

.hotel_price		{background: #e9e4de; margin: 62px 0; height:150px; display: table; overflow: hidden;}
.hotel_price div	{display: table-cell; width: 50%; vertical-align: middle; padding: 0 50px; }
.hotel_price_txt	{
	text-align: center; 
	color:#56444a; 
	font-weight:bold; 
	font-size:1.53em; 
	background: url(../images/pethotel/bg.png) no-repeat center 250%; 
	background-size: 432px auto;
	border-right: 3px dotted #fff;
}
.hotel_price_txt p	{font-weight: normal; color: #575858}


/* 施設について--------------*/
#shisetsu img.eyecatch	{width: 300px;}

.shisetsulist,.device	{font-size:0.933em;}

.shisetsulist		{margin-top: 48px}
.shisetsulist img	{width: 100%;}
.shisetsulist h4,
.device h4			{font-size: 1.15em; color: #654a32}

.device				{margin-top: 24px}
.device h4			{margin-bottom: 3px;}
.device h4 span		{font-size:0.8em;}
.device img 		{width:47%; float: left; margin-right: 3%}
.device div			{width:50%; float: left;}
.small_s            {font-size:  0.91em}
.small_xs            {font-size:  0.81em}

/* スタッフ紹介--------------*/
.staff_box h4		{font-size: 1.46em; color: #654a32; position:relative; margin:0 0 1em;}
.staff_box .mini h4	{margin:1em 0;}
.staff_box a 		{color: #fff!important; background: #a62f24; font-size: 0.6em;}
.staff_box h4 span	{font-size: 0.6em; margin-left: 5px;}
.staff_box h4 a		{ position: absolute; top: -1px; right: 0; padding: 3px 8px; border-radius: 30px; -moz-border-radius:30px; -webkit-border-radius:30px;}

.staff_box				{margin-top:48px;}
.staff_box li			{display: table; width: 100%; margin-bottom: 48px;}
.staff_box li .left,
.staff_box li .right 	{display: table-cell; vertical-align: top;}
.staff_box li .left img	{width: 100%;}
.staff_box li .left		{padding-right: 2%; width: 40%}
.staff_box li .right	{padding-left: 4%; width: 60%;}

.profile  th			{width: 8em;}
.profile  .mt			{margin: 16px 0 5px 0;}

.shippo_bpx					{margin-top:28px; line-height: 1.4}
.shippo_bpx h4				{font-size: 1.15em; color: #654a32;}
.shippo_bpx	li				{width:22%; margin-right: 4%; float: left; text-align: center; margin-bottom: 2%;}
.shippo_bpx	li:last-child	{width:22%; margin-right: 0; float: left; text-align: center;}
.shippo_bpx	li img			{width:100%;}



/* 健康診断--------------*/
#kenshin .eyecatch		{border-bottom: 1px solid #c2bfbc; position: relative; padding-bottom: 48px;}
#kenshin .eyecatch img	{width:290px; position: absolute; bottom: 0; right: 0}

.course_kenshin		{display: table; margin-top: 86px;  border-collapse: separate;  border-spacing: 20px 0;}
.course_kenshin li 	{display: table-cell; width:33%; padding: 36px}

.course_kenshin li {
    border: 3px #4c2e1b solid;
    position: relative ; z-index: 100 ;
    background: #fff;   
}

.course_kenshin li::after {
    content: "" ;
    position: absolute ; z-index: -1 ;
    top: 0 ;right: 0 ; bottom: 0 ;left: 0 ;
    border: 1px #4c2e1b solid ;
    display: block ;
    background: #fff ;
    margin: 4px 3px;
}

.k_price	{
	border-style: solid; border-color: #705848; border-width: 2px 0; 
	margin:40px 0 20px 0; padding: 8px 0; text-align: center; 
	font-size: 1.52em; font-weight: bold; letter-spacing: 2px; color: #705848;0
}

.k_price span	{
	font-size: 0.6em; display: block;
}

.course_kenshin .box_txt	{
	font-size: 0.9em;
}
.course_kenshin .box_txt h5	{
	font-size: 1.15em; color: #4c2e1b;}

.course_kenshin li h4{
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #741406; color: #fff; text-align: center;
	line-height: 1.0;
	position: absolute; top:-50px; left: 50%; margin-left: -50px;
}
.course_kenshin li h4 span{
	font-size: 3.52em; 
	display: block;
	padding-top: 15px;
}

#kenshin .att{
	margin: 15px 0 0 15px;
}

/* QandA --------------*/

#qawrp {display: table; width: 100%;}
#qanav,
#qabody	{display: table-cell; vertical-align: top;}

#qanav		{width: 25%;}
#qabody		{width: 75%; }

#qanav a	{display: block; color:#575858; font-size: 0.9em;}
#qanav ul	{width: 82%;}
#qanav li 	{border-top:1px solid #bcb9b5; line-height: 58px; position: relative; }
#qanav li:last-child 	{border-top:1px solid #bcb9b5; border-bottom:1px solid #bcb9b5; line-height: 58px;}
#qanav li ::after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 6px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all .2s;
	margin-top: -5px;
}
.qalist	li 		{border-bottom: 1px dotted #aaa; padding:38px 0;}
.qalist	li h4 	{ background: url(../images/qa/q.gif) no-repeat top left; padding-left:48px; line-height: 28px; font-size: 1.15em;}

.qalist	li .answer		{background: url(../images/qa/a.gif) no-repeat top left; padding:3px 0 0 48px;  margin-top: 15px; color:#707071 }
.qalist	li .answer p		{padding-bottom:20px;}
.qalist	li .answer p span	{display: block; color: #4c2e1b}


/*　予防-------------------*/

/*c2_box_yobo |50%|50%| */
.c2_box_yobo			{display: table; width: 100%;}
.c2_box_yobo .left,
.c2_box_yobo .right 	{display: table-cell; width: 45%; vertical-align: top;}
.c2_box_yobo .left 		{padding-right: 4.8%; border-right:1px solid #dbdbdb;}
.c2_box_yobo .right 	{padding-left: 5%}

/*intro*/
#yobo_intro .att 		{padding: 28px; margin: 48px 0 0 0}
#yobo_intro .att .min  	{font-size:1.32em; margin:0 0 0 -12px;}
.yobotype h4			{font-weight: bold; margin-top: 8px;}
.yobotype span 			{position: relative; padding: 0 18px;}
.yobotype span:before {
  content: "";
  position: absolute;
  background: #4c2e1b;
  top: 50%;
  left: 0px;
  margin-top :-7px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}

/**/
#filaria .c2_box,#nomi .c2_box,#vaccine  .c2_box,		{margin-top: 32px;}
#nomi .chosei			{margin-top: 162px;}
#filaria h4				{font-size: 1.15em; color: #654a32; margin: 20px 0 15px 0;}
#filaria .cat_filaria h4{font-size: 1.2em; color: #654a32;  margin: 5px 0 15px 0;}

.pricebox h4			{font-size: 1.15em; color: #654a32; margin: 5px 0 0 0;}
.pricebox h5 			{font-size: 1.1em; color: #654a32;  margin: 25px 0 5px 0;}
.subhead_border 		{font-size: 1.15em; color: #654a32;  margin: 5px 0 30px 0; padding-bottom: 8px; border-bottom: 1px solid #654a32; text-align: center;}
.pricebox h4 span,
.pricebox h5 span		{font-size: 0.76em; }
.double					{padding: 28px; margin-top: 20px; text-align: center;}

/*項目カラーbox*/
.f_caption				{color:#fff; font-size: 1.05em;}
.f_caption p			{padding:30px 0; padding-left:238px;}
#filaria .f_caption		{background: #cf9e03 url(../images/yobo/filaria.png) no-repeat left 20%; background-size: 194px;}
#nomi .f_caption 		{background: #008041 url(../images/yobo/nomi.png) no-repeat left 30%; background-size: 194px;}
#vaccine .f_caption 	{background: #4b7abd url(../images/yobo/vaccine.png) no-repeat 4% center; background-size: 115px;}
#rabies .f_caption 		{background: #58454c url(../images/yobo/rabies.png) no-repeat 4% bottom; background-size: 200px;}
#onaka .f_caption 		{background: #676d72 url(../images/yobo/onaka.png) no-repeat 4% center; background-size: 128px;}
#hinin_kyosei .f_caption{background: #00527a url(../images/yobo/hinin_kyosei.png) no-repeat left center; background-size: 190px;}

/*price*/
.pricebox ul		{display: block;}
.pricebox li		{border-bottom: 1px solid #dbdbdb; padding: 14px 0 17px 0;  width: 100%; display: table;}
.pricebox li .item	{width: 56%; display: table-cell;}
.pricebox li .price {width: 44%; font-size: 1.05em; color: #654a32; display: table-cell; text-align: right; padding-right: 10px;}
.asterisk			{font-size: 0.86em; margin-top: 14px;}
.pricebox p 		{font-size: 0.86em; padding-bottom: 10px;}
.tax				{font-size: 0.86em; margin-top: 14px; color: #654a32; text-align: right;}

/*フィラリア*/
.cat_filaria		{padding: 20px 20px 40px 20px;}


/*ワクチン*/
#vaccine th		{width: 20%;}
#vaccine th,
#vaccine td		{padding-bottom: 15px;}
#vaccine p 		{font-size: 0.9em; }

.vaccineprice			{border-bottom: 1px solid #dbdbdb; position: relative; padding: 28px 0}
#vaccine .chosei		{ padding: 25px 0!important;}
.vaccineprice h4		{margin-bottom: 15px;}
.vaccineprice span 		{display:list-item; margin-left: 19px;}
.vaccineprice p			{color: #654a32;}
.vaccineprice .price 	{font-size: 1.05em; color: #654a32; position: absolute; top: 31px; right: 0}

/*避妊去勢*/
#hinin_kyosei	.double {padding: 28px; margin-top: 20px; text-align: left; font-size: 0.9em;}

.f_caption				{color:#fff; font-size: 1.03em;}
.f_caption p			{padding:30px 0; padding-left:181px;}
#filaria .f_caption		{background-size: 184px;}
#nomi .f_caption 		{background-size: 184px;}
#vaccine .f_caption 	{background-size: 105px;}
#rabies .f_caption 		{background-size: 170px;}
#onaka .f_caption 		{background-size: 118px;}
#hinin_kyosei .f_caption{background-size: 170px;}
}


/*インタビュー-----------*/
#interview 		{font-size: 1.1em; line-height: 2.0; position: relative; padding-bottom:80px;}
#interview img 	{width:100%; display: block;}
#interview .min {font-size: 1.56em; color: #654a32; margin-bottom: 20px;}
#interview p 	{margin-top: 10px;}
.vol_number	{
	border-radius: 30px; -moz-border-radius:30px; -webkit-border-radius:30px;
	padding:5px; text-align: center; font-size: 0.86em;
	background: #4b2e1b; color: #fff;
	width: 250px;
	margin: 40px auto;
}

/* カウンセリング--------------*/
#counseling .eyecatch		{border-bottom: 1px solid #c2bfbc; position: relative; padding: 48px 0 82px 0;}
#counseling .eyecatch img	{width:421px; position: absolute; bottom: 0; right: 0}
.counselingbox				{padding: 48px 0 0 0;}
.counselingbox .min 		{font-size: 1.56em; margin-bottom: 38px;}
.waku2box				{display: table; width:100%; margin-bottom: 20px;}
.waku2boxin 			{display: table-cell; width:50%;}
.waku2boxin div			{min-height: 225px;}
.waku2boxin div			{border: 2px #c2bfbc solid ;position: relative ; z-index: 100 ;background: #fff; padding: 30px}
.waku2boxin div::after  {
    content: "" ;
    position: absolute ; z-index: -1 ;
    top: 0 ;right: 0 ; bottom: 0 ;left: 0 ;
    border: 1px #c2bfbc solid ;
    display: block ;
    background: #fff ;
    margin: 4px 3px;
}
.waku2boxin div.left 	{margin-right: 2%;}
.waku2boxin div.right 	{margin-left: 2%;}
.waku2boxin p			{border-bottom: 1px solid #c2bfbc; font-size: 1.25em; text-align: center; padding-bottom: 10px; margin-bottom: 20px}
.waku2boxin li 			{margin-top: 5px;}
#counseling .att 		{background: #ddd8d5; padding: 30px 20px; margin-top: 25px;}



/* デンタルケア--------------*/
#dental .eyecatch			{border-bottom: 1px solid #c2bfbc; position: relative; padding: 48px 0 82px 0;}
#dental .eyecatch img		{width:392px; position: absolute; bottom: 0; right: 0}
.dentalbox				{padding: 48px 0 0 0;}
.dentalbox .min 		{font-size: 1.56em; margin-bottom: 38px;}
.waku4box				{display: table; width:100%; margin-top: 20px;}
.waku4boxin 			{display: table-cell; width:25%; border-left: 8px solid #fff; background: #ddd8d5; padding: 30px 0; text-align: center; color: #654a32; }
.att_dentalbox 			{ background: #ddd8d5; padding: 20px 0; text-align: center; color: #654a32; }
.dentalbox ul.c2_boxlist .box_txt p 	{color: #654a32;}
.dentalbox ul.c2_boxlist .box_txt div 	{ margin-bottom: 10px;}

.dentalbox ul.c2_boxlist li:last-child {border-bottom: 1px solid #dbdbdb}
#dental .att {margin-top: 40px; padding: 0 0 20px 40px;}
#dental .att .dentaltit {margin-top: 10px; padding: 10px 0 0px 0px;}
#dental .att .min  	{font-size:1.32em; padding-top: 20px;}
#dental .c2_box2 p 	{color: #654a32; font-weight: bold; margin-bottom: 10px}
#dental .bordersection_dot p 	{color: #654a32; font-weight: bold; margin-bottom: 10px}
#dental .c2_box2 img 	{width: 90%; margin-top: 10px;}
.dental_point {
	border:1px solid #aaa;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	padding: 30px 0 30px 20px;
	margin-top: 35px;
}

.txt_bl       { color:#2C76B2;}
#d_yobo .casemenulink,
#d_shikkan .casemenulink {line-height: 2.7em;}
#d_shikkan .att {margin-top: 150px;}
/* セミナー　--------------*/
#seminar .eyecatch			{border-bottom: 1px solid #c2bfbc; position: relative; padding: 48px 0 82px 0;}
#seminar .eyecatch img		{width:386px; position: absolute; bottom: 0; right: 0}
#seminar .att 			{background: #ddd8d5;  color: #654a32; padding: 70px 30px; margin-top: 60px; text-align: center;} 

/* MRI検査　--------------*/
#mri .eyecatch			{border-bottom: 1px solid #c2bfbc; position: relative; padding: 48px 0 82px 0;}
#mri .eyecatch img		{width:386px; position: absolute; bottom: 0; right: 0}
#mri .att 			{margin-top: 40px; padding: 0 0 20px 40px;line-height: 2.7em;}

#mri_kensa div, #for_owner div, #for_ah div, #pro_ope div {margin-bottom: 52px;}
#mri_kensa h4, #for_owner h4, #pro_ope h4{font-size: 1.5em; border-bottom: 1px solid #c2bfbc; padding-bottom:18px; margin-bottom: 28px; }
#for_ah h4	{font-size: 1.5em; }
#mri_kensa span, #pro_ope span {font-weight: bold; margin-top: 8px;}

.mrikensa_list, .pro_ope_att {font-size:0.8em;}
.mrikensa_list		{margin-top: 28px}
.mrikensa_list img	{width: 100%;}

.mriprice_table{
	width: 100%;margin:10px 0;
}
.mriprice_table tr:first-child th,
.mriprice_table tr:first-child td{
	background: #dedede;
	
}
.mriprice_table td,
.mriprice_table th{
	border:0;
	padding: 10px;
	border:1px solid #aaa;
}
.mriprice_table td{
	width: 24%;
	text-align: center;
	
}
.mriprice_table th {
	width: 11%;
	background: #dedede;
	text-align: center;
}
.mriprice_table td:nth-of-type(1) {
	width: 11%;
	
	text-align: center;
}

.waku_ph {
	border:1px solid #aaa;
	margin-top: 20px;
}
#mri .c2_box3 .right { padding: 30px 50px 30px 0;}
#mri .c2_box3 p 	{color: #654a32; font-weight: bold; margin-bottom: 10px}
.att_mribox 			{ background: #ddd8d5; padding: 30px 70px; color: #4F4F4F; margin-top: 30px;  }

#for_owner .list_disc, #for_ah  .list_disc, #pro_ope  .list_disc {line-height: 2.2em;}
/* リクルート　--------------*/
#recruit_vt div 	{margin-bottom: 52px;}
#recruit_vet div 	{margin-bottom: 52px;}
#recruit_vt h4		{font-size: 1.5em; border-bottom: 1px solid #c2bfbc; padding-bottom:18px; margin-bottom: 28px; }
#recruit_vet h4		{font-size: 1.5em; border-bottom: 1px solid #c2bfbc; padding-bottom:18px; margin-bottom: 28px; }
.rec_table{
	width: 100%;margin:30px 0;
}  
.rec_table th,
.rec_table td{
	border:0;
	padding: 10px;
	border:1px solid #aaa;
}
.rec_table th{
	width: 20%; background:#dedede ;
	}
.rec_table td{
	width: 80%;
}

.max-width img{
	max-width: 100%;
	height: auto;
}
.recruit-copy{
	font-size: 1.1333em;
	margin-top: 1em;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	align-items: center;
}
.recruit-copy div:nth-child(odd){
	width: calc(100% - 220px)
}
.recruit-copy div:nth-child(even){
	width: 220px;
}
.recruit-copy div:nth-child(even) img{
	max-width: 100%;
	height: auto;
}
.flex_pdf_thumb{
	margin: 1.75em 0 3em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.flex_pdf_thumb img{
	max-width: 100%;
	height: auto;
}
.flex_pdf_thumb div.thumb-box{
	width: 45%;
}
.flex_pdf_thumb div.thumb-caption{
	width: 52%;
}
/* グーグルカレンダー見れない場合　--------------*/
.midashi-border{
	font-size: 1.25em;
	font-weight: bold;
	border-bottom: 1px solid #654a32;
	color: #654a32;
	padding-bottom: .5em;
	margin-bottom: 1.25em;
}
.komidashi-sideline{
	font-size: 1.125em;
	font-weight: bold;
	border-bottom: 1px solid #654a32;
	border-left: 8px solid #654a32;
	color: #654a32;
	padding: .5em 0;
	padding-left: 1em;
	margin-bottom: 1.25em;
}
.bg-device{
	display: inline-block;
	background: #666;
	color: #fff;
	padding: .125em .75em;
	margin-bottom: .75em;
}


#calendar img{
	margin: 1em auto;
}
#calendar img.error{
	max-width: 410px;
	border: 1px solid #dedede;
}
#calendar img.safari{
	max-width: 700px;
}

/* 症例解説--------------*/

.casemenulink{
	margin-top: 15px;
	
}
.casemenulink a{
	color:#4b2e1b!important;
	display: inline-block;
	font-size: 1.06em;
}

#casebody img{
	max-width:100%; height:auto; 
}
.table2clm{
	width: 80%;margin:30px 0;
}  
.table2clm th,
.table2clm td{
	border:0;
	padding: 14px;
	border:1px solid #aaa;
}
.table2clm th{
	width: 20%;
	
}
.table2clm td{
	width: 80%;
}

.case_att {
	text-align: center;
}

.list_disc span   { font-weight: bold;} 

.list_wc li     { list-style-type: circle; margin-top: 20px;}
.list_wc span   { font-weight: bold;}
.list_wc img    { margin-top: 35px;}

.list_wc2 li    { list-style-type: circle;}
.list_wc2 span  { font-weight: bold;}
.list_wc2 img   { margin: 10px 0 20px 0;}

.list_ph li     { list-style-type: none;}
.list_ph span   { font-weight: bold;}
.list_ph img    { margin-top: 30px ;}
.list_ph02 img    { margin-left: 20px ;}

.txt_red        { color:#A00205;}

.shorei_cap     { margin: 20px 0 0 30px;}

.mt20  {margin-top: 20px;}
.mt35  {margin-top: 35px;}
.mt40  {margin-top: 40px;}
.mt50  {margin-top: 50px;}
.ml30  {margin-left: 30px;}

.dis_plr  {padding: 0 40px 0 20px;}

.float_r       {float: right}
.float_l       {float: left}

.shoreibox ul {margin-top:35px; }
.shoreibox li {margin-bottom:40px; list-style-type: none;} 
.shoreibox img {margin-top:20px; width: 90%; } 

.shoreibox02 ul {margin-top:35px; }
.shoreibox02 li {margin-bottom:40px; list-style-type: none;} 
.shoreibox02 img {margin-top:20px; width: 70%; } 

.border_big{
	font-size: 1.08em;
	font-weight: 700;
	
	border-bottom: 1px solid #4c2e1b;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	line-height: 1.4;
}
.shorei_no 	{font-weight: bold; margin-bottom: 20px;}
.shorei_no span	{font-size: 1.02em;  background: #4c2e1b; color: #fff; padding: 7px; margin-right: 10px;}

.oral_shorei .c2_box2 img 	{width: 90%; }

/* web受付--------------*/
#web_flow h4 {font-size: 1.5em; border-bottom: 1px solid #c2bfbc; padding-bottom:18px; margin-bottom: 28px; }
#web_flow img {margin:2em 0 2em 3em; }
.web_flow {
	padding-left: 42px;
	position: relative;
}
.web_flow .no{
	background: #4c2e1b;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}
.web_att span 			{position: relative; padding: 0 18px; }
.web_att span:before {
  content: "";
  position: absolute;
  background: #4c2e1b;
  top: 50%;
  left: 0px;
  margin-top :-7px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}
.webrcpt_box { width: 80%;}
.webrcpt_nav {
	background: #4b2e1b;
	color: #fff;
	padding: 1em ;
    text-align: center;
}
.webrcpt_navbox{
	border: 1px solid #c2bfbc;
	padding: 1em;
    position: relative;
}

#webrcpt_box .c2_box img 	  { width: 40%; margin-top: 10px;}
#webrcpt_box .c2_box .qr img 	{width: 40%; margin-top: 30px;}
#webrcpt_box .btn_kakmaru {
    width: 70%; 
    left: 10%;
}
#web_flow .c2_box .cncl {width: 80%; }
#web_flow .c2_box .cncl_att p { margin-left: 40px;}

/* 学術実績 --------------*/
a.btn-jump-academic{
	display: block;
	padding: .5em 1em;
	text-align: center;
	background: #ddd8d5;
	color: #654a32!important;
	font-size: .935rem;
	margin-top: 1.5em;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	position: relative;
	letter-spacing: 3px;
}
a.btn-jump-academic:before{
	position: absolute;
	top: 50%;
	right: .5em;
	content: '';
	margin-top: -6px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #654a32;
	transition: all .2s;
}
a.btn-jump-academic:hover:before{
	right: 0;
}
.academic_wrap{
	margin: 3em 0 6em;
}
.academic_name_wrap{
	width: 100%;
	height: 110px;
	line-height: 110px;
	border-bottom: 1px solid #654a32;
	border-left: 9px solid #654a32;
	position: relative;
}
.academic_name_wrap span.zaiseki{
	font-size: .935rem;
	position: absolute;
	top: 0;
	right: 0;
	color: #654a32;
}
.academic_name_wrap img{
	display: inline-block;
	object-fit: cover;
	width: 110px;
	height: 110px;
	position: absolute;
	top: 0;
	right: 0;
}
.academic_name_wrap img.nagai{
	object-position: center top;
}
.academic_name{
	font-size: 22px;
	color: #654a32;
	font-weight: 600;
	padding-left: 1em;
}
.academic_name span{
	font-size: .935rem;
	font-weight: normal;
	padding-left: 1em
}
.onepoint{
	color: #654a32;
	font-size: 1.15em;
	padding-left: 1.25em;
	position: relative;
}
.onepoint:before{
	width: .75em;
	height: .75em;
	background: #654a32;
	position: absolute;
	margin-top: 4px;
	top: .25em;
	left: 0;
	content: "";
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.academic-list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
.academic-list dt{
	width: 5.5em;
	font-weight: bold;
	color: #654a32;
	padding: 1.5em 1.75em 0 0;
	border-bottom: 1px dotted #654a32;
	text-align: right;
}
.academic-list dd{
	width: calc(100% - 5.5em - 1.75em);
	padding: 1.5em 0;
	border-bottom: 1px dotted #dbdbdb;
}
.academic-list dd .list_disc li{
	padding-bottom:5px;
}
.academic-list dd .list_disc li:last-child{
	padding-bottom: 0;
}