/*----------------------
1030px = 狭いPC
767px = sp/tab
480ox = sp
----------------------*/

/* ============================
subpage
============================ */

#bg{
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	padding: 1.25rem 5% .75rem;
}


#contents{
	padding: 1.5rem 5% 1rem;
	position: relative;
	border-top: 1px solid #fff;
}
	@media screen and (max-width: 767px) {
		#bg{
			padding-top: 1.25em;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		#contents{
			padding-top:1.25em;
		}

	}
	@media screen and (max-width: 480px) {
		#bg{
			padding: 1em 2% .75em;
		}
		#contents{
			padding: 2em 2% 0;
		}
	}


/* =================================
TEXT
================================= */

.pagetitle{
	font-size: 2.28em;
	margin-bottom: 25px;
}

.title{
	font-size: 1.6em;
	font-weight: bold;
	color: #d69d4c;
	margin-bottom: 27px;
	border-bottom: 4px solid #ccc;
	position: relative;
}
.title:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 10%;
	height: 4px;
	background-color: #d69d4c;
}

.sectiontitle{
	color: #564a3f;
	font-weight: bold;
	font-size: 1.28em;
	margin-bottom: 7px;
}
.bordertitle{
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 1px solid #595858;
	margin-bottom: 20px;
}
.sectioncopy{
	font-size: 1.08em;
}
.big{
	font-weight: bold;
	color: #564a3f;
}
.small{
	font-size:0.86em;
}
.large-red{
	font-size: 1.0625em;
	font-weight: bold;
	color: #CC3232;
}

.red{
	color: #d96459;
}

.kakko{
	margin-left: -5px;
}

.headcopy {
	background: #f3f3f3;
	display: table;
	width: 100%;
}
.headcopy .thumb{
	display: table-cell;
	width: 35%;
	height: 220px;
}
.headcopy .txt{
	display: table-cell;
	width: 65%;
	padding: 25px 25px 25px 20px;
	vertical-align: middle;
	font-size: 1.08em;
}
#senior .headcopy .thumb{
	background: url("../images/senior/head.jpg") no-repeat;
	background-size: cover;
}


	@media screen and (max-width: 767px) {
		.pagetitle{
			font-size: 1.7em;
			margin-bottom: 15px;
		}
		.title{
			font-size: 1.5em;
		}
	}

	@media screen and (max-width: 480px) {
		.pagetitle{
			position: relative;
			left: 2.0%;
		}
		.headcopy {
			background: none;
			display: block;
			width: 100%;
		}
		.headcopy .thumb{
			display: block;
			width: 100%;
		}
		.headcopy .txt{
			display: block;
			width: 100%;
			padding: 25px 0 0 0;
		}
	}
.ao{
	color: #5a91a7;
}

/* =================================
BOX
================================= */

.sectionwrap{
	background: #fff;
	padding: 6%;
	margin-bottom: 54px;
}
.calendar-sectionwrap{
	background: #fff;
	padding: 6% 3.5%;
	margin-bottom: 54px;
}

