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

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



/** =1
 * ========================================
 * home
 * ========================================
 */

#home .service{
	width: 582px;/*582*/
	padding: 20px;
	background: #fff;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}
#home .service ul{
	margin-left: -10px;
	margin-bottom: 39px;
}
#home .service li{
	float: left;
	margin-left: 9px;
	border-bottom: 1px dotted #aaa;
}
#home .service li img{
	margin-bottom: 5px;
}
#home .service li span{
	display: inline-block;
	margin-right: 5px;
}
#home .service li .fs6{
	vertical-align: middle;
}
#home .service li a{
	padding-bottom: 18px;
	vertical-align: middle;
}

#home .service .absolute,
#home .news .absolute{
	right: 20px;
	bottom: 20px;
}

#home .news{
	width: 582px;/*582*/
	padding: 20px;
	background: #fff;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

#home .news dt{
	float: left;
	padding: 10px 0;
	color: #e87c7b;
}
#home .news dd{
	padding: 10px 0 10px 100px;
	border-bottom: 1px dotted #aaa;
}


	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 735px) {
		
		#home .l-main .flo_left{
			margin-bottom: 10px;
		}
		#home .l-main .flo_left.imgBnr,
		#home .l-main .flo_right.imgBnr{
			float: none;
			text-align: center;
		}
		#home .l-main .flo_left img,
		#home .l-main .flo_right img{
			width: 100%;
		}
		#home .l-main .flo_left.imgBnr img,
		#home .l-main .flo_right.imgBnr img{
			max-width: 383px;
		}
		#home .l-main .flo_left .mb15,
		#home .l-main .flo_right .mb15{
			margin-bottom: 10px;
		}
		#home .service{
			width: 100%;
			padding: 5%;
		}
		#home .service .spInBlock img{
			height: 31px;
			width: auto;
		}
		#home .service ul{
			margin-bottom: 0;
		}
		#home .service li.fs20:last-child{
			margin-bottom: 0;
		}
		
		#home .news{
			width: 100%;
			padding: 5%;
		}
		#home .news .spInBlock img{
			height: 31px;
			width: auto;
		}
		#home .news .absolute{
			right: 10px;
			top: 10px;
		}
		#home .news .spInBlock.absolute img{
			width: 110px;
			height: auto;
		}
		#home .news dl{
			margin-bottom: 0;
		}
		#home .news dt{
			float: none;
			padding: 10px 0 0;
		}
		#home .news dd{
			padding: 0 0 10px;
		}
	}


	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 499px) {
		#home .service li.fs20{
			margin-bottom: 10px;
			margin-left: 10px;
			font-size:16px; font-size: 1.6rem;
		}
	}
	
	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 500px) and (max-width: 959px){
		#home .service li.fs20{
			margin-bottom: 10px;
			margin-left: 10px;
			width: 48%;
		}
	}

	@media screen and (orientation: landscape) {
		#home .service li.fs20{
			font-size:16px; font-size: 1.6rem;
		}
	}


#home h3{
	border-bottom: 1px solid #b6100e;
	background-color: transparent;
	padding: 0;
}
#home h3 span{
	background: #b6100e;
	padding: 5px 20px;
}
#home h4{
	padding: 0;
	border-bottom: none;
}
#home h4 span{
	background: #777777;
	padding: 3px 10px 5px;
}
#home .access .flo_left{
	width: 100%;
	max-width: 582px;
	max-height: 368px;
}
#home .access dd{
	padding-left: 610px;
}

#home .map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}
 
#home .map iframe,
#home .map object,
#home .map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {
			#home h3.fs20{
				font-size: 18px;
				font-size: 1.8rem;
			}
			#home h3 span{
				padding: 5px;
			}
			#home .access .flo_left{
				margin-bottom: 15px;
			}
			#home .access dd{
				padding-left: 0;
			}
		}




/** =2
 * ========================================
 * about
 * ========================================
 */

#about .service{
	padding: 20px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

#about .service dd{
	padding-left: 230px;
}
#about .service dd .border{
	padding-bottom: 5px;
	border-bottom: 1px dotted #555555;
}
#about .service dd .border span{
	vertical-align: middle;
}

#about .gallery{
	margin-left: -10px;
}
#about .gallery li{
	float: left;
	margin: 0 0 10px 10px;
}

#about .director dd{
	padding-left: 250px;
}


#about .access .flo_left{
	width: 100%;
	max-width: 410px;
	height: 430px;
}
#about .access dd{
	padding-left: 450px;
}

#about .map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 100%;
	overflow: hidden;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}
 
#about .map iframe,
#about .map object,
#about .map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {
			#about .service{
				padding: 10px;
			}
			#about .service dl.mb20{
				margin-bottom: 20px;
			}
			#about .service dt.flo_left{
				float: none;
				margin-bottom: 10px;
			}
			#about .service dd{
				padding-left: 0;
			}

			#about .director dt.flo_left{
				float: none;
				margin-bottom: 10px;
			}
			#about .director dd{
				padding-left: 0;
			}

			#about .access .flo_left{
				float: none;
				height: auto;
				margin-bottom: 10px;
			}
			#about .access dd{
				padding-left: 0;
			}
		}


/** =3
 * ========================================
 * service
 * ========================================
 */

#service .categoryLink{
	width: 430px;	
}
#service .categoryLink li{
	float: left;
	width: 205px;
	margin: 0 0 10px 10px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #aaaaaa;
}
#service .categoryLink li a{
	display: block;
}

	/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {
			#service h2.flo_left{
				float: none;
			}
			#service h2.mb40{
				margin-bottom: 15px;
			}
			#service .categoryLink.flo_right{
				float: none;
				width: auto;
				margin-bottom: 8px;	
			}
			#service .categoryLink .fs15{
				font-size:14px;
				font-size: 1.4rem;
			}
			#service .categoryLink li{
				float: none;
				width: auto;
				margin: 0 0 2px 0;
				padding: 0 5px 2px;
			}
			#service h5.mb30{
				margin-bottom: 5px;
			}
		}

