@charset "utf-8";
@media only screen and (min-width: 900px),print {


/*-------------------------------------
	共通項目
-------------------------------------*/

.pc {display:none!important;}	/*PCは表示しない*/



/* imgの基本設定 */
.contents .wp-block-image .aligncenter,
.contents .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 30px;
	text-align: center;
}
.contents .wp-block-image .alignright,
.contents .alignright {
	float: right;
	margin: 0 0 30px 30px;
	max-width: 35%	!important;
}
.contents .wp-block-image .alignleft,
.contents .alignleft {
	float: left;
	margin: 0 30px 30px 0;
	max-width: 35%	!important;
}

.leftbox{
	float: left;
	width: 60%;
}

.rightbox{
	float: right;
	width: 60%;
}




/*--header----------------------------------------------------*/

body {
	position: relative;
}



/*-footer-----------------------------------------------------*/


footer#access{
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 1rem;
	display: block;
}

.access{
	padding: 70px 0;
	background-image: url(../image/common/access_bg.png);
}
.access h2{
	margin: 0 auto 20px;
	max-width: 1000px;
	display: block;
	font-family: 'Kiwi Maru', serif;
	color: #0093C4;
	font-size: 44px;
}
.access h2 img{}



.access ol{
	counter-reset: number; /* 名前を付けたカウンターをリセット */
	list-style: none; /* olが数字を付けることをキャンセル */
	margin: 0 auto;
	max-width: 1000px;
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	align-items: stretch;
	justify-content: space-between;
}
.access ol li{
	padding: 10px 10px 30px;
	margin: 30px 0 10px;/* リスト部分は好きに装飾！ */
	font-size: 16px;
	position: relative;
	border: 1px solid #89D5F5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 3px #BBBBBB;
	box-shadow: 3px 3px 3px #BBBBBB;
	background-color: #FFFFFF;
	width: 23%;
}
.access ol li:before{
	/* カウンタ（数字になる部分） */
	counter-increment: number; /* 任意の名前を付けて！ */
	content: counter(number); /* 名前を付けたカウンターを呼び出し */
	/* 色を変えたり、背景画像を敷いたり！自由自在！ */	
	border-radius: 50%;
	width: 60px;
	line-height: 60px;
	font-size: 30px;
	text-align: center;
	color: #FFFFFF;
	background-color: #00A3D9;
	display: inline-block;
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: -30px;
}

.access ol li img{
	margin: 0 0 15px;
	padding: 0;
	display: block;
}

/*--------------------*/


.info{
	padding: 70px 0;
	background-image: url(../image/common/info_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.info .infoblock{
	max-width: 1000px;
	display: block;
	margin: 0 auto;
}

.info h2{
	margin: 0 auto 20px;
	max-width: 1000px;
	display: block;
	font-family: 'Kiwi Maru', serif;
	color: #0093C4;
	font-size: 44px;
}
.info h2 img{}


.info .infobox{
	height: 350px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	display: inline-block;
	padding: 0 0px;
	width: 75%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFFFFF;
}

.info .infobox iframe {
  width:100%;
  height:100%;
  border:none;
  display:block;
}



/*------------footer--------------------*/

footer#access .about{
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
}
footer#access .about .map iframe{
	display: block;
	margin: 0 auto 50px;
	width: 100%;
	height: 300px;
}



.about .btm_access{
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 30px;
	align-items: stretch;
	align-content: stretch;
	justify-content: space-between;
	max-width: 1000px;
}
.about .left{
	width: 48%;
}
.about .right{
	width: 48%;
}

.about p.inmei{
	color: #00A3D8;
	margin: 0 0 15px;
	padding: 0;
	font-size: 36px;
	line-height: 1.2;
}
.about p.tel{
	margin: 0 0 20px;
}
.about p.tel a{
	background-image: url(../image/common/tel.png);
	line-height: 1.5;
	font-size: 40px;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 30px;
	background-size: auto 30px;
	color: #545454;
}

.about dl.add{
	line-height: 25px;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #444444;
}
.about dl.add dt{
	float: left;
	display: block;
	width: 25px;
}
.about dl.add dt img{

}
.about dl.add dd{
	padding: 0 0 15px 30px;
	min-height: 1em;
}


/* Googleカレンダーレスポンシブ対応 */
.about .calendar{
	height: 460px;
	width: 100%;
}

.about .calendar iframe {
  width: 100% ;
  height: 100% ;
}