.bgbox{
	background: #f3f3f3;
	padding: 2%;
}
.rec_box{
	background: #f3f3f3;
	padding: 4%;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.bluebox{
	background: #0b6991;
	color: #fff;
	padding:2%;
}

.bgboxlist li{
	background: #f3f3f3;
	padding: 13px 15px;
	margin-bottom: 13px;
}
	@media screen and (max-width: 480px) {
		.sectionwrap{
			padding: 7% 5%;
		}
		.calendar-sectionwrap{
			padding-top: 7%;
			padding-bottom: 8%;
		}
		.bgbox,
		.bluebox,
		.rec_box{
			padding: 4%;
		}

	}

/* =================================
アイコン
================================= */

.icon_maru {
	position: relative;
	padding-left: 14px;
}
.icon_maru:before {
	content: "";
	position: absolute;
	background: #86b86b;
	top: 0;
	left: 0;
	margin-top :10px;
	height: 8px;
	width: 8px;
	border-radius: 50%;
}

/* =================================
フローチャート
================================= */
.flowlist div{
	position: relative;
	padding-left: 30px;
	line-height: 1.4;
	font-family: 'Roboto', sans-serif;
}
.flowlist div span{
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	background: #0b6991;
	color: #fff;
	font-weight: bold;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 0.86em;
	text-align: center;
}


/* =================================
margin
================================= */

.mt_s{
	margin-top: 13px;
}
.mt{
	margin-top: 27px;
}
.mt_m{
	margin-top: 54px;
}
.list_mt li{
	margin-top: 13px;
}
.list_mt li:first-child{
	margin-top: 0;
}
.list_mt2 li{
	margin-top: 13px;
}
.list_mt2 li:first-child{
	margin-top: 0;
}

/* =================================
LINK
================================= */

.arw {
	padding-left: 14px;
	display: inline-block;
	position: relative;
}

.arw:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	margin-top: -6px;
	border: 8px solid transparent;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left-color: #86b86b;
}
a.link{
	color: #86b86b;
}
a.btn_link{
	display: block;
	width: 250px;
	padding: 7px 14px;
	color:#fff;
	background: #517d99;
	text-decoration: none;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	position: relative;
	margin: 13px 0;
}
a.btn_link:before {
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
	margin-top: -6px;
	border: 8px solid transparent;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left-color: #fff;
}

a.btn_link_large{
	display: inline-block;
	padding: 1em 3em 1em 1.5em;
	color:#fff;
	background: #d69d4c;
	text-decoration: none;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	position: relative;
}
a.btn_link_large:before {
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
	margin-top: -6px;
	border: 8px solid transparent;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left-color: #fff;
}
	@media screen and (max-width: 767px) {
		a.btn_link{
			width: 75%;
		}
}



/* =================================
colmun
================================= */

/*2clomn list ver*/
.clm2_table li{
	display: table;
	border-bottom: 1px solid #eee;
	padding: 27px 0;
	width: 100%;
}
.clm2_table li:first-child{
	padding: 0 0 27px 0;
}
.clm2_table li .item{
	display: table-cell;
}
.clm2_table li .item:first-child{
	width: 13%;
	padding-right: 2%
}
.clm2_table li .item:last-child{
	width: 83%;
	padding-left: 2%
}
	@media screen and (max-width: 767px) {
		.clm2_table li{
			display: block;
			width: 100%;
		}
		.clm2_table li .item{
			display: block;
			width: 100%;
		}
		.clm2_table li .item:first-child{
			width: 100%;
			padding-right: 0
		}
		.clm2_table li .item:last-child{
			width: 100%;
			padding-left: 0
		}
	}

/*2clomn table*/

.table_layout{
	border: 1px solid #eee;
	width: 100%;
	margin: 27px 0;
}
.table_layout tr th,
.table_layout tr td{
	border: 1px solid #ddd;
	padding:13px 15px;
}
.table_layout tr th{
	background: #eee;
	width: 30%;
	font-weight: bold;
	text-align: left;
}
.table_layout tr td{
	background: #fff;
	width: 70%;
}

/*2clomn2 table*/

.table_layout2{
	width: 100%;
	margin: 2px 0;
}
.table_layout2 tr th,
.table_layout2 tr td{
	padding:2px 0;
}
.table_layout2 tr th{
	width: 28%;
	font-weight: bold;
	text-align: left;
}
.table_layout2 tr td{
	width: 72%;
	padding-left: 7px;
}

/*2clomn table3*/