/*-- #service共通 --*/

#service .text{
	width: 520px;
}
#service .photo ul.flo_right{
	width: 300px;
}

	/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {
			#service .text{
                width: 100%;
            }
			#service .photo.mb30{
				margin-bottom: 15px;
			}
			#service .photo ul.flo_right{
				float: none;
				width: 100%;
				margin-bottom: 20px;
			}
			#service .photo ul.flo_right img{
				width: 100%;
			}
			#service .photo li{
				padding-right: 0;
			}
			#service .photo ul.flo_right li.txt_center img{
				max-height: 300px;
				width: auto;
			}
		}

/*-- .dayservice --*/

#service.dayservice .photo dd{
	padding-right: 360px;
}

#service.dayservice table{
	width: 100%;
	border: 1px solid #629269;
	/*border: 1px solid #96c19c;*/
}
#service.dayservice table th,
#service.dayservice table td{
	padding: 8px;
	border: 1px solid #629269;
	/*border: 1px solid #96c19c;*/
	vertical-align: middle;
}
#service.dayservice table th{
	color: #fff;
	background: #629269;
	/*background: #96c19c;*/
	border-top: 1px solid #fff;
}
#service.dayservice table th.bottomWhite{
	border-bottom: 1px solid #fff;
}
#service.dayservice table td{
	text-align: center;
}
#service.dayservice table.tablePatern1 td{ width: 13%;}
#service.dayservice table.tablePatern1 td.td01{ width: 22%;}
#service.dayservice table.tablePatern2 th{ width: 35%;}
#service.dayservice table.tablePatern2 td.td01{ width: 42%;}
#service.dayservice table.tablePatern2 td.td02{ width: 42%;}
#service.dayservice table.tablePatern3 td.td01{ width: 48%;}
#service.dayservice table.tablePatern3 td.td02{ width: 52%;}


	/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {
			
			#service.dayservice .photo.mb30{
				margin-bottom: 15px;
			}
			#service.dayservice .photo dt.flo_right{
				float: none;
				margin-bottom: 10px;
			}
			#service.dayservice .photo dt.flo_right img{
				width: 100%;
			}
			#service.dayservice .photo dd{
				padding-right: 0;
			}
			#service.dayservice .photo dd .fs18.mb15{
				margin-bottom: 5px;
				font-size:15px;
				font-size: 1.5rem;
			}
			#service.dayservice h5.fs18.mb20{
				margin-bottom: 0;
				font-size:15px;
				font-size: 1.5rem;
			}
			
			#service.dayservice .tableWrap{
				overflow-x: scroll;
			}
			#service.dayservice table{
				width: auto;
			}
			#service.dayservice table th,
			#service.dayservice table td{
				white-space: nowrap;
			}
		}


/*-- .personal --*/
#service.personal .phoneArea{
	max-width: 466px;
	margin: 0 auto;
}
#service.personal .phoneArea img{
		width: 100%;
}


	/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {
		}



/*-- .visit --*/

#service.visit .map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 100%;
	overflow: hidden;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}
 
#service.visit .map iframe,
#service.visit .map object,
#service.visit .map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#service.visit table{
	width: 100%;
}
#service.visit table th,
#service.visit table td{
	padding: 8px;
	border: 1px solid #629269;
	/*border: 1px solid #96c19c;*/
	vertical-align: middle;
}
#service.visit table th{
	color: #fff;
	background: #629269;
	/*background: #96c19c;*/
	border-top: 1px solid #fff;
}
#service.visit table th.bottomWhite{
	border-bottom: 1px solid #fff;
}
#service.visit table td{
	text-align: center;
}
#service.visit table td.td01{
	text-align: left;
}

#service.visit .phoneArea{
	max-width: 466px;
	margin: 0 auto;
}
#service.visit .phoneArea img{
	width: 100%;
}



	/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {
			#service.visit .flo_left .mincho.mb15{
				margin-bottom: 5px;
			}
			#service.visit .tableWrap{
				overflow-x: scroll;
			}
			#service.visit table{
				width: auto;
			}
			#service.visit table th,
			#service.visit table td{
				white-space: nowrap;
			}
		}




/*-- .maternal --*/

	/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {

			#service.maternal .photo .flo_left img{
				width: 100%;
			}
			#service.maternal .photo dd .fs18.mb15{
				margin-bottom: 5px;
				font-size:15px;
				font-size: 1.5rem;
			}
            #service.maternal .fs20{
                font-size:15px; font-size: 1.5rem;
            }
		}


/** =4
 * ========================================
 * voice
 * ========================================
 */

/*-- .list (blog.listと共有)--*/

.list .voiceList{
	margin-left: -12px;
	display: -webkit-box;
    display: -webkit-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list .voiceList li{
	display: block;
	width: 280px;
	/*height: 350px;*/
	margin: 0 0 20px 12px;
	border-bottom: 1px dotted #aaaaaa;
}
.list .voiceList img.horizontally_long{
	max-width: 100%;
}
.list .voiceList img.vertically_long{
	max-height: 210px;
}
.list .voiceList .text{
	padding: 15px 10px;
}

	/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {
			.list .voiceList{
				margin-left: 0;
			}
			.list .voiceList li{
				width: 100%;
				height: auto;
				margin: 0 0 20px 0;
			}
		}


/*-- .detail --*/

#voice.detail .mainVoice dt{
	width: 420px;
}
#voice.detail .mainVoice dt img.horizontally_long{
	max-width: 100%;
}
#voice.detail .mainVoice dt img.vertically_long{
	max-height: 315px;
}
#voice.detail .mainVoice dd{
	padding-left: 450px;
}