footer .about table{
	width: 100%;
	border: 1px solid #444444;
	margin: 0 0 10px;
	line-height: 26px;
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
}


footer .about table th{
	padding: 3px;
	font-weight: normal;
	background-color: #AAAAAA;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

footer .about table th.time,
footer .about table td{
	border-right: 1px solid #444444;
	border-left: 1px solid #444444;
	padding: 3px;
	background-color: #FFFFFF;
	color: #333333;
}

footer .about table th:first-child{
	border-left: 1px solid #444444;
}
footer .about table th:last-child{
	border-right: 1px solid #444444;
}


footer .about dl.kyushin{
	font-weight: bold;
	color: #D80000;
	font-size: 20px;
	line-height: 1.5;
}
footer .about dl.kyushin dt{
	float: left;
}
footer .about dl.kyushin dd{
	padding: 0 0 0px 4em;
}
footer .about dl.kyushin dd span.kome{
font-size: 15px;
margin: 0;
}



footer .btmmenu{
	padding: 30px 0 0 0;
	background-color: #E0F3FC;
}
footer .btmmenu h2{
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	border-bottom: 2px dotted #00A3D9;
	margin: 0 auto 10px;
	display: block;
	padding: 0 0 5px;
	max-width: 1000px;
}

footer .btmmenu ul{
	padding: 0px 0 20px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
	margin: 0 auto;
	flex-wrap: wrap;
	max-width: 1000px;
}
footer .btmmenu ul li{
	margin: 0 1.5em 10px 0;
}
footer .btmmenu ul li a{
	color: #222222;
	padding: 0 0 0 15px;
	background-image: url(../image/common/list.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	background-size: auto 10px;
}
footer .btmmenu ul li a:hover{
	opacity: 0.7;
}


/* footerのinstagram用 */

footer .footer_widget{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 30px;
	display: block;
	padding: 0;
}

footer .footer_widget .insta{
	position:relative;
	width:100%;
	height:0;
	padding-top:20%;/*横幅に対する縦幅の比率*/
}
footer .footer_widget .insta iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



/*-コンテンツの基本骨格-----------------------------------------------------*/


.contents {
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width:100%;
	
	align-content: center;
	overflow: hidden;
}
	
.contents .sub_contents{
	order:2;
	width: 270px;
	margin: 10px 0px 50px 50px;
}
		
	
.contents .main_contents{
	order:1;
	width: calc( 100% - 320px );
	max-width: 680px;
	font-size:1rem;
	box-sizing: border-box;
	margin: 10px 0 0;
}
.contents .main_contents_full{
	max-width: 1000px;
	width: 100%;	
	font-size:1rem;
}

/*-サイドバー-----------------------------------------------------*/

.sub_contents .sidebox h1,
.sub_contents .sidebox h2,
.sub_info h2{
	margin: 0 0 15px;
	padding: 5px 10px;
	background-color: #0064B2;
	color: #FFFFFF;
	font-size: 21px;
	font-weight: bold;
	line-height: 35px;
}


.sidebox{
	margin: 0 0 30px;
	border: 1px solid #0059B2;
}

.sidebox ul{
	margin: 0 10px;
	padding:0 0 10px;
}

.sidebox ul li{
	margin: 0 0px;
	border-bottom: 1px solid #0064B2;
}
.sidebox ul li:last-child{
	border-bottom: none;
}


.sidebox ul li a{
	display: block;
	font-size: 18px;
	padding: 5px 5px 5px 30px;
	line-height: 30px;
	background-color: #FFFFFF;
	background-image: url(../image/common/list02.png);
	background-repeat: no-repeat;
	background-position: 5px 11px;
	background-size: auto 18px;
	color: #212121;
	font-weight: bold;

}
.sidebox ul li a:hover{
	color: #0A85CF;
	background-color: #ECFFFF;
}




/*-1カラム時のコンテンツ-----------------------------------------------------*/

.contents .main_contents_full{

}
.contents .main_contents_full .outbox{
	margin: 50px auto ;
	padding: 0;
	width: 100%;
	max-width: 1000px;
}


.contents .main_contents_full .outbox:after {
  clear: both;
  content: "";
  display: block;
}

.contents .main_contents_full .inbox{
	padding: 0px 0px 10px;
	margin: 0 auto 40px;
	display: block;
	width: 100%;
	max-width: 1000px;
}

.contents .main_contents_full .inbox:after {
  clear: both;
  content: "";
  display: block;
}


/*
.contents .main_contents_full h1,
h1.full,
p.full{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 30px 10px;
	display: block;
	background-color: #00A3D9;
	background-image: -webkit-linear-gradient(270deg,rgba(115,188,222,1.00) 0%,rgba(41,155,209,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(115,188,222,1.00) 0%,rgba(41,155,209,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(115,188,222,1.00) 0%,rgba(41,155,209,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(115,188,222,1.00) 0%,rgba(41,155,209,1.00) 100%);
	color: #FFFFFF;
	border: 3px solid #FFFFFF;
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	box-shadow: 0 0 5px #00A3D9;
	margin: 5px 0 30px;
}

.contents .main_contents_full h1.full,
h1.full,
p.full{
	border: none;
	box-shadow: none;
	width: 100vw;
	margin: 0 calc(50% - 50vw) 30px;
}


h1.full,
p.full{
		width: 100%;
		margin: 0 auto 30px;
}
*/
.contents .main_contents_full h1,
h1.full,
p.full{
	display: block;
	margin: 0 auto 20px;
	font-family: 'Kiwi Maru', serif;
	color: #0093C4;
	width: 100%;
	max-width: 1000px;
	font-size: 46px;
	padding: 30px 0;
	text-align: center;
}

.contents .main_contents_full h2{
	background-image: url(../image/common/h2.jpg);
	font-size: 35px;
	padding: 0 0 5px 60px;
	margin: 0 0 25px;
	line-height: 1.5;
	color: #333333;
	font-family: 'Noto Sans JP';
	font-weight: bold;
	background-repeat: no-repeat;
	border-bottom: 6px double #333333;
	background-position: left top;
	background-size: auto 50px;
}



.contents .main_contents_full h3{
	margin: 0 0 20px;
	clear: both;
	padding: 5px 10px 5px 30px;
	font-size: 26px;
	font-weight: bold;
	background-image: url(../image/common/h3.png);
	background-repeat: no-repeat;
	background-position: 10px 17px;
	border-radius: 5px;
	background-size: auto 20px;
	color: #148EC2;
	background-color: #E0F3FC;
}





/*-2カラム時のコンテンツ-----------------------------------------------------*/

.contents .main_contents .outbox{
	margin: 0 0 0px;
}
.contents .main_contents .inbox{
	padding: 0px 0px 10px;
	margin: 0 0 40px;
}

.contents .main_contents .inbox:after {
  clear: both;
  content: "";
  display: block;
}


.contents .main_contents h1.h2style,
.contents .main_contents h2{
	background-image: url(../image/common/h2.jpg);
	font-size: 35px;
	padding: 0 0 5px 60px;
	margin: 0 0 25px;
	line-height: 1.5;
	color: #333333;
	font-family: 'Noto Sans JP';
	font-weight: bold;
	background-repeat: no-repeat;
	border-bottom: 6px double #333333;
	background-position: left top;
	background-size: auto 50px;
}



.contents .main_contents h3{
	margin: 0 0 20px;
	clear: both;
	padding: 5px 10px 5px 30px;
	font-size: 26px;
	font-weight: bold;
	background-image: url(../image/common/h3.png);
	background-repeat: no-repeat;
	background-position: 10px 17px;
	border-radius: 5px;
	background-size: auto 20px;
	color: #148EC2;
	background-color: #E0F3FC;
}



/*-共通スタイル-----------------------------------------------------*/

h4{
	margin: 0 0 20px;
	font-weight: bold;
	color: #000000;
	font-size: 22px;
	padding: 7px 10px;
	line-height: 1.5;
	background-image: url(../image/texture/texture_ws50.png);
	border-radius: 5px;
	background-color: #DDDDDD;
}




h5{
	background-color: #F5F5F5;
	font-size: 20px;
	color: #333333;
	padding: 5px;
	line-height: 26px;
	margin: 0 0 10px;
	border-radius: 5px;
	clear: both;
	font-weight: bold;
}
h6{
	margin: 0 0 10px;
	font-size: 18px;
	line-height: 24px;
	color: #000000;
	border-bottom: 2px dotted #0084D2;
	clear: both;
}



h1{
}

/*------------------------*/
.link:after {
  clear: both;
  content: "";
  display: block;
}

.link a{
	float: right;
	border-radius: 10px;
	background-color: #14AE67;
	background-image: url(../image/common/injury_list.png);
	display: block;
	padding: 6px 40px 6px 10px;
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0.5em 0 0 0;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: auto 20px;
}

.link a:hover{
	opacity: 0.7;
}



.link2 a{
	border-radius: 10px;
	background-color: #14AE67;
	display: block;
	padding: 6px 10px;
	font-size: 150%;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0.5em auto 0;
	display: block;
	width: 60%;
	background-image: url(../image/texture/texture_ws50.png);
}

.link2 a:hover{
	opacity: 0.7;
}


/*------------------------*/

.topimg {
	margin: 0 auto;
	display: block;
	max-width: 1000px;
}

.topimg img{
	width: 100%;
	margin: 0 auto;
	display: block;
}





/*-eye-----------------------------------------------------*/



#eye {
	width: 100%;
	overflow: hidden;
	display: block;
}



#eye h1{
	padding: 30px 0;
	text-align: center;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
	margin: 0 auto;
	display: block;
	max-width: 1000px;
	font-weight: bold;
}