.table_layout-recruit{
	border: 1px solid #eee;
	width: 100%;
	margin: 27px 0;
}
.table_layout-recruit tr th,
.table_layout-recruit tr td{
	border: 1px solid #ddd;
	padding:13px 15px;
}
.table_layout-recruit tr th{
	background: #eee;
	width:9.5em;
	font-weight: bold;
	text-align: left;
}
.table_layout-recruit tr td{
	background: #fff;
	width: calc(100% - 9.5em);
}
	@media screen and (max-width: 480px) {
		.table_layout-recruit tr th{
		    display: block;
			width: 100%;
			padding:.5em 15px;
		}
		.table_layout-recruit tr td{
		    display: block;
		    width: 100%;
		}
		.table_layout-recruit tr td .block{
			display: block;
		}
	}



/*2clomn thumbnail*/

.clm2_thumb{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.clm2_thumb .txt{
	display: table-cell;
	width: 70%;
	vertical-align: middle;
}
.clm2_thumb .thumb{
	display: table-cell;
	width: 30%;
	vertical-align: middle;
}
	@media screen and (max-width: 480px) {
		.clm2_thumb{
			display: block;
			width: 100%;
		}
		.clm2_thumb .txt{
			display: block;
			width: 100%;
		}
		.clm2_thumb .thumb{
			display: block;
			width: 100%;
		}
	}

/*2clomn 45|55*/

.clm2_thumb2{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.clm2_thumb2 .txt{
	display: table-cell;
	width: 55%;
	vertical-align: top;
}
.clm2_thumb2 .thumb{
	display: table-cell;
	width: 45%;
	vertical-align: top;
}
	@media screen and (max-width: 480px) {
		.clm2_thumb2{
			display: block;
			width: 100%;
		}
		.clm2_thumb2 .txt{
			display: block;
			width: 100%;
		}
		.clm2_thumb2 .thumb{
			display: block;
			width: 100%;
		}
	}




/*2clomn flex*/
.dl_layout{
	width: 100%;
	margin: 27px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
	border-color:  #ddd;
	border-width: 1px;
	border-style: solid;
}
.dl_layout dt,
.dl_layout dd{
	padding:13px 15px;
	border-color:  #ddd;
	border-width: 1px 0 0 0; 
	border-style: solid;
}
.dl_layout dt:nth-child(1),
.dl_layout dd:nth-child(2){
	border-width: 0 0 0 0; 
}
.dl_layout dt{
	background: #eee;
	width: 30%;
	font-weight: bold;
	text-align: left;
}
.dl_layout dd{
	background: #fff;
	width: 70%;
}
	@media screen and (max-width: 767px) {
		.dl_layout{
			width: 100%;
			margin: 13px 0;
		    display: block;
			border-color:  #ccc;
			border-width: 1px;
			border-style: solid;
		}
		.dl_layout dt,
		.dl_layout dd{
			border-width:0 0 0 0; 
		}
		.dl_layout dt:nth-child(1),
		.dl_layout dd:nth-child(2){
			border-width:0 0 0 0; 
		}
		.dl_layout dt{
			width: 100%;
		}
		.dl_layout dd{
			width: 100%;
		}
	}

/*2clomn flex*/
.clm2{
	width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}
.clm2 .item{
	width: 50%;
	padding: 1.5%;
}
	@media screen and (max-width: 480px) {
		.clm2{
			width: 100%;
		    display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		    flex-wrap: wrap;
		}
		.clm2 .item{
			width: 100%;
			padding: 0;
		}
	}


/*3clomn flex*/
.clm3{
	width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}
.clm3 .item{
	width: 33.3%;
	padding: 1.5%;
}
	@media screen and (max-width: 480px) {
		.clm3{
			width: 100%;
		    display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		    flex-wrap: wrap;
		}
		.clm3 .item{
			width: 50%;
			padding: 2% 2% 3% 2%;
		}
	}
/* =================================
about
================================= */
#greeting .greeting-images{
	text-align: center;
}
#greeting .greeting-images img{
	max-width: 14em;
	height: auto;
	margin: 2em 0;
}
#greeting .sectioncopy{
	line-height: 2.0;
}
#greeting .sectioncopy div.em{
	font-size: 1.125em;
	margin-bottom: .5em;
}
#greeting .sectioncopy p{
	margin-bottom: 12px;
}
.profile{
	background: #86b86b;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	padding: 4%;
	color: #fff;
}
.profile .clm2_thumb .txt,
.profile .clm2_thumb .thumb{
	vertical-align: top;
}
.profile .clm2_thumb .thumb{
	line-height: 1.4;
	padding-right: 30px;
	margin-bottom: 13px;
}
.profile .clm2_thumb .thumb div{
	font-size: 1.9em;
}
.profile .clm2_thumb img{
	margin-bottom: 12px;
}
.profile ul{
	border-top: 1px solid #fff;
	margin-top: 40px;
}
.profile li{
	border-bottom: 1px solid #fff;
	padding: 27px 0;
}
#feature .bgboxlist li{
	position: relative;
	padding-left: 52px;
	font-size: 1.08em;
	line-height: 1.6;
}
#feature .bgboxlist li div{
	position: absolute;
	top: 50%;
	left: 14px;
	margin-top: -13px;
	background: #86b86b;
	color: #fff;
	font-weight: bold;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 0.86em;
	text-align: center;
}
#feature .bgboxlist li .cl{
	font-weight: bold;
	color: #564a3f;
}