#voice.detail .rehabili li{
	width: 320px;
}
#voice.detail .rehabili li img{
	width: 100%;
}
#voice.detail .rehabili .text{
	width: 520px;
}

	/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {
            #voice.detail .mainVoice dt {
                width: 100%;
            }
            #voice.detail .mainVoice dt.flo_left {
                float: none;
                margin-bottom: 20px;
            }
            #voice.detail .voiceTitle .flo_right {
                float: none;
            }
            #voice.detail .rehabili .flo_right {
                float: none;
            }
            #voice.detail .mainVoice dd {
                padding-left: 0;
            }
            #voice.detail .rehabili li, #voice.detail .rehabili .text {
                width: 100%;
            }
            #voice.detail .rehabili .flo_left {
                float: none;
            }
        }



/** =5
 * ========================================
 * blog
 * ========================================
 */

.detail .title dd{
	padding-bottom: 15px;
	border-bottom: 1px dotted #aaaaaa;
}

.detail .mainVisual img{
	width: 100%;
}
.detail .subVisual img{
	max-width: 70%;
}

	/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {
			.detail .subVisual img{
				max-width: 100%;
			}
		}

/** =6
 * ========================================
 * news
 * ========================================
 */

#news.list .newsList li{
	padding-bottom: 20px;
	border-bottom: 1px dotted #aaaaaa;
}


/** =7
 * ========================================
 * contact
 * ========================================
 */

/*--.form--*/

#contact.form .telFaxNumber > li{
	margin: 0 25px;
}
#contact.form .telFaxNumber > li.fax{
	margin-bottom: 9px;
}
#contact.form .telFaxNumber > li li{
	margin: 0 5px;
}
#contact.form .telFaxNumber > li li.txt{
	margin-top: 18px;
}
#contact.form .telFaxNumber > li li.number{
	margin-top: 18px;
}

	/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {
			#contact.form .telFaxNumber ul{
				text-align: center;
			}
			#contact.form .telFaxNumber > li{
				margin: 0 10px;
			}
			#contact.form .telFaxNumber > li.tel{
				margin-bottom: 5px;
			}
			#contact.form .telFaxNumber > li.fax{
				margin-bottom: 0;
			}
			#contact.form .telFaxNumber > li li{
				margin: 0;
			}
			
			#contact.form .telFaxNumber > li li.flo_left{
				display: inline-block;
				float: none;
			}
			#contact.form .telFaxNumber > li li.number{
				display: block;
				text-align: center;
			}
			#contact.form .telFaxNumber > li li.number.lh06{
				margin-top: 12px;
				line-height: 0.8;
			}
		}


/*--フォーム部分--*/

#contact form dt{
	float: left;
	padding-top: 6px;
}
#contact form dd{
	padding-left: 215px;
	margin-bottom: 15px;
}
#contact form dd .txt,
#contact form dd textarea,
#contact form dd select{
	width: 98%;
	padding: 6px;
	border: 1px solid #629269;
	/*border: 1px solid #87b68e;*/
}
#contact form dd .txt.short,
#contact form dd select.short{
	width: 50%;
}
#contact form dd.radio{
	padding-top: 7px;
}
#contact.confirm form dd{
	padding-top: 7px;
}

	/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {
			#contact form dt{
				float: none;
				padding-top: 0;
			}
			#contact form dd{
				padding-left: 0;
				margin-bottom: 15px;
			}
			#contact form dd .txt,
			#contact form dd textarea,
			#contact form dd select{
				width: 96%;
				padding: 3px;
				font-size: 16px;
				font-size: 1.6rem;
			}
			#contact form dd select.short{
				width: 96%;
			}
		}

/** =8
 * ========================================
 * faq
 * ========================================
 */

#faq .faq dt {
    display: list-item;
    margin-left: 15px;
    list-style: square;
}
#faq .faq dd {
    padding-bottom: 20px;
    border-bottom: 1px #aaaaaa dotted;
    padding-left: 15px;
}

#faq #facility,
#faq #fee{
	display: none;
}


/** =9
 * ========================================
 * recruit
 * ========================================
 */

#recruit .left_side {
    width: 320px;
}
#recruit .left_side img.horizontally_long {
    width: 100%;
}
#recruit .left_side img.vertically_long {
    max-height: 210px;
}
#recruit .right_side {
    width: 505px;
}
#recruit table {
    width: 100%;
}
#recruit th, 
#recruit td{
    padding: 15px;
    border: 1px solid #629269;
    /*border: 1px solid #96c19c;*/
}
#recruit th {
    width: 95px;/*120*/
    color: #629269;
    /*color: #96c19c;*/
    vertical-align: top;
}

	/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 735px) {
	        #recruit .tableWrapper .flo_left,
			#recruit .tableWrapper .flo_right {
	            float: none;
	        }
	        #recruit .tableWrapper .left_side {
	            width: 100%;
	        }
	        #recruit .tableWrapper .right_side {
	            width: 100%;
	        }
	        #recruit th,
			#recruit td {
	            padding: 0;
	            display: block;
	        }
	        #recruit th {
	            margin-bottom: 5px;
	            text-align: center;
	        }
	        #recruit td {
	            border: none;
	            margin-bottom: 20px;
	        }
	        #recruit .contactArea {
	            border: 1px solid #b6100e;
	            padding: 10px;
	        }
	        #recruit .contactArea .mailBtn {
	            background: black;
	        }
	        #recruit .contactArea .mailBtn a {
	            display: block;
	            padding: 2px 0 3px 0;
	        }
	    }


/** =10
 * ========================================
 * equipment
 * ========================================
 */