/*----------------------------*/

.top_title{
	font-family: 'Kiwi Maru', serif;
	text-align: center;
	background-image: url(../image/common/top_title_bg01.jpg),url(../image/common/top_title_bg02.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position: left top,right top;
	background-size: 20% auto,20% auto;
	padding: 0 0 30px;
}


.top_title p{
	line-height: 1.4;
	font-size: 22px;
	box-shadow: 0px 0px 10px #DCF9FE;
	background-color: #DCF9FE;
	margin: 10px auto 20px;
	width: 65%;
	padding: 8px 0;
}
.contents .main_contents_full .top_title h1{
	color: #333333;
	line-height: 1.4;
	font-size: 40px;
	display: inline-block;
	background-color: hsla(0,0%,100%,0.80);
	padding: 10px;
	width: auto;
}



/*-トップリスト-----------------------------------------------------*/





.contents .main_contents_full h1.top{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 0;
	display: block;
	background-color: transparent;
	background-image: none;
	color: #FFFFFF;
	border: none;
	text-align: center;
	font-weight: bold;
	box-shadow: none;
	margin: 0px 0 30px;
}



ul.top_list{
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	align-items: stretch;
	justify-content: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 0 40px;
	box-sizing: border-box;
}

ul.top_list li{
	border-right: 1px solid #68C9F2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	width: 25%;
	text-align: center;
}

ul.top_list li:first-child{
	border-left: 1px solid #68C9F2;
}

ul.top_list li a{
	color: #333333;
	display: block;
}
ul.top_list li a:hover{
opacity: 0.7;
}

ul.top_list li strong{
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #00A3D9;
	line-height: 1.2;
	min-height: 2.4em;
}
ul.top_list li img{
	margin: 10px auto 20px;
	display: block;
}

.widebox{
	margin: 0 calc(50% - 50vw);
	background-color: #FFACAD;
	width: 100vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0px 10px;
	box-sizing: border-box;
}


/*-対応症状一覧-----------------------------------------------------*/

.injury_box{}
.injury_box ul{
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	align-items: stretch;
	justify-content: flex-start;
	padding: 0 0 0 25%;
	background-color: #148EC2;
	background-image: url(../image/common/injury_title.jpg);
	background-repeat: no-repeat;
	background-position: 5% center;
}
.injury_box ul li{
	width: calc( 100% / 3 );
	border: 1px solid #FFFFFF;
	background-image: url(../image/common/injury_bg.png);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
/*
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
*/
	display: table;
}
.injury_box ul li a{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-image: url(../image/common/injury_list.png);
	background-repeat: no-repeat;
	background-position: 22px center;
	padding: 1.6em 5px 1.6em 60px;
	background-size: auto 22px;
	color: #FFFFFF;
	font-size: 21px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
}
.injury_box ul li a:hover{
	background-color: hsla(0,0%,100%,0.30);
}



/*-----------------------------*/

.staff{
	padding: 15px;
	margin: 0 0 30px;
	border: 1px solid #89D5F5;
	-webkit-box-shadow: 3px 3px 3px #bbbbbb;
	box-shadow: 3px 3px 3px #bbbbbb;
	background-color: #FFFFFF;
	overflow: hidden;
}
.staff figure{
	float: left;
	width: 30%;
}
.staff figure img{
	display: block;
	margin: 0 auto;
}
.staff dl{
	margin: 0 0 0 33%;
	line-height: 30px;
	font-size: 18px;
}
.staff dl dt{
	display: block;
	width: 5em;
	text-align: center;
	background-color: #00A3D9;
	font-weight: bold;
	border-radius: 5px;
	color: #FFFFFF;
	float: left;
}
.staff dl dd{
	margin: 0 0 10px;
	padding: 0 0 10px 6em;
	border-bottom: 2px dotted #BBBBBB;
}
.staff dl dd strong{
	font-weight: bold;
	font-size: 22px;
}
.staff dl dd small{
	color: #AAAAAA;
	padding: 0 0 0 1em;
	font-size: 90%;
}




.step{
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0px 5px 20px;
	box-sizing: border-box;
}

/*-----------------------------*/

.step ol{
	counter-reset: number; /* 名前を付けたカウンターをリセット */
	list-style: none; /* olが数字を付けることをキャンセル */
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	align-content: stretch;
	align-items: stretch;
	justify-content: space-between;
}
.step ol li:first-child{
	border-left: 1px solid #89D5F5;
}
.step ol li{
	width: 100%;
	padding: 30px 10px 30px;
	margin: 0px 0 0px;/* リスト部分は好きに装飾！ */
	font-size: 16px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-right: 1px solid #89D5F5;
}
.step ol li:before{
	/* カウンタ（数字になる部分） */
	counter-increment: number; /* 任意の名前を付けて！ */
	content: counter(number); /* 名前を付けたカウンターを呼び出し */
	/* 色を変えたり、背景画像を敷いたり！自由自在！ */	
	border-radius: 50%;
	width: 60px;
	line-height: 60px;
	font-size: 30px;
	text-align: center;
	color: #FFFFFF;
	background-color: #00A3D9;
	display: inline-block;
	font-weight: bold;
	position: absolute;
	left: 10px;
	top: 0px;
}

.step ol li img{
	margin: 0 0 15px;
	padding: 0;
	display: block;
	-webkit-box-shadow: 0px 0px 3px #BBBBBB;
	box-shadow: 0px 0px 3px #BBBBBB;
}

.step ol li strong{
	display: block;
	font-size: 130%;
	color: #00A3D9;
	margin: 0 0 10px;
}

/*-----------------------------*/

.bold_blue{
	font-size: 140%;
	color: #00A3D9;
}

.blue_box{
	margin: 0 0 30px;
	padding: 15px 20px;
	background-color: #FFFFFF;
	border: 6px solid #EEEEEE;
}
.blue_box p{
	display: block;
	font-size: 140%;
	color: #00A3D9;
	margin: 0 0 10px;
}
.blue_box ul{
	list-style: disc;
	margin: 0 0 0 1.3em;
}
.blue_box ul li{
	padding: 0 0 5px;
}

.inchou_name{}

.inchou_name strong{
	font-size: 140%;
	color: #00A3D9;
}

.profile{}
.profile table{}
.profile table th{}
.profile table td{
	border-bottom: 1px solid #BBBBBB;
	padding: 10px 0;
}
.profile table tr td:first-child{
	width: 200px;
}

ul.profile{
	list-style: none;
	margin: 0 0 0;
}
ul.profile li{
	border-bottom: 1px solid #BBBBBB;
	list-style-type: none;
	margin: 0 0 0px;
	padding: 10px 0 10px 2.5em;
	background-image: url(../image/common/check.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	background-size: auto 1.7em;
}

ol.profile{
	counter-reset: number; /* 名前を付けたカウンターをリセット */
	list-style: none; /* olが数字を付けることをキャンセル */
}
ol.profile li{
	padding: 10px 0px 10px 2.5em;
	margin: 0;/* リスト部分は好きに装飾！ */
	position: relative;
	border-bottom: 1px solid #BBBBBB;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


ol.profile li:before{
	/* カウンタ（数字になる部分） */
	counter-increment: number; /* 任意の名前を付けて！ */
	content: counter(number); /* 名前を付けたカウンターを呼び出し */
	/* 色を変えたり、背景画像を敷いたり！自由自在！ */	
	border-radius: 50%;
	width: 1.7em;
	line-height: 1.7;
	text-align: center;
	color: #FFFFFF;
	background-color: #00A3D9;
	display: inline-block;
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/*-----------------------------*/



ul.care_menu {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	align-content:flex-start;
	justify-content:flex-start;
	margin: 0 0 15px;
	background-color: #F5F5F5;
	-webkit-box-shadow: 0px 0px 3px #BBBBBB;
	padding: 15px 5px 5px 5px;
	box-shadow: 0px 0px 3px #BBBBBB;
}

ul.care_menu li{
	margin: 0 1% 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 48%;
}
ul.care_menu li a{
	display: block;
	font-size: 20px;
	padding: 10px 30px 10px 20px;
	line-height: 30px;
	background-color: #FFFFFF;
	background-image: url(../image/common/list2.png);
	background-repeat: no-repeat;
	background-position: 98% center;
	background-size: auto 24px;
	color: #212121;
}
ul.care_menu li a:hover{
	color: #00A3D9;
	background-color: #ECFFFF;
}


/*-----------------------------*/


.ryokin{}

.ryokin table{
	width: 100%;
	border: 1px solid #888888;
	margin: 0 0 30px;
	text-align: center;
	font-size: 120%;
}

.ryokin table td{
	border: 1px solid #888888;
	padding: 10px;
	text-align: center;
	vertical-align: middle!important;
	width: 14%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ryokin table td:first-child{
	width: auto;
}


/*-----------------------------*/


.ryokin2{}

.ryokin2 table{
	width: 100%;
	border: 1px solid #888888;
	margin: 0 0 30px;
	text-align: center;
	font-size: 120%;
}

.ryokin2 table td{
	border: 1px solid #888888;
	padding: 10px;
	text-align: center;
	vertical-align: middle!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 33%;
empty-cells: hide;
}
.ryokin2 table td:empty {
	border-right: 1px solid #FFFFFF;
}

.ryokin2 table td:first-child{
	width: auto;
}

/*-------------------------*/

.ryokin .tablepress tfoot th,
.ryokin .tablepress thead th,
.ryokin2 .tablepress tfoot th,
.ryokin2 .tablepress thead th{
  background-color: #E0F3FC;
 	border: 1px solid #888888;
	text-align: center;
}

.ryokin p,
.ryokin2 p{
	white-space: normal;
	margin: 0 0 10px;
	padding: 0;
}

/*-----------------------------*/

.taishou{
    padding: 10px 20px;
    background-color: #E0F3FC;
    overflow: hidden;
}

.taishou ul.check {
	font-size: 130%;
}
.taishou ul.check li{
	background-image: url(../image/common/check.png);
	border-bottom: 1px solid #BBBBBB;
	margin-bottom: 10px;
}

/*-----------------------------*/

.tekiyou{
    padding: 10px 10px;
    overflow: hidden;
    border-radius: 10px;
    border: 3px double #EEEEEE;
    margin: 0 0 10px;
}

.tekiyou ul.check {
	font-size: 130%;
	padding: 0 10px;}

.tekiyou ul.check li{
	border-bottom: 1px solid #BBBBBB;
	margin-bottom: 10px;
}

/*-------------------------*/

.job{}

.job table{
	width: 100%;
	border: 1px solid #888888;
	margin: 0 0 30px;
	text-align: center;
	font-size: 110%;
}

.job table td{
	border: 1px solid #888888;
	padding: 15px 20px;
	text-align: left;
	vertical-align: middle!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.job table td{}


.job table td:first-child{
	background-color: #E0F3FC;
	width: 20%;
	text-align: center;
}

/*-----------------------------*/

.injurybox{}
.injurybox ul{}
.injurybox ul li{
	padding: 15px;
	margin: 0 0 40px;
	-webkit-box-shadow: 0px 0px 5px #DDDDDD;
	box-shadow: 0px 0px 5px #DDDDDD;
}

.injurybox ul li figure{
	width: 20%;
	padding: 20% 0 0;
	position: relative;
	overflow: hidden;
	float: left;
}

.injurybox ul li figure img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
}


.injurybox ul li p{
	margin: 0 0 0 25%;
	color: #000000;
}
.injurybox ul li p:after {
  clear: both;
  content: "";
  display: block;
}

.injurybox ul li p span.more{
	float: right;
	display: block;
	margin: 15px 0 0 20px;
	padding: 5px 10px 5px 10px;
	color: #FFFFFF;
	background-color: #14AE67;
	text-align: center;
}





.injurybox ul li a{
	display:block;
	overflow:hidden;
}

.injurybox ul li h2{
	margin-bottom: 15px	!important;
}


.injurybox ul li a:hover{
	opacity: 0.7;
}



}