.qandabox li{
	border: 1px solid #ddd;
	margin-bottom: 27px;
}
.qandabox div.a{
	padding: 13px 30px 13px 45px;
}
.qandabox div.q{
	background: #f7f2e9;
	color: #c79c52;
	padding: 13px 15px 13px 45px;
	font-weight: bold;
	font-size: 1.08em;
	line-height: 1.4;
	position: relative;
}
.qandabox div.q:before{
	content: "Q";
	position:absolute;
	top: 50%;
	left: 14px;
	margin-top: -10px;
	background: #c79c52;
	color: #fff;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	font-size: 0.86em;
	font-family: 'Roboto', sans-serif;
}



	@media screen and (max-width: 787px) {
		.profile .clm2_thumb .thumb{
			padding-right: 15px;
		}
		#greeting .sectioncopy{
			line-height: 1.8;
		}
		.profile{
			padding: 6%
		}
	}
	@media screen and (max-width: 480px) {
		.profile .clm2_thumb .thumb{
			padding-right: 0;
		}
		.qandabox div.a{
			padding: 5%;
		}
	}

/* =================================
guide
================================= */

/*診療テーブル*/

.table_layout_shinryo{
	border: 1px solid #eee;
	width: 100%;
	margin: 13px 0;
	line-height: 1.4;
	font-size: 0.9em;
}
.table_layout_shinryo tr:first-child th,
.table_layout_shinryo tr:first-child td{
	background: #eee;
	font-size: 1em;
}
.table_layout_shinryo tr th,
.table_layout_shinryo tr td{
	border: 1px solid #ddd;
	padding:7px;
	vertical-align: middle;
}
.table_layout_shinryo tr th{
	background: #eee;
	width: 16%;
	font-weight: bold;
	text-align: center;
}
.table_layout_shinryo tr td{
	width: 12%;
	text-align: center;
}
.table_layout_shinryo td{
	font-size: 1.2em;
}


/*夜間救急*/
.yakan .bg_green{
	background: #86b86b;
	color: #fff;
	padding: 1% 4%;
	margin-bottom: 3%;
	display: inline-block;
	font-size: 0.92em;
	letter-spacing: 1px;

}

/*検査*/

#kensa .clm3{
	line-height: 1.6;
	font-size: 0.92em;
}
/*お知らせ　アコーディオン*/
.att-section{
	background: rgb(255,255,255);
	margin: 4em auto;
	width: 80%;
  }
	@media screen and (max-width: 787px) {
		.column_wrap{
			line-height: 1.8;
		}
		.att-section{
			width: 	100%;
		}
		
	}