#equipment .photo_area li {
    width: 32%;
    margin: 0 0.6px;
}
#equipment .photo_area li div {
    display: table-cell;
    vertical-align: middle;
    height: 280px;
    width: 275px;
    text-align: center;
}
#equipment .wide_img {
    width: 100%;
	height: auto;
}
#equipment .tall_img {
    height: 100%;
	width: auto;
}

    @media screen and (max-width: 735px) {
        #equipment .photo_area li {
            width: 100%;
            margin: 0 0 10px;
		}
		#equipment .collage img{
			width: 100%;
		}
		#equipment .photo_area li div {
		    display: block;
			height: auto;
			width: 100%;
		}
		#equipment .tall_img {
			height: auto;
			width: auto;
		    max-height: 280px;
		}
		#equipment .wide_img {
			height: auto;
			width: auto;
			max-width: 275px;
		}
    }





/** =11
 * ========================================
 * privacy
 * ========================================
 */

@media screen and (max-width: 735px) {
	#privacy h2 {
		margin-bottom: 15px;
		margin-top: -2px;
	}
	#privacy h2 img {
		width: 100%;
		height: auto;
	}
	
}









/* 
==========================================
==========================================
インタビュー（一覧）
==========================================
==========================================
 */
 
 #interviews {
	 margin: 0;
	 padding: 0;
	 list-style: none;
 }
 #interviews li {
	 width: 100%;
	 overflow: hidden;
	 margin: 0 0 40px;
	 padding: 0 0 40px;
	 border-bottom: 1px dotted #CCC;
 }
 #interviews li h4 {
	 margin: 0 0 20px;
	 padding: 0;
	 font-size: 24px;
	 border-bottom: 0;
 }
 #interviews li div.leftBox {
	 width: 460px;
	 margin: 0;
	 padding: 0;
	 display: inline;
	 float: left;
	 background-color: #f3f3f3;
	 position: relative;
 }
#interviews li div.leftBox a img.pic {
	margin: 0 auto;
	display: block;
	transition: 0.1s linear;
}
#interviews li div.leftBox a:hover img.pic {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#interviews li div.leftBox p {
	padding: 0 20px;
	color: #FFF;
	font-size: 14px;
	background-color: #b6100e;
	position: absolute;
	top: 0;
	left: 0;
}
#interviews li div.leftBox a img.btn {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: none;
	transition: 0.1s linear;
}
#interviews li div.leftBox a:hover img.btn {
	display: block;
}
 #interviews li div.rightBox {
	 width: 418px;
	 margin: 0 0 0 20px;
	 padding: 0;
	 display: inline;
	 float: left;
 }
 #interviews li div.rightBox p.cc {
	 font-size: 22px;
	 line-height: 1.3;
 }
 #interviews li div.rightBox a {
	 display: block;
	 color: #555;
	 position: relative;
	 transition: 0.1s linear;
 }
 #interviews li div.rightBox a img.btn {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: none;
	transition: 0.1s linear;
}
#interviews li div.rightBox a:hover img.btn {
	display: block;
}
 #interviews li div.rightBox a:hover dl {
	 opacity: 0.7;
	 filter: alpha(opacity=70);
	 -ms-filter: "alpha( opacity=70 )";
 }
 #interviews li div.rightBox dl {
	 margin: 15px 0 0;
	 padding: 10px;
	 border: 1px solid #CCC;
	 position: relative;
	 transition: 0.1s linear;
 }
 #interviews li div.rightBox dl dt {
	 margin: 0;
	 padding: 0 20px;
	 position: absolute;
	 top: 0;
	 left: 0;
	 color: #FFF;
	 font-size: 14px;
	 background-color: #0e8b25;
 }
 #interviews li div.rightBox dl dd {
	 overflow: hidden;
	 margin: 0;
	 padding: 0;
 }
 #interviews li div.rightBox dl dd span.text {
	 width: 286px;
	 margin: 22px 0 0;
	 display: inline-block;
 }
 #interviews li div.rightBox dl dd span.photo {
	 width: 90px;
	 margin: 0;
	 text-align: center;
	 line-height: 1.3;
	 display: inline-block;
	 float: right;
 }
 #interviews li div.rightBox dl dd span.photo img {
	 margin: 0 0 5px;
	 display: block;
 }
 
 @media screen and (max-width: 980px) {
	 #interviews li div.leftBox {
		 margin: 0 auto;
		 display: block;
		 float: none;
	 }
	 #interviews li div.rightBox {
		 width: 100%;
		 margin: 20px 0 0;
		 display: block;
		 float: none;
	 }
	 #interviews li div.rightBox dl dd span.text {
		 width: 75%;
	 }
}

 @media screen and (max-width: 500px) {
	 #interviews li div.leftBox {
		 width: 100%;
	 }
	 #interviews li div.leftBox img.pic {
		 width: 100%;
		 height: auto;
	 }
	 #interviews li div.rightBox dl dd {
		 padding: 30px 0 0;
	 }
	 #interviews li div.rightBox dl dd span.photo {
		 display: block;
		 float: none;
	 }
	 #interviews li div.rightBox dl dd span.photo img {
		 margin: 0 auto 5px;
	 }
	 #interviews li div.rightBox dl dd span.text {
		 width: 100%;
	 }
}
 
 
/* 
==========================================
==========================================
インタビュー（詳細）
==========================================
==========================================
 */
 
 #pdBox,
 #tdBox {
	 overflow: hidden;
	 margin: 0;
	 padding: 0 0 30px;
	 position: relative;
 }
 #pdBox p.hl,
 #tdBox p.hl {
	 width: 300px;
	 height: 300px;
	 margin: 0;
	 padding: 58px 0 0;
	 box-sizing: border-box;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: 2;
 }
 #pdBox p.hl {
	 background-color: #b6100e;
 }
 #tdBox p.hl {
	 background-color: #0e8b25;
 }
 #pdBox p.hl span,
 #tdBox p.hl span {
	 font-family: "Arial Black", Arial, Helvetica, sans-serif
 }
 #pdBox p.date,
 #pdBox p.name,
 #tdBox p.date,
 #tdBox p.name {
	 width: 548px;
	 display: inline;
	 float: right;
 }
 #pdBox p.date,
 #tdBox p.date {
	 margin: 20px 0 0;
 }
 #pdBox p.name,
 #tdBox p.name {
	 margin: 0 0 40px;
 }
 #pdBox p.cc,
 #tdBox p.cc {
	 margin: 0 20px;
	 padding: 0 25px;
	 clear: both;
	 position: relative;
 }
 #pdBox p.cc:before,
 #pdBox p.cc:after,
 #tdBox p.cc:before,
 #tdBox p.cc:after {
	 content: '"';
	 font-size: 40px;
	 position: absolute;
	 top: 15px;
	 color: #CCC;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 line-height: 0;
 }
 #pdBox p.cc:before,
 #tdBox p.cc:before {
	 left: 0;
 }
 #pdBox p.cc:after,
 #tdBox p.cc:after {
	 right: 0;
 }
 #pdBox div.mainPic,
 #tdBox div.mainPic {
	 margin: 0 0 30px;
	 float: right;
	 position: relative;
	 z-index: 1;
	 background-color: #f3f3f3;
 }
 
 
  @media screen and (max-width: 925px) {
		 #pdBox p.hl,
		 #tdBox p.hl {
			 width: 100%;
			 height: auto;
			 padding: 20px 0 0;
			 position: relative;
			 top: auto;
			 left: auto;
		 }
		 #pdBox p.date,
		 #pdBox p.name,
		 #tdBox p.date,
		 #tdBox p.name {
			 width: 100%;
			 display: block;
			 float: none;
		 }
		 #pdBox div.mainPic,
		 #tdBox div.mainPic {
			 float: none;
		 }
	}
	
	
	@media screen and (max-width: 640px) {
		 #pdBox div.mainPic,
		 #tdBox div.mainPic {
			 width: 100%;
		 }
		 #pdBox div.mainPic img,
		 #tdBox div.mainPic img {
			 width: 100%;
			 height: auto;
		 }
	}




