@charset "UTF-8";


/*メインイメージ
---------------------------------------------------------*/
.h_cathour {
	background-image: url(../images/cathour/m_img@2x.jpg);
}
.h_cathour .top_over .abs_img1 {
	position: absolute;
	right: 20%;
	top: 13px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.h_cathour {
	background-position: 10% bottom!important;
}
.h_cathour .top_over .abs_img1 {
	right: 10%;
    top: auto;
	bottom: -20px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.h_cathour {
	background-position: 10% bottom!important;
}
.h_cathour .top_over .abs_img1 {
	width: 30%;
	right: 9%;
    top: auto;
	bottom: -15px;
}
}




/*　lead
---------------------------------------------------------*/
.txt_lead {
	margin-bottom: 50px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.txt_lead {
	margin-bottom: 40px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.txt_lead {
	margin-bottom: 6%;
}
}




/* 共通
---------------------------------------------------------*/
.inbox{
	font-weight: bold;
    max-width: 830px;
	margin:0 auto 80px; 
}
.inbox.no_mgn{
    margin-bottom: 0;
}
h4{
	color: #D8A300;
	font-size: 160%;
    letter-spacing: 0.2em;
    line-height: 1.4em;
    font-weight: bold;
	text-align: center;
	padding: 18px 0;
	border-radius: 10px;
	background: #FFF0C6;
    margin-bottom: 40px;
}
h4 span{
	color: #D83400;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.inbox{
	margin-bottom: 10%;
}
h4{
	font-size:150%;
    letter-spacing: 0.15em;
    margin-bottom: 25px;
    padding: 18px 0;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.inbox{
	margin-bottom: 10%;
}
h4{
	font-size: 5vw;
    letter-spacing: 0.1em;
	padding: .5em 1em;
    margin-bottom: 5%;
    box-sizing: border-box;
}
}



/* キャットアワーとは
---------------------------------------------------------*/
.box1 .img_flt .flt_l{
	width: 60%;
	line-height: 2em;
}
.box1 .img_flt .flt_r{
    width: 36%;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .img_flt .flt_l{
	width: 100%;
    float: none;
	line-height: normal;
    line-height: 1.8em;
}
.box1 .img_flt .flt_r{
    width: 70%;
    float: none;
    margin: 0 auto 3%;
    text-align: center;
}
}



/* キャットアワーの診療時間
---------------------------------------------------------*/
.box2 dt{
	font-size: 143%;
	line-height: 2em;
}
.box2 dd{
	font-weight: normal;
	margin-top: 20px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 dt{
	font-size: 130%;
	line-height: 1.8em;
}
.box2 dd{
	margin-top: 1em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 dt{
	font-size: 100%;
	line-height: 1.8em;
}
.box2 dd{
	margin-top: 1em;
}
}




/* 注意事項
---------------------------------------------------------*/
.box3 .attention > li{
    position: relative;
	padding-left: 40px;
	font-size: 15px;
	margin-bottom: 20px;
}
.box3 .attention > li::before{
    position: absolute;
    display: block;
    content: "";
    background: url(../images/cathour/cathour_icon.png) no-repeat left top;
    background-size:100% auto;
    width: 14px;
    height: 14px;
    top:0.25em;
    left: 0;
}
.box3 .attention > li:last-child{
	margin-bottom: 0;
}
.box3 .attention > li .txtlist{
	margin-top:7px;
}
.box3 .attention > li .txtlist li{
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box3 .attention > li{
	padding-left:25px;
	font-size:108%;
	margin-bottom: .8em;
}
.box3 .attention > li .txtlist{
	margin-top:.5em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box3 .attention > li{
	padding-left: 1.3em;
	font-size: 100%;
	margin-bottom: .5em;
}
.box3 .attention > li::before{
    top: .45em;
}
}