.details {
	
	transition: all ease-in-out .3s;
	background-color: #F5B65B;
	box-sizing: border-box;
	
}
/*アコーディオン　オレンジ部分*/
.details[open] {
	height: 55em;
	background-color: #F5B65B;
}
.details-summary {
	display: block;
	padding: 20px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	transition: all ease-in-out .3s;
	&:hover {
		cursor: pointer;
		background-color: #F5B65B;
	}
}
.details-summary::-webkit-details-marker {
	display: none;
}
/*アコーディオン　ホワイト部分*/
.details-content {
	margin: 0 30px;
	padding: 20px 40px;
	height: 48em;
	background-color: #fff;
}
    @media screen and (max-width: 787px) {
		.details-content{
			height: 57em;
			padding: 20px ;
		}
		.details[open]{
			height: 66em;
		}
	}

.details[open] .details-content {
  	animation: fadeIn 2s ease;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-10px); 
  }
  100% {
    opacity: 1;
    transform: none;
  }
}


.table_layout_att{
	border: 1px solid #eee;
	width: 100%;
	margin: 13px 0;
	line-height: 1.6;
	font-size: 1em;
}
.table_layout_att tr:first-child th,
.table_layout_att tr:first-child td{
	background: #eee;
}
.table_layout_att tr th,
.table_layout_att tr td{
	border: 1px solid #ddd;
	padding:7px;
	vertical-align: middle;
}
.table_layout_att tr th{
	background: #eee;
	width: 13%;
	font-weight: bold;
	text-align: center;
}
.table_layout_att tr td{
	width: 20%;
	text-align: center;
}

.btn_kakumaru {
	background: #F5B65B; 
	color: #fff;
	display: block;
	width: 49%;
	padding: .8em;
	text-align: center;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	margin: .8em auto;
	font-size: 1.1em;
    }
    @media screen and (max-width: 787px) {
		.btn_kakumaru{
			width: 	100%;
			text-align: center;
		}
	}
.point{
	padding-left: 1em;
	position: relative;
	font-weight: bold;
	color: #d96459;
}
.point:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 0.7em;
	height: 0.7em;
	background: #d96459;
	content: "";
	margin-top: 0.5em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.circs{
	font-size: 0.95em;
}


   @media (max-width: 600px) {
    .sp-block{
			display: block;
		}
	}
/* =================================
access
================================= */

#map .clm2_thumb .txt{
	padding-left: 30px;
}
#map .clm2_thumb2 .txt{
	padding-left: 30px;
}
.map{
	position: relative;
}
.map a{
	background: #6fb83f;
	color: #fff;
	padding: 7px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	position: absolute;
	bottom: 7px;
	right: 0;
}
.parking .flowlist{
	font-size: 0.93333333333em;
}
.parking .flowlist div{
	color: #0b6991;
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: 1em;
}

	@media screen and (max-width: 480px) {
		#map .clm2_thumb .txt{
			padding-left: 0;
		}
		#map .clm2_thumb2 .txt{
			padding-left: 0;
		}
		.map a{
			display: block;
			position: relative;
			bottom: 0;
			right: 0;
			margin-top: 15px;
			border-radius: 30px;
			-moz-border-radius: 30px;
			-webkit-border-radius: 30px;
		}
	}

/* =================================
rehabilitation
================================= */

#rehabilitation .bluebox{
	font-size: 1.08em;
	line-height: 1.6;
	text-align: center;
}


/* =================================
trimming
================================= */
.oshirase-bgbox{
	background: #f9f5d1;
	border: 1px solid #F7DF09;
	padding:2.75em 3em 1.75em 3em;
	margin: 2em 0;
}
	@media screen and (max-width: 480px) {
		.oshirase-bgbox{
			padding: 1.5em 1.25em;
		}
	}

.price{
	width: 100%;
	font-size: 0.86em;
}
.price tr:first-child th{
	text-align: center;
	font-weight: bold;
}
.price th,
.price td{
	padding: 13px;
	width: 33.3%;
	text-align: center;
	border: 1px solid #ddd;
	vertical-align: middle;
}
.price th{
	background: #eee;
	text-align: left;
}
.card_thumb{
	text-align: center;
}
	@media screen and (max-width: 480px) {
		.price th{
			width: 34%;
		}
		.price td{
			width: 32%;
		}
		.price{
			font-size: 0.8em;
		}
	}