/*----------------------------------------
------------------------------------------
パーキンソン病専門リハビリ
------------------------------------------
----------------------------------------*/

/*-- #intro --*/
#service.triadTraining #intro {
	min-height: 650px;
	margin: -36px 0 0;
	padding: 60px 0 0;
	background-image: url("../src/image/service/triad/bgImg01.jpg");
	background-position: top right;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#service.triadTraining #intro h4 {
	padding: 0;
	border-bottom: none;
}
#service.triadTraining #intro h4 span {
	display: block;
}
#service.triadTraining #intro p.txt {
	width: 60%;
	margin: 40px 0 0;
	-webkit-text-shadow: 0 0 5px rgba(255,255,255,1), 1px 0 5px rgba(255,255,255,1), 0 1px 5px rgba(255,255,255,1), -1px 0 5px rgba(255,255,255,1), 0 -1px 5px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1), 1px 0 5px rgba(255,255,255,1), 0 1px 5px rgba(255,255,255,1), -1px 0 5px rgba(255,255,255,1), 0 -1px 5px rgba(255,255,255,1);
	-moz-text-shadow: 0 0 5px rgba(255,255,255,1), 1px 0 5px rgba(255,255,255,1), 0 1px 5px rgba(255,255,255,1), -1px 0 5px rgba(255,255,255,1), 0 -1px 5px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1), 1px 0 5px rgba(255,255,255,1), 0 1px 5px rgba(255,255,255,1), -1px 0 5px rgba(255,255,255,1), 0 -1px 5px rgba(255,255,255,1);
	text-shadow: 0 0 5px rgba(255,255,255,1), 1px 0 5px rgba(255,255,255,1), 0 1px 5px rgba(255,255,255,1), -1px 0 5px rgba(255,255,255,1), 0 -1px 5px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1), 1px 0 5px rgba(255,255,255,1), 0 1px 5px rgba(255,255,255,1), -1px 0 5px rgba(255,255,255,1), 0 -1px 5px rgba(255,255,255,1);
}
#service.triadTraining #intro p.txt span {
	margin: 0 0 10px;
	display: block;
}
#service.triadTraining #intro dl {
	width: 800px;
	margin: 40px 0 0;
	padding: 0;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid #b6100e;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
#service.triadTraining #intro dl dt {
	width: 100px;
	height: 100px;
	margin: 0;
	padding: 40px 0 0;
	position: absolute;
	top: -20px;
	right: -20px;
	background-color: #b6100e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#service.triadTraining #intro dl dd {
	margin: 0;
	padding: 30px;
}
#service.triadTraining #intro dl dd ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
#service.triadTraining #intro dl dd ol li {
	margin: 0 0 28px;
	padding: 0 0 0 40px;
	list-style: none;
	position: relative;
}
#service.triadTraining #intro dl dd ol li:last-child {
	margin: 0;
}
#service.triadTraining #intro dl dd ol li:before {
	content: '';
	width: 25px;
	height: 19px;
	position: absolute;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px 19px;
}
#service.triadTraining #intro dl dd ol li:nth-child(1):before {
	background-image: url("../src/image/service/triad/num01.svg");
}
#service.triadTraining #intro dl dd ol li:nth-child(2):before {
	background-image: url("../src/image/service/triad/num02.svg");
}
#service.triadTraining #intro dl dd ol li:nth-child(3):before {
	background-image: url("../src/image/service/triad/num03.svg");
}
#service.triadTraining #intro dl dd ol li:nth-child(4):before {
	background-image: url("../src/image/service/triad/num04.svg");
}

@media screen and (max-width: 735px) {
	#service.triadTraining #intro {
		min-height: auto;
		margin: -21px 0 0;
		padding: 100px 0 0;
		background-position: top right;
		background-size: contain;  
	}
	#service.triadTraining #intro h4 {
		margin: 0 0 0 10px;
	}
	#service.triadTraining #intro p.txt {
		width: calc(100% - 20px);
		margin: 40px 10px 0;
	}
	#service.triadTraining #intro dl {
		width: calc(100% - 20px);
		margin: 40px 10px 0;
	}
	#service.triadTraining #intro dl dd {
		padding: 30px 10px;
	}
}

/*-- KiyoリハビリPROSのトライアッドトレーニング
------------------------------------------------------*/
#service.triadTraining #about {
	margin: 70px 0 0;
	padding: 0;
}
#service.triadTraining #about h4 {
	margin: 0 0 35px;
	padding: 0 15px 10px;
}
#service.triadTraining #about p.main span {
	display: inline-block;
}
#service.triadTraining #about p.main span:nth-of-type(1)::first-letter,
#service.triadTraining #about p.main span:nth-of-type(2)::first-letter,
#service.triadTraining #about p.main span:nth-of-type(4)::first-letter {
	color: #b6100e;
}
#service.triadTraining #about p.main span strong {
	margin: 5px 0 0;
	display: block;
}
#service.triadTraining #about p.cc {
	margin: 10px 0 0;
}
#service.triadTraining #about p.txt {
	margin: 20px 0 0;
}

@media screen and (max-width: 735px) {
	#service.triadTraining #about {
		margin: 70px 10px 0;
	}
	#service.triadTraining #about p.main {
		font-size: 36px;
	}
	#service.triadTraining #about p.cc {
		font-size: 24px;
	}
}

/*-- .detail --*/
#service.triadTraining #about div.detail {
	margin: 40px 0 0;
	padding: 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	background-color: #f8f8f5;
	background-image: url("../src/image/service/triad/bgImg02.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;  
}
#service.triadTraining #about div.detail dl {
	width: calc(100% - 314px);
	margin: 0;
	padding: 0;
}
#service.triadTraining #about div.detail dl dt {
	margin: 0 0 8px;
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
#service.triadTraining #about div.detail dl dt:nth-of-type(1) {
	color: #81b0c5;
}
#service.triadTraining #about div.detail dl dt:nth-of-type(2) {
	color: #15c16e;
}
#service.triadTraining #about div.detail dl dt:nth-of-type(3) {
	color: #d4b81b;
}
#service.triadTraining #about div.detail dl dt span:first-of-type {
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#service.triadTraining #about div.detail dl dt:nth-of-type(1) span:first-of-type {
	background-color: #81b0c5;
}
#service.triadTraining #about div.detail dl dt:nth-of-type(2) span:first-of-type {
	background-color: #15c16e;
}
#service.triadTraining #about div.detail dl dt:nth-of-type(3) span:first-of-type {
	background-color: #d4b81b;
}
#service.triadTraining #about div.detail dl dt span:last-of-type {
	width: calc(100% - 70px);
	margin: 0 0 0 10px;
}
#service.triadTraining #about div.detail dl dt span strong {
	display: block;
}
#service.triadTraining #about div.detail dl dd {
	margin: 0 0 20px;
	padding: 0;
}
#service.triadTraining #about div.detail dl dd:last-of-type {
	margin: 0;
}

@media screen and (max-width: 735px) {
	#service.triadTraining #about div.detail {
		padding: 10px 10px 400px;
		display: -webkit-block;
		display: -moz-block;
		display: -ms-block;
		display: -o-block;
		display: block;
		background-position: bottom left;
		background-size: 700px 388px;  
	}
	#service.triadTraining #about div.detail img {
		margin: 0 auto;
		display: block;
	}
	#service.triadTraining #about div.detail dl {
		width: 100%;
		margin: 20px 0 0;
	}
}

/*-- .outline --*/
#service.triadTraining #about dl.outline {
	margin: 30px 0 0;
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#service.triadTraining #about dl.outline dt {
	width: 280px;
	height: 220px;
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	background-color: #b6100e;
	position: relative;
}
#service.triadTraining #about dl.outline dt:after {
	content: '';
	position: absolute;
	top: 0;
	right: -48px;
	border-top: 110px solid transparent;
	border-right: 24px solid transparent;
	border-bottom: 110px solid transparent;
	border-left: 24px solid #b6100e;	
}
#service.triadTraining #about dl.outline dd {
	width: calc(100% - 330px);
	margin: 0 0 0 50px;
	padding: 0;
}
#service.triadTraining #about dl.outline dd p {
	margin: 0 0 10px;
}

@media screen and (max-width: 735px) {
	#service.triadTraining #about dl.outline {
		display: -webkit-block;
		display: -moz-block;
		display: -ms-block;
		display: -o-block;
		display: block;
	}
	#service.triadTraining #about dl.outline dt {
		width: 100%;
		height: 50px;
	}
	#service.triadTraining #about dl.outline dt:after {
		content: none;
	}
	#service.triadTraining #about dl.outline dd {
		width: 100%;
		margin: 20px 0 0;
	}
	#service.triadTraining #about dl.outline dd p {
		font-size: 24px;
	}
	#service.triadTraining #about dl.outline dd img {
		width: 100%;
		height: auto;
	}
}

/*-- .state --*/
section.state {
	margin: 40px 0 0;
	padding: 0;
}
section.state h5 {
	margin: 0 0 15px;
	padding: 0;
}
section.state h5 span {
	margin: 0 0 0 20px;
	display: inline-block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
section.state ul.training {
	margin: 0;
	padding: 0;
	list-style: none;
}
section.state ul.training li {
	margin: 0;
	padding: 20px 20px 20px 30px;
	border: 1px solid #b6100e;
}
section.state ul.training li:not(:first-child) {
	border-top: none;
}
section.state ul.training li a img {
	transition: 0.1s linear;  
}
section.state ul.training li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
section.state ul.training li dl {
	margin: 0;
	padding: 0;
}
section.state ul.training li dl dt {
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	position: relative;
}
section.state ul.training li dl dt:before {
	content: '';
	width: 10px;
	height: 10px;
	margin: -5px 0 0;
	position: absolute;
	top: 50%;
	left: 0;
}
section.state ul.training li:nth-child(1) dl dt:before {
	background-color: #9ed9f2;
}
section.state ul.training li:nth-child(2) dl dt:before {
	background-color: #1aec87;
}
section.state ul.training li:nth-child(3) dl dt:before {
	background-color: #ffe121;
}
section.state ul.training li dl dd {
	margin: 0;
	padding: 0;
}
section.state ul.training li dl dd ul {
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
}
section.state ul.training li dl dd ul li {
	overflow: hidden;
	margin: 10px 10px 0 0;
	padding: 0;
	border: none;
}
section.state ul.training li dl dd ul li a img {
	transition: 0.1s linear;  
}
section.state ul.training li dl dd ul li a:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

@media screen and (max-width: 735px) {
	section.state h5 span {
		margin: 10px 0 0;
		display: block;
	}
	section.state ul.training li {
		padding: 20px 0 20px 10px;
	}
}

/*-- .aim --*/
section.aim {
	margin: 40px 0 0;
	padding: 0;
}
section.aim h5 {
	margin: 0 0 15px;
	padding: 0;
}
section.aim ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
section.aim ul li {
	margin: 0 0 7px;
	padding: 0 0 0 15px;
	position: relative;
}
section.aim ul li:last-child {
	margin: 0;
}
section.aim ul li:before {
	content: '';
	width: 8px;
	height: 8px;
	margin: -4px 0 0;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: #b6100e;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); 
}

@media screen and (max-width: 735px) {
	section.aim p {
		font-size: 24px;
	}
}

/*-- パーキンソン病と診断された方へ
------------------------------------------------------*/
#service.triadTraining #diagnosed {
	margin: 70px 0 0;
	padding: 0;
}
#service.triadTraining #diagnosed h4 {
	margin: 0 0 35px;
	padding: 0 15px 10px;
}
#service.triadTraining #diagnosed dl {
	margin: 20px 0 30px;
	padding: 0;
	border: 1px solid #b6100e;
}
#service.triadTraining #diagnosed dl dt {
	margin: 0;
	padding: 10px 30px;
	display: inline-block;
	background-color: #b6100e;
}
#service.triadTraining #diagnosed dl dd {
	margin: 0;
	padding: 20px 30px;
}
#service.triadTraining #diagnosed dl dd ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#service.triadTraining #diagnosed dl dd ul li {
	margin: 0 0 5px;
	padding: 0 0 0 16px;
	position: relative;
}
#service.triadTraining #diagnosed dl dd ul li:last-child {
	margin: 0;
}
#service.triadTraining #diagnosed dl dd ul li:before {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 7px;
	left: 0;
	background-color: #b6100e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#service.triadTraining #diagnosed dl dd ul li ul {
	margin: 5px 0 0;
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
}
#service.triadTraining #diagnosed dl dd ul li ul li,
#service.triadTraining #diagnosed dl dd ul li ul li:last-child {
	margin: 0 10px 10px 0;
	padding: 3px 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background-color: #333;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#service.triadTraining #diagnosed dl dd ul li ul li:before {
	content: none;
}

@media screen and (max-width: 735px) {
	#service.triadTraining #diagnosed {
		margin: 70px 10px 0;
	}
	#service.triadTraining #diagnosed p.cc span {
		font-size: 24px;
	}
	#service.triadTraining #diagnosed dl dt {
		height: 50px;
		padding: 18px 10px 10px;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#service.triadTraining #diagnosed dl dd {
		padding: 20px 10px;
	}
}

/*-- トレーニングを希望する方へ
------------------------------------------------------*/
#service.triadTraining #wish {
	margin: 70px 0 0;
	padding: 0;
}
#service.triadTraining #wish h4 {
	margin: 0;
	padding: 0 15px 10px;
}
#service.triadTraining #wish .wrapper {
	min-height: 463px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: relative;
}
#service.triadTraining #wish .wrapper p.cc {
	margin: 40px 0 30px;
	position: relative;
	z-index: 10;
}
#service.triadTraining #wish .wrapper p.txt {
	position: relative;
	z-index: 9;
}
#service.triadTraining #wish .wrapper dl {
	width: 600px;
	overflow: hidden;
	margin: 40px 0 0;
	padding: 0 20px 20px;
	background-color: #b6100e;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 8;
}
#service.triadTraining #wish .wrapper dl dt {
	margin: 15px 0;
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}
#service.triadTraining #wish .wrapper dl dt span {
	margin: 0 0 0 10px;
}
#service.triadTraining #wish .wrapper dl dd {
	width: 560px;
	height: 315px;
	margin: 0;
	padding: 0;
	background-color: #000;
	position: relative;
}
#service.triadTraining #wish .wrapper dl dd iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#service.triadTraining #wish .wrapper img.bg {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
#service.triadTraining #wish .wrapper p.btn {
	width: 258px;
	height: 80px;
	position: absolute;
	bottom: 80px;
	right: 0;
	z-index: 2;
}
/*
動画ないときのボタン
#service.triadTraining #wish .wrapper p.btn {
	width: 460px;
	height: 80px;
	margin: 40px 0 0;
	padding: 0;
	position: relative;
	z-index: 2;
}
*/
#service.triadTraining #wish .wrapper p.btn a {
	width: 100%;
	height: 100%;
	padding: 20px 0 0;
	color: #b6100e;
	display: block;
	background-color: #FFF;
	background-image: url("../src/image/service/triad/chevron-right.svg");
	background-position: right 20px center;
	background-repeat: no-repeat;
	background-size: 12px 22px;  
	border: 1px solid #b6100e;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: 0.1s linear;  
}
#service.triadTraining #wish .wrapper p.btn a:hover {
	color: #FFF;
	background-color: #b6100e;
	background-image: url("../src/image/service/triad/chevron-right_on.svg");
}
#service.triadTraining #wish .beforeAfter {
	overflow: hidden;
	margin: 60px 0 0;
	padding: 50px 30px;
	position: relative;
	background-image: url("../src/image/service/triad/bg_beforeAfter.jpg");
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-color: #f1c231;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#service.triadTraining #wish .beforeAfter p.title {
	margin: 0 0 30px;
}
#service.triadTraining #wish .beforeAfter ol {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
#service.triadTraining #wish .beforeAfter ol li {
	width: 404px;
	margin: 30px 30px 0 0;
	padding: 10px;
	background-color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	position: relative;
}
#service.triadTraining #wish .beforeAfter ol li:nth-child(even) {
	margin: 30px 0 0;
}
#service.triadTraining #wish .beforeAfter ol li div {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
}
#service.triadTraining #wish .beforeAfter ol li div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#service.triadTraining #wish .beforeAfter ol li p {
	width: 90px;
	height: 90px;
	padding: 13px 0 0;
	position: absolute;
	top: -40px;
	right: -10px;
	background-color: #b6100e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#service.triadTraining #wish .beforeAfter ol li p span {
	display: block;
}

@media screen and (max-width: 735px) {
	#service.triadTraining #wish {
		margin: 70px 10px 0;
	}
	#service.triadTraining #wish .wrapper {
		padding: 0 0 460px;
	}
	#service.triadTraining #wish .wrapper p.cc {
		font-size: 24px;
	}
	#service.triadTraining #wish .wrapper img.bg {
		top: auto;
		bottom: 0;
	}
	#service.triadTraining #wish .wrapper p.btn {
		width: calc(100% - 40px);
		margin: 40px 20px 0;
		position: relative;
		bottom: auto;
		right: auto;
	}
	#service.triadTraining #wish .beforeAfter ol li,
	#service.triadTraining #wish .beforeAfter ol li:nth-child(even) {
		margin: 60px 0 0;
	}
}
@media screen and (max-width: 660px) {
	#service.triadTraining #wish .wrapper dl {
		width: auto;
	}
	#service.triadTraining #wish .wrapper dl dd {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-bottom: 56.25%;
	}
}
@media screen and (max-width: 640px) {
	#service.triadTraining #wish .beforeAfter p.title img {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 524px) {
	#service.triadTraining #wish .beforeAfter {
		padding: 50px 10px;
	}
}
@media screen and (max-width: 464px) {
	#service.triadTraining #wish .beforeAfter ol li {
		width: 100%;
	}
}

/*-- 価格
------------------------------------------------------*/
#service.triadTraining #price {
	margin: 70px 0 0;
	padding: 0;
}
#service.triadTraining #price h4 {
	margin: 0 0 40px;
	padding: 0 15px 10px;
}
#service.triadTraining #price dl {
	margin: 0 0 40px;
	padding: 0;
}
#service.triadTraining #price dl:last-of-type {
	margin: 0;
}
#service.triadTraining #price dl dt {
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
}
#service.triadTraining #price dl dt:before {
	content: '';
	width: 12px;
	height: 12px;
	margin: -6px 0 0;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: #629269;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#service.triadTraining #price dl dd {
	margin: 20px 0 0;
	padding: 0;
}
#service.triadTraining #price dl dd table {
	width: 100%;
	border: 1px solid #629269;
	/*border: 1px solid #96c19c;*/
}
#service.triadTraining #price dl dd table td {
	width: 50%;
	padding: 20px 30px;
	border: 1px solid #629269;
	/*border: 1px solid #96c19c;*/
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#service.triadTraining #price dl dd table tr:nth-of-type(1) td:nth-of-type(1),
#service.triadTraining #price dl dd table tr:nth-of-type(2) td:nth-of-type(1) {
	background-color: #629269;
}
#service.triadTraining #price dl dd table tr:nth-of-type(1) td:nth-of-type(1) {
	border-bottom: 1px solid #FFF;
}
#service.triadTraining #price dl dd table td span:first-of-type {
	width: 50px;
	float: left;
}
#service.triadTraining #price dl dd table td span:last-of-type {
	padding: 0 0 0 55px;
	display: block;
}

@media screen and (max-width: 735px) {
	#service.triadTraining #price {
		margin: 70px 10px 0;
	}
	#service.triadTraining #price dl dd table td {
		padding: 20px 10px;
	} 
}

/*-- カウンセリング
------------------------------------------------------*/
#service.triadTraining #counseling {
	margin: 70px 0 40px;
	padding: 0;
}
#service.triadTraining #counseling dt {
	margin: 0;
	padding: 0;
}
#service.triadTraining #counseling dd {
	margin: 20px 0 0;
	padding: 0;
}
#service.triadTraining #counseling dd p.tel {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}
#service.triadTraining #counseling dd p.btn {
	width: 460px;
	height: 80px;
	margin: 30px auto 0;
	padding: 0;
}
#service.triadTraining #counseling dd p.btn a {
	width: 100%;
	height: 100%;
	padding: 30px 0 0;
	color: #b6100e;
	display: block;
	background-image: url("../src/image/service/triad/chevron-right.svg");
	background-position: right 20px center;
	background-repeat: no-repeat;
	background-size: 12px 22px;  
	border: 1px solid #b6100e;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: 0.1s linear;  
}
#service.triadTraining #counseling dd p.btn a:hover {
	color: #FFF;
	background-color: #b6100e;
	background-image: url("../src/image/service/triad/chevron-right_on.svg");
}

@media screen and (max-width: 735px) {
	#service.triadTraining #counseling {
		margin: 70px 10px 40px;
	}
	#service.triadTraining #counseling dd p.tel span:first-of-type {
		font-size: 30px;
	}
	#service.triadTraining #counseling dd p.tel span:last-of-type {
		width: 100%;
		margin: 5px 0 0;
		text-align: center;
	}
	#service.triadTraining #counseling dd p.btn {
		width: calc(100% - 40px);
		margin: 30px 20px 0;
	}
}