@charset "utf-8";
/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://
 * File name: contents.css
 * Summary:   ページ・コンテンツごとの固有スタイル
 * Author:    CrEa., Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =0    font
 *     =1    home
 *
 * ===============================================================
*/
/** =0
 * ========================================
 * font
 * ========================================
 */

.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
.futogo {font-family: "a-otf-futo-go-b101-pr6n",sans-serif;
}


/** =1
 * ========================================
 * home
 * ========================================
 */
.mainWrap {
	width: 100%;
	padding: 77px 0;
  background: url(../src/image/main.jpg) no-repeat 100%;
  overflow: hidden;
  max-width: 100%;
	background-size: cover;
}
.mainTxt {
	background-color: #22a93e;
	color: #fff;
	padding: 45px;
	width: 510px;
	/*height: 338px;*/
	top: 78px;
	left: 100px;
	filter: alpha(opacity=96);
	-moz-opacity: 0.96;
	opacity: 0.96;
}
.mainTxt .wf-roundedmplus1c {
	line-height: 1.5;
}
.active h3 {
	margin-bottom: 35px;
	margin-left: -20px;
}
.support h3 {
	margin-bottom: 20px;
	margin-left: -20px;
}
.pr10px{
	padding-right: 10px;
}
.active {
	margin-left: 20px;
}
.active li,.support li {
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: .075em;
	display: block;
	line-height: 2.2;
}
.sikakuArrow,
.sankakuArrow {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
.sikakuArrow::before{
	content: "■";
	color: #22a93e;
	position: absolute;
	left: -1.4em;

}
.sankakuArrow::before {
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 5px solid transparent;
    border-left: 6px solid #22a93e;
    position: absolute;
    top: 0.5em;
		left: -1em;
    margin: auto;
    content: "";
}
.support {
	padding: 25px 40px 25px 50px;
	border: 1px solid #cfe85e;
	width: 90%;
}
.linkBtnWrap h3 {
	display: inline-block;
}
.linkBtn {
	display: inline-block;
	margin-left: 5em;
}

header {
	background-color: #22a93e;
	}
.l-header {
	padding: 1em 0;
}
.l-header a {
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
}

.mapImg {
	left: 50%;
	-ms-transform: translateX(-290px);
	-webkit-transform: translateX(-290px);
	transform: translateX(-290px);
}
.mapContents {
		position: relative;
    width: 100%;
    height: auto;
		background: linear-gradient(to left,  rgba(221,244,250,1) 0%,rgba(249,245,236,1) 100%);
		/*background: url(../src/image/map.jpg) no-repeat,linear-gradient(to left,  rgba(221,244,250,1) 0%,rgba(249,245,236,1) 100%);*/
		    /*background-size: 100px 100px;*/

		background-position:center;
    background-size: auto 100%;
    overflow: hidden;
    max-width: 100%;
    clear: both;
		/*padding: 60px 0 135px;*/
}
.mapContents img {
	max-width: none;
}
.rehabilitationContents {
	width: 610px;
}
.rehabili_atami_sankakuArrow::after,
.rehabili_itou_sankakuArrow::after {
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 5px solid transparent;
    position: absolute;
    top: 0.5em;
		right: 0;
    margin: auto;
    content: "";
		top: 70%;
		-ms-transform: translateY(-70%);
		-webkit-transform: translateY(-70%);
		transform: translateY(-70%);
}
.rehabili_atami_sankakuArrow::after{
	border-left: 6px solid #eae43a;
}
.rehabili_itou_sankakuArrow::after {
	border-left: 6px solid #f38ac3;
}
.atami,
.itou {
	padding: 25px;
	background-color: #fff;
}
.atamiTtl,
.itouTtl {
	display: inline-block;
	width: 130px;
	padding: 1% 2%;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	float: left;
}
.atamiTtl { background-color: #eae43a; }
.itouTtl {
	background-color: #f38ac3;
	color: #fff;
 }
.atamiNote,
.itouNote{
	float: right;
	font-weight: bold;
}
.atami ul,
.itou ul {
	display: inline-block;
	letter-spacing: -0.4em;
	float: left;
}

.mapItem {
	letter-spacing: normal;
	vertical-align: bottom;
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	width: 48%;
	position: relative;
	margin-bottom: 10px;
}
.mapItem:nth-child(even){
	margin-left: 4%;
}
.atami dl,
.itou dl {
	margin-left: 35px;
}
.category {
	display: inline-block;
	padding: 0 5px;
	border: 1px solid;
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: bold;
}
.smallName {
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: bold;
}
.default {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}

.circle {
	background-color: red;
	color: #fff;
	position: absolute;
	width: 26px;
  height: 26px;
  line-height: 26px;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
  display: inline-block;
  border-radius: 50%;
  top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.circle2 {
	top: 74%;
}
.atami a,
.itou a {
	display: block;
	position: relative;
}
.atami a:hover,
.itou a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}



/*modal*/


.modal_window .mapItem{
	letter-spacing: normal;
	vertical-align: bottom;
	display: inline-block;
	padding-bottom: 15px;
	border-bottom: none;
	width: 90%;
	position: relative;
}
.modal_window .mapItem:nth-child(even) {
	margin-left: 0;
}
.modal_window .category {
	display: inline-block;
	padding: 0px 20px;
	border: 1px solid;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 5px;
}
.modal_window .category:nth-child(2) {
	margin-left: 1rem;
}
.modal_window .smallName {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: -2px;
}
.modal_window .smallName_irregular {
	margin-bottom: 20px;
}
.modal_window .default {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.modal_window .default_irregular {
	margin-bottom: 0;
}
.modal_window .mapItem2 .category {
	/*margin-bottom: 20px;*/
}
.mapItem2-00 {
	margin-top: 50px;
}
.modal_window .circle {
	background-color: red;
	color: #fff;
	position: absolute;
	width: 35px;
  height: 35px;
  line-height: 35px;
	font-weight: bold;
	font-size: 20px;
	font-size: 2.0rem;
	left: -2%;
}
.modal_Ttl {
	position: relative;
}
.modal_window dl{
	margin-left: 35px;
	text-align: left;
}
.modal_detail dt{
	/*background-color: #e9532e;*/
	display: inline-block;
	padding: 1% 2%;
	color: #fff;
	width: 15%;
	text-align: center;
	border-bottom: 1px solid #fff;
	vertical-align: top;
	position: relative;
	letter-spacing: -.025em;
}
.modal_detail dd{
	display: inline-block;
	padding: 1% 2%;
	width: 75%;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: top;
	letter-spacing: -.025em;
}
.modal_detail dl:first-child dd{
	border-top: 1px solid #e5e5e5;
}
.txt3_ver {
	left: 50%;
  display: inline-block;
  top: 36%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
  transform: translateY(-50%);
  transform: translateX(-50%);
  width: 100%;
	position: absolute;
}
/*addressContents*/
.addressContents {
	margin-top:30px;
	position: relative;
  left: 60px;
}
.addressImg{
	float: left;
	width: 25%;
}
.addressImg img {width: 100%;}
.addressTxt {
	float: left;
	background-color: #e5e5e5;
	margin-left: 10px;
	padding: 15px;
	letter-spacing: .05em;
	width: 60%;
}
.addressTxt1colm{width: 80%;}
.addressTtl {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.addressWrap {
	/*position: relative;*/
}
.addressBox {
	font-size: 14px;
	font-size: 1.4rem;
	float: left;
	/*position: absolute;*/
	/* top: 50%; */
	transform: translateY(50%);
	-webkit- transform:  translateY(50%);
	width: 40%;
	/*margin-top: 10px;*/
}
.addressBox1colm {
	/* top: 50%; */
	transform: translateY(23%);
	-webkit- transform:  translateY(23%);
}
/*.addressBox1colmLong {padding-top: 20px;}*/
.addressTxt1colm .addressBoxRight {
	width: 60%;
}
.addressBox2colm {
	transform: translateY(83%);
	-webkit- transform:  translateY(83%);
}
.addressBoxRight {
	box-sizing: border-box;
	background-color: #fff;
  float: right;
  /*margin-left: 15px;*/
  padding: 10px;
  width: 60%;
  /*position: relative;*/
  /* left: 36%; */
}
.addressTel {
	font-size: 20px;
	font-size: 2.0rem;
	letter-spacing: 0.05em;
	font-weight: bold;
	/*margin-left: 13px;*/
	width: 100%;
}
.addressNote {
	font-size: 11px;
	font-size: 1.1rem;
	letter-spacing: 0.05em;
	text-align: left;
	padding-left: 13px;
	padding-top: 5px;
}
.addressNoteEx {
	padding-left: 0;
	text-align: center;
}
.addressNote.addjust {
	font-size: 1.0rem;
	padding-left: 0;
}
.reception_time {
	font-weight: bold;
}

/*colorSummary*/
.colorSummaryBlue .circle,
.colorSummaryBlue .modal_detail dt {
	background-color: #3875c8;
}
.colorSummaryBlue .category{
	color: #3875c8;
	border-color: #3875c8;
}

.colorSummaryOrange .circle,
.colorSummaryOrange .modal_detail dt {
	background-color: #e9532e;
}
.colorSummaryOrange .category{
	color: #e9532e;
	border-color: #e9532e;
}

.colorSummaryYellow .circle,
.colorSummaryYellow .modal_detail dt {
	background-color: #f5ae15;
}
.colorSummaryYellow .category{
	color: #f5ae15;
	border-color: #f5ae15;
}

.colorSummaryGreen .circle,
.colorSummaryGreen .modal_detail dt {
	background-color: #30aaa7;
}
.colorSummaryGreen .category{
	color: #30aaa7;
	border-color: #30aaa7;
}

dt.yellow {
	border-color: #f5ae15!important;
	color: #f5ae15!important;
 }
dt.orange {
	border-color: #e9532e!important;
	color: #e9532e!important;
 }
dt.green {
	border-color: #30aaa7!important;
	color: #30aaa7!important;
 }
dt.blue {
	border-color: #3875c8!important;
	color: #3875c8!important;
 }

/*color*/
.fc-Blue {color: #3875c8;}
.fc-Orange {color: #e9532e;}
.fc-Yellow {color: #f5ae15;}
.fc-Green {color: #30aaa7;}
.bgc-Blue {background-color: #3875c8;}
.bgc-Orange{background-color: #e9532e;}
.bgc-Yellow {background-color: #f5ae15;}
.bgc-Green {background-color: #30aaa7;}

/*small_font*/
.small_fs14 {
	font-size: 14px;
	font-size: 1.4rem;
}
.small_fs12 {
	font-size: 12px;
	font-size: 1.2rem;
}
.ls00 { letter-spacing: 0; }
.ls02 { letter-spacing: .02em; }
.ls05 { letter-spacing: .05em; }
.ls075 { letter-spacing: .075em; }
.ls10 { letter-spacing: .1em; }
.ls15 { letter-spacing: .15em; }
.ls20 { letter-spacing: .2em; }
.ls-025 { letter-spacing: -.025em; }
.ls-05 { letter-spacing: -.05em; }
.ls-075 { letter-spacing: -.075em; }
.ls-10 { letter-spacing: -.1em; }
.ls-20 { letter-spacing: -.2em; }
.ls-40 { letter-spacing: -0.4em; }

.fs10 { font-size: 10px; font-size: 1.0rem; }
.fs11 { font-size: 11px; font-size: 1.1rem; }
.fs12 { font-size: 12px; font-size: 1.2rem; }
.fs13 { font-size: 13px; font-size: 1.3rem; }
.fs14 { font-size: 14px; font-size: 1.4rem; }
.fs15 { font-size: 15px; font-size: 1.5rem; }
.fs16 { font-size: 16px; font-size: 1.6rem; }
.fs18 { font-size: 18px; font-size: 1.8rem; }
.fs19 { font-size: 19px; font-size: 1.9rem; }
.fs20 { font-size: 20px; font-size: 2.0rem; }
.fs21 { font-size: 21px; font-size: 2.1rem; }
.fs22 { font-size: 22px; font-size: 2.2rem; }
.fs23 { font-size: 23px; font-size: 2.3rem; }
.fs24 { font-size: 24px; font-size: 2.4rem; }
.fs25 { font-size: 25px; font-size: 2.5rem; }
.fs26 { font-size: 26px; font-size: 2.6rem; }
.fs28 { font-size: 28px; font-size: 2.8rem; }
.fs30 { font-size: 30px; font-size: 3.0rem; }
.fs32 { font-size: 32px; font-size: 3.2rem; }
.fs33 { font-size: 33px; font-size: 3.3rem; }
.fs35 { font-size: 35px; font-size: 3.5rem; }
.fs36 { font-size: 36px; font-size: 3.6rem; }
.fs40 { font-size: 40px; font-size: 4.0rem; }
.fs46 { font-size: 46px; font-size: 4.6rem; }
.fs60 { font-size: 60px; font-size: 6.0rem; }

footer {
	height: 63px;
	background-color: #859588;
}
.copy {
	padding: 2% 0;
	color: #fff;
}
.txtCenter {
	text-align: center;
}
.closeBtn {
  background-color: #22a93e;
  display: inline-block;
  width: 200px;
  border-radius: 3px;
  margin-top: 20px;
}
.closeBtn a{
  padding: 10px 70px;
  display: block;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
}
.closeBtn a:hover {
filter: alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.open {
	display: none;
}
.modal_window {
	padding: 5% ;
}
#cboxLoadedContent {
	border: none;
	text-align: center;
}


.spBtnWrap {
	text-align: center;
	display: inline-block;
}
.spBtnWrap a {
	border: 1px solid #000;
	padding: 1em 1.5em 1em 2.5em;
  margin: auto;
	display: block;
}
.spLink {
	position: relative;
	left: -.5em;
}


/** =2
 * ========================================
 * activ
 * ========================================
 */
.active li { position: relative;}
.active .activTxt {
	position: absolute;
  /* top: 50%; */
  /* transform: translateY(-50%); */
}
.active .activTxt.left { left: 0;}
.active .activTxt.right { right: 0;}



/** =1.5
 * ========================================
 * accessCounterPc
 * ========================================
 */
.accessCounterPc .counterTtl {
 font-size: 1.6rem;
}
.accessCounterPc .countUnit {
 font-size: 1.6rem;
}
.accessCounterPc {
 background-color: #fff;
 padding: 2rem;
 border: 3px solid #22a93e;
 display: inline-block;
 position: fixed;
 bottom: 10px;
 right: 10px;
 z-index: 10;
}
.accessCounterPc span {
 font-weight: bold;
}
nobr {
	position: relative;
	top: -1rem;
}