/* =================================
staff
================================= */

.vet-flex {
	display: flex;
	flex-wrap: wrap;
	margin-top: 3em;
}
.vet-flex img{
	width: 230px;
	height: auto;
	border-radius: .75em;
}
.vet-flex .body{
	width: calc(100% - 230px);
	padding-left: 3rem;
}
.staff-flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 5em;
}
.staff-flex li{
	position: relative;
	width: calc(50% - 1em);
	text-align: center;
	line-height: 1.5;
	padding: 1em;
	margin-bottom: 2em;
	border-radius: .75em;
}
.staff-flex li:before{
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 1em);
	height: calc(100% - 1em);
	border: 1px solid #fff;
	border-radius: .5em;
	content: "";
	transform: translate(-50%,-50%);
}
.staff-flex li:nth-child(3n + 1){
	background: #d8e7ee;
}
.staff-flex li:nth-child(3n + 2){
	background: #f6ecc3;
}
.staff-flex li:nth-child(3n + 3){
	background: #daecaa;
}
.staff-flex .katagaki{
	line-height: 1.4;
	margin-bottom: .25em;
}
#staffmember .name{
	color: #564a3f;
	margin: .75em 0;
}
#staffmember .name span.em,
#staffmember .name div.em{
	font-size: 1.6em;
	font-weight: 500;
	padding: 0 .5em;
}

	@media screen and (max-width: 787px) {
		.vet-flex img{
			height: auto;
			margin-left: auto;
			margin-right: auto;
		}
		.vet-flex .body{
			width: 85%;
			margin-top: 1em;
			padding-left: 0;
			margin-left: auto;
			margin-right: auto;
		}
	}
	@media screen and (max-width: 480px) {
		.vet-flex img{
			width: 200px;
		}
		.vet-flex .body{
			width: 90%;
		}
		.staff-flex li{
			padding: 1.5em 0em;
			width: calc(50% - .25em);
			margin-bottom: 1em;
		}
		.staff-flex li .katagaki{
			font-size: .9em;
		}
	}

/* =================================
message
================================= */
#message{
	line-height: 1.9;
}
.sectionwrap_message{
	padding: 18% 6%;
	margin-bottom: 0;
	background: url("../images/message/bg.jpg")no-repeat center;
	text-align: center;
	color: #fff;
	font-size: 1.08em;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}
.sectionwrap_message h4{
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 3px;
}
#message .sectionwrap{
	text-align: center;
}
#message .sectioncopy{
	color: #564a3f;
	font-weight: bold;
	font-size: 1.24em;
}

.chapter{
	border-top: 2px dotted #eee;
	padding-top: 54px;
	margin-bottom: 54px;
}
.chapter:first-child{
	padding-top: 27px;
	border-top: none;
}
.chapter:last-child{
	margin-bottom: 27px;
}
.chapter p{
	margin-top: 27px;
}
	@media screen and (max-width: 787px) {
		.sectionwrap_message{
			text-align: left;
			padding: 18% 10%;
		}
		#message .sectionwrap{
			text-align: left;
			padding-left:10%;
			padding-right:10%;
		}
	}
	@media screen and (max-width: 484px) {
		.sectionwrap_message{
			font-size: 0.98em;
		}
		.sectionwrap_message h4{
			font-size: 1.36em;
		}
	}
/* =================================
sitemap
================================= */
#sitemap .clm2 .item{
	padding-bottom: 54px;
}
#sitemap .clm2 .item li {
	padding-left: 14px;
	position: relative;
}

#sitemap .clm2 .item li:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	margin-top: -6px;
	border: 8px solid transparent;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left-color: #ddd;
}