@charset "UTF-8";
/*
 * sub_layout.css
 *
 */

/* !mainvisual
---------------------------------------------------------- */
.subMain {
	position: relative;
	widht:100%;
	height:200px;
	margin-top:70px;
	margin-bottom:15px;
	-webkit-animation: bg 1.4s 1 ease;
	-moz-animation: bg 1.4s 1 ease;
	animation: bg 1.4s 1 ease ;
}
	.subMain:after {
		display:block;
		content:"";
		position:absolute;
		width:100%;
		height:15px;
		background: #ef7563;
		background: -moz-linear-gradient(45deg,  #ef7563 0%, #fec825 100%);
		background: -webkit-linear-gradient(45deg,  #ef7563 0%,#fec825 100%);
		background: linear-gradient(45deg,  #ef7563 0%,#fec825 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7563', endColorstr='#fec825',GradientType=1 );
		bottom:-15px;
		left:0;
		-webkit-animation: bg 1.4s 1 ease;
		-moz-animation: bg 1.4s 1 ease;
		animation: bg 1.4s 1 ease ;
	}
.mainBusiness {
	background:url(../../business/img/main.jpg) 50% 50% no-repeat;
	background-size:cover;
}
.mainAbout {
	background:url(../../about/img/main.jpg) 50% 50% no-repeat;
	background-size:cover;
}
.mainGreeting {
	background:url(../../greeting/img/main.jpg) 50% 50% no-repeat;
	background-size:cover;
}
.mainPhilosophy {
	background:url(../../philosophy/img/main.jpg) 50% 50% no-repeat;
	background-size:cover;
}
.mainEffort {
	background:url(../../effort/img/main.jpg) 50% 50% no-repeat;
	background-size:cover;
}
.subMain h1,
.subMain h2 {
	font-size:36px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:1;
	letter-spacing:0.1em;
	padding-top:65px;
	-webkit-animation: copy 2s 1 ease;
	-moz-animation: copy 2s 1 ease;
	animation: copy 2s 1 ease ;
}
	.subMain h1 span,
	.subMain h2 span {
		font-family: 'Arima Madurai', cursive;
		font-size:16px;
		font-weight:700;
		color:#FFF;
		letter-spacing:0.14em;
	}
/*アニメーションするプロパティを設定*/
@-webkit-keyframes bg {
    0% {
        opacity: 0;
    }
	30% {
        opacity: 0;
    }
	100% {
        opacity: 1;
    }
}
@-moz-keyframes bg {
    0% {
        opacity: 0;
    }
	30% {
        opacity: 0;
    }
	100% {
        opacity: 1;
    }
}
@keyframes bg {
    0% {
        opacity: 0;
    }
	30% {
        opacity: 0;
    }
	100% {
        opacity: 1;
    }
}

@-webkit-keyframes copy {
    0% {
        opacity: 0;
		padding-top:95px;
    }
	40% {
        opacity: 0;
		padding-top:95px;
    }
	100% {
        opacity: 1;
		padding-top:65px;
    }
}
@-moz-keyframes copy {
    0% {
        opacity: 0;
		padding-top:95px;
    }
	40% {
        opacity: 0;
		padding-top:95px;
    }
	100% {
        opacity: 1;
		padding-top:65px;
    }
}
@keyframes copy {
    0% {
        opacity: 0;
		padding-top:95px;
    }
	40% {
        opacity: 0;
		padding-top:95px;
    }
	100% {
        opacity: 1;
		padding-top:65px;
    }
}

@media screen and (max-width:1039px){
.subMain {
	height:180px;
	margin-top:60px;
	margin-bottom:15px;
}
	.subMain:after {
		height:15px;
		bottom:-15px;
	}
.subMain h1,
.subMain h2 {
	font-size:30px;
	padding-top:62px;
}
	.subMain h1 span,
	.subMain h2 span {
		font-size:15px;
	}
	
/*アニメーションするプロパティを設定*/
@-webkit-keyframes copy {
    0% {
        opacity: 0;
		padding-top:92px;
    }
	40% {
        opacity: 0;
		padding-top:92px;
    }
	100% {
        opacity: 1;
		padding-top:62px;
    }
}
@-moz-keyframes copy {
    0% {
        opacity: 0;
		padding-top:92px;
    }
	40% {
        opacity: 0;
		padding-top:92px;
    }
	100% {
        opacity: 1;
		padding-top:62px;
    }
}
@keyframes copy {
    0% {
        opacity: 0;
		padding-top:92px;
    }
	40% {
        opacity: 0;
		padding-top:92px;
    }
	100% {
        opacity: 1;
		padding-top:62px;
    }
}

}

@media screen and (max-width:767px){
.subMain {
	height:150px;
	margin-top:60px;
	margin-bottom:15px;
}
	.subMain:after {
		height:15px;
		bottom:-15px;
	}
.mainGreeting {
	background:url(../../greeting/img/main.jpg) 70% 50% no-repeat;
	background-size:cover;
}
.subMain h1,
.subMain h2 {
	font-size:24px;
	padding-top:50px;
}
	.subMain h1 span,
	.subMain h2 span {
		font-size:12px;
	}
	
/*アニメーションするプロパティを設定*/
@-webkit-keyframes copy {
    0% {
        opacity: 0;
		padding-top:80px;
    }
	40% {
        opacity: 0;
		padding-top:80px;
    }
	100% {
        opacity: 1;
		padding-top:50px;
    }
}
@-moz-keyframes copy {
    0% {
        opacity: 0;
		padding-top:80px;
    }
	40% {
        opacity: 0;
		padding-top:80px;
    }
	100% {
        opacity: 1;
		padding-top:50px;
    }
}
@keyframes copy {
    0% {
        opacity: 0;
		padding-top:80px;
    }
	40% {
        opacity: 0;
		padding-top:80px;
    }
	100% {
        opacity: 1;
		padding-top:50px;
    }
}

}

/* !businessNavi
---------------------------------------------------------- */
.businessNavi {
	width:100%;
	padding:90px 50px;
	background:url(../img/dot_bg.png) 0 0 repeat;
	background-size:10px 10px;
}
	.businessNavi ul {
		width: 100%;
		max-width:1100px;
		height:300px;
		position:relative;
		z-index:1;
		margin:0 auto;
	}
		.businessNavi ul li {
			width:47.5%;
			float:left;
			margin-right:5%;
		}
		.businessNavi ul li:last-child {
			margin-right:0;
		}
			.businessNavi ul li a {
				position:relative;
				overflow: hidden;
				display:block;
				width:100%;
				height:300px;
			}
				.businessNavi ul li a div.bg {
					position:absolute;
					width:100%;
					height:100%;
					background-position:50% 50%;
					background-repeat:no-repeat;
					background-size:cover;
					top:0;
					left:0;
					z-index:50;
					transition: all 1.6s ease-out;
				}
				.businessNavi ul li a div.welfare {
					background-image:url(../../business/img/bnr_welfare_img.jpg);
				}
				.businessNavi ul li a div.pharmacy {
					background-image:url(../../business/img/bnr_pharmacy_img.jpg);
				}
					.businessNavi ul li a:hover div.bg {
						-moz-transform: scale(1.08);
						-webkit-transform: scale(1.08);
						-ms-transform: scale(1.08);
						transform: scale(1.08);
					}
				.businessNavi ul li a div.mask {
					position:absolute;
					width:100%;
					height:100%;
					background:rgba(0, 0, 0, .5);
					top:0;
					left:0;
					z-index:51;
					transition: all 1s ease;
				}
					.businessNavi ul li a:hover div.mask {
						background:rgba(0, 0, 0, .2);
					}
					.businessNavi ul li a div.mask p {
						font-family: 'Arima Madurai', cursive;
						font-size:18px;
						font-weight:700;
						color:#FEC625;
						letter-spacing:0.14em;
						text-align:center;
						margin-top:150px;
						margin-bottom:15px;
						transition: all 1s ease;
						opacity:1;
					}
						.businessNavi ul li a:hover div.mask p {
							opacity:1;
							margin-top:150px;
						}
					.businessNavi ul li a div.mask h2 {
						width:170px;
						height:46px;
						font-size:20px;
						font-weight:bold;
						color:#FFF;
						line-height:46px;
						letter-spacing:0.14em;
						text-align:center;
						border:1px solid #FFF;
						border-radius:25px;
						margin:0 auto 0 auto;
						transition: all 1s ease;
						opacity:1;
					}
						.businessNavi ul li a:hover div.mask h2 {
							opacity:1;
						}
						
@media screen and (max-width:1039px){
.businessNavi {
	padding:70px 30px;
}
	.businessNavi ul {
		height:230px;
	}
		.businessNavi ul li {
			width:48%;
			float:left;
			margin-right:4%;
		}
			.businessNavi ul li a {
				height:230px;
			}
					.businessNavi ul li a:hover div.bg {
						-moz-transform: scale(1);
						-webkit-transform: scale(1);
						-ms-transform: scale(1);
						transform: scale(1);
					}
					.businessNavi ul li a:hover div.mask {
						background:rgba(0, 0, 0, .5);
					}
					.businessNavi ul li a div.mask p {
						font-size:17px;
						margin-top:105px;
						margin-bottom:10px;
					}
						.businessNavi ul li a:hover div.mask p {
							margin-top:105px;
						}
					.businessNavi ul li a div.mask h2 {
						width:160px;
						height:42px;
						font-size:18px;
						line-height:42px;
					}
}

@media screen and (max-width:767px){
.businessNavi {
	padding:60px 25px;
}
	.businessNavi ul {
		height:auto;
		max-width:320px;
	}
		.businessNavi ul li {
			width:100%;
			float:none;
			margin-right:0;
			margin-bottom:30px;
		}
		.businessNavi ul li:last-child {
			margin-bottom:0;
		}
			.businessNavi ul li a {
				height:180px;
			}
					.businessNavi ul li a:hover div.mask {
						background:rgba(0, 0, 0, .5);
					}
					.businessNavi ul li a div.mask p {
						font-size:16px;
						margin-top:75px;
						margin-bottom:10px;
					}
						.businessNavi ul li a:hover div.mask p {
							margin-top:75px;
						}
					.businessNavi ul li a div.mask h2 {
						width:150px;
						height:40px;
						font-size:16px;
						line-height:40px;
					}
}

/* !contents
---------------------------------------------------------- */
#contents {
	width:100%;
	padding:100px 0 0 0;
}

.base {
	width:auto;
	max-width:1200px;
	margin:0 auto;
	padding:0 50px;
}

.linkInPage {
	margin-top:-100px;
	padding-top:100px;
}

.left01 {
	width:25%;
	float:left;
}		
.right01 {
	width:70%;
	margin-left:30%;
}
	
.left02 {
	width:35%;
	float:left;
}
.right02 {
	width:60%;
	margin-left:40%;
}

.left03 {
	width:60%;
	float:left;
}
.right03 {
	width:33%;
	margin-left:67%;
}

.left04 {
	width:46%;
	float:left;
}
.right04 {
	width:46%;
	margin-left:54%;
}

.left05 {
	width:68%;
	float:left;
}
.right05 {
	width:25%;
	margin-left:75%;
}

@media screen and (max-width:1039px){
#contents {
	padding:90px 0 0 0;
}

.base {
	padding:0 30px;
}

.linkInPage {
	margin-top:-90px;
	padding-top:90px;
}

.left01 {
	width:30%;
	float:left;
}		
.right01 {
	width:65%;
	margin-left:35%;
}

.left03 {
	width:55%;
	float:left;
}
.right03 {
	width:40%;
	margin-left:60%;
}

.left05 {
	width:65%;
	float:left;
}
.right05 {
	width:28%;
	margin-left:72%;
}
}

@media screen and (max-width:767px){
#contents {
	padding:70px 0 0 0;
}

.base {
	padding:0 20px;
}

.left01 {
	width:100%;
	float:none;
}		
.right01 {
	width:100%;
	margin-left:0;
}
	
.left02 {
	width:100%;
	float:none;
}
.right02 {
	width:100%;
	margin-left:0;
}

.left03 {
	width:100%;
	float:none;
	margin-bottom:40px;
}
.right03 {
	width:100%;
	margin-left:0;
}
	.right03 img {
		display:block;
		width:100%;
		max-width:320px;
		margin:0 auto;
	}
	
.left04 {
	width:100%;
	float:none;
	margin-bottom:40px;
}
.right04 {
	width:100%;
	margin-left:0;
}

.left05 {
	width:100%;
	float:none;
	margin-bottom:40px;
}
.right05 {
	width:100%;
	margin-left:0;
}
	.right05 img {
		display:block;
		width:100%;
		max-width:320px;
		margin:0 auto;
	}
}

/* !薬局事業
---------------------------------------------------------- */
.pharmacyTit {
	display:block;
	width:260px;
	background: #EE7700;
	box-shadow: 0px 0px 0px 7px #EE7700;
	border: dashed 1px #FFBE7D;
	padding: 0.4em 0;
	font-size:32px;
	font-weight:bold;
	color: #FFF;
	line-height:1.4;
	letter-spacing:0.1em;
	text-align:center;
	margin:0 auto 70px auto;
}

.pharmacyBlk {
	width:100%;
	padding-bottom:80px;
	background:url(../img/dot_line.png) left bottom repeat-x;
	background-size:6px 1px;
	margin-bottom:80px;
}
	.pharmacyBlk h2 {
		position: relative;
		font-size:24px;
		font-weight:bold;
		line-height:1.6;
		padding: 0 .5em .8em 1.6em;
		border-bottom: 5px solid #EF7563;
	}
		.pharmacyBlk h2::before,
		.pharmacyBlk h2::after {
			position: absolute;
			content: '';
			border-radius: 100%
		}
		.pharmacyBlk h2::before {
			top: .3em;
			left: 0;
			z-index: 1;
			width: 20px;
			height: 20px;
			background: rgba(254, 200, 37, 1);
		}
		.pharmacyBlk h2::after {
			top: .8em;
			left: .5em;
			z-index: 2;
			width: 14px;
			height: 14px;
			background: rgba(138, 200, 141, .5);
		}
		.pharmacyBlk img.main {
			display:block;
			width:100%;
			margin-bottom:70px;
		}
	.pharmacyBlk div.left01 {
		width:35%;
		float:left;
		text-align:center;
	}
		.pharmacyBlk div.left01 a {
			color:#EE7463;
			transition: all .6s ease;
		}
		.pharmacyBlk div.left01 a img {
			display:block;
			width:100%;
			border:10px solid #E0EFE1;
			margin-bottom:15px;
			transition: all .6s ease;
		}
			.pharmacyBlk div.left01 a:hover img {
				border:10px solid #C6E1C8;
			}		
	.pharmacyBlk div.right01 {
		width:60%;
		margin-left:40%;
	}
	
	.pharmacyBlk div.left02 {
		width:35%;
		float:left;
	}
	.pharmacyBlk div.right02 {
		width:60%;
		margin-left:40%;
	}
		.pharmacyBlk div.right02 ol.num li {
			position:relative;
			font-size:18px;
			padding-left:2.4em;
			margin-bottom:20px;
		}
		.pharmacyBlk div.right02 ol.num li:last-child {
			margin-bottom:0;
		}
			.pharmacyBlk div.right02 ol.num li:before {
				position:absolute;
				display:block;
				content:"";
				width:28px;
				height:28px;
				top:4px;
				left:0;
			}
				.pharmacyBlk div.right02 ol.num li.num01:before {
					background:url(../img/icon_01.png) 0 0 no-repeat;
					background-size:28px 28px;
				}
				.pharmacyBlk div.right02 ol.num li.num02:before {
					background:url(../img/icon_02.png) 0 0 no-repeat;
					background-size:28px 28px;
				}
				.pharmacyBlk div.right02 ol.num li.num03:before {
					background:url(../img/icon_03.png) 0 0 no-repeat;
					background-size:28px 28px;
				}
		.pharmacyBlk div.right02 table {
			width:100%;
			border-collapse: separate;
		}
			.pharmacyBlk div.right02 table th,
			.pharmacyBlk div.right02 table td {
				padding:0.6em;
			}
			.pharmacyBlk div.right02 table tr:nth-child(odd) {
				background:#ECEDEE;
			}
			.pharmacyBlk div.right02 table th {
				width:25%;
			}
			.pharmacyBlk div.right02 table td {
				width:75%;
			}
		
.pharmacyBlkBtm {
	margin-bottom:100px;
	padding-bottom:0;
	background:none;
}

ul.pharmacyList {
	width:100%;
}
	ul.pharmacyList li {
		position:relative;
		line-height:1.6;
		padding:0.8em 1em 0.8em 2.2em;
	}
		ul.pharmacyList li:nth-child(odd) {
			background:#ECEDEE;
		}
		ul.pharmacyList li:nth-child(even) {
			background:#FFF;
		}
		ul.pharmacyList li:before {
			position:absolute;
			display:block;
			content:"";
			width:6px;
			height:6px;
			background:#8AC88D;
			border-radius:50%;
			top:22px;
			left:1em;
		}
		ul.pharmacyList li a {
			color:#3F4C5A;
			transition: all 0.6s ease;
		}
		ul.pharmacyList li a:hover {
			color:#EF7563;
		}
		
img.pharmacyPhoto {
	display:block;
	width:100%;
	max-width:640px;
	margin:0 auto;
}

@media screen and (max-width:1039px){
.pharmacyTit {
	font-size:26px;
}

.pharmacyBlk {
	padding-bottom:60px;
	margin-bottom:60px;
}
	.pharmacyBlk h2 {
		font-size:22px;
		border-bottom: 4px solid #EF7563;
	}
		.pharmacyBlk img.main {
			margin-bottom:60px;
		}
	.pharmacyBlk div.left01 {
		width:35%;
	}
			.pharmacyBlk div.left01 a:hover img {
				border:10px solid #E0EFE1;
			}
			
		.pharmacyBlk div.right02 ol.num li {
			font-size:16px;
			padding-left:2.4em;
		}
			.pharmacyBlk div.right02 ol.num li:before {
				width:26px;
				height:26px;
				top:3px;
				left:0;
			}
				.pharmacyBlk div.right02 ol.num li.num01:before {
					background:url(../img/icon_01.png) 0 0 no-repeat;
					background-size:26px 26px;
				}
				.pharmacyBlk div.right02 ol.num li.num02:before {
					background:url(../img/icon_02.png) 0 0 no-repeat;
					background-size:26px 26px;
				}
				.pharmacyBlk div.right02 ol.num li.num03:before {
					background:url(../img/icon_03.png) 0 0 no-repeat;
					background-size:26px 26px;
				}
			.pharmacyBlk div.right02 table th {
				width:30%;
			}
			.pharmacyBlk div.right02 table td {
				width:70%;
			}
.pharmacyBlkBtm {
	margin-bottom:90px;
	padding-bottom:0;
	background:none;
}

		ul.pharmacyList li:before {
			top:20px;
			left:1em;
		}
		ul.pharmacyList li a:hover {
			color:#3F4C5A;
		}
}

@media screen and (max-width:767px){
.pharmacyTit {
	width:220px;
	font-size:20px;
	margin:0 auto 60px auto;
}

.pharmacyBlk {
	padding-bottom:50px;
	margin-bottom:50px;
}
	.pharmacyBlk h2 {
		font-size:16px;
		padding: 0 0 .6em 1.8em;
		border-bottom: 3px solid #EF7563;
	}
		.pharmacyBlk h2::before {
			top: .1em;
		}
		.pharmacyBlk h2::after {
			top: .8em;
		}
		.pharmacyBlk img.main {
			margin-bottom:50px;
		}
	.pharmacyBlk div.left01 {
		width:100%;
		float:none;
		text-align:center;
	}
		.pharmacyBlk div.left01 a {
			display:block;
			margin-bottom:40px;
		}
		.pharmacyBlk div.left01 a img {
			max-width:300px;
			margin:0 auto 15px auto;
		}
	.pharmacyBlk div.right01 {
		width:100%;
		margin-left:0;
	}
	
	.pharmacyBlk div.left02 {
		width:100%;
		float:none;
	}
	.pharmacyBlk div.right02 {
		width:100%;
		margin-left:0;
	}
		.pharmacyBlk div.right02 ol.num li {
			position:relative;
			font-size:14px;
			padding-left:2.4em;
		}
		.pharmacyBlk div.right02 ol.num li br {
			display:none;
		}
		.pharmacyBlk div.right02 ol.num li:last-child {
			margin-bottom:0;
		}
			.pharmacyBlk div.right02 ol.num li:before {
				width:24px;
				height:24px;
				top:3px;
			}
				.pharmacyBlk div.right02 ol.num li.num01:before {
					background:url(../img/icon_01.png) 0 0 no-repeat;
					background-size:24px 24px;
				}
				.pharmacyBlk div.right02 ol.num li.num02:before {
					background:url(../img/icon_02.png) 0 0 no-repeat;
					background-size:24px 24px;
				}
				.pharmacyBlk div.right02 ol.num li.num03:before {
					background:url(../img/icon_03.png) 0 0 no-repeat;
					background-size:24px 24px;
				}
		.pharmacyBlk div.right02 table,
		.pharmacyBlk div.right02 table thead,
		.pharmacyBlk div.right02 table tbody,
		.pharmacyBlk div.right02 table tr,
		.pharmacyBlk div.right02 table th,
		.pharmacyBlk div.right02 table td {
			width: 100%;
			display: block;
		}
			.pharmacyBlk div.right02 table tr:nth-child(odd) {
				background:none;
			}
			.pharmacyBlk div.right02 table th {
				width:100%;
				background:#ECEDEE;
			}
			.pharmacyBlk div.right02 table td {
				width:100%;
			}
.pharmacyBlkBtm {
	margin-bottom:80px;
	padding-bottom:0;
	background:none;
}
}

/* !会社概要
---------------------------------------------------------- */
.philosophy {
	width:100%;
	background:url(../img/dot_bg.png) 0 0 repeat;
	background-size:10px 10px;
}
.philosophy div.philosophyWrap {
	width:100%;
	height:auto;
	background:url(../../about/img/philosophy_bg.png) 50% 50% no-repeat;
	background-size:cover;
}
	.philosophy div.inner {
		width:auto;
		max-width:1200px;
		padding:80px 50px 0 50px;
		margin:0 auto;
	}
		.philosophy div.inner h2 {
			font-size:18px;
			font-weight:bold;
			color:#ED7700;
			text-align:center;
			line-height:1.6;
			letter-spacing:0.1em;
			margin-bottom:60px;
		}
			.philosophy div.inner h2 span {
				display:block;
				font-family: 'Arima Madurai', cursive;
				font-size:40px;
				font-weight:700;
				letter-spacing:0.14em;
			}
		.philosophy div.inner div.left {
			width:57%;
			float:left;
		}
		.philosophy div.inner div.right {
			width:35%;
			margin-left:65%;
		}
			.philosophy div.inner div.right img {
				display:block;
				width:100%;
			}
			
	.philosophy div.box {
			position:relative;
			width:auto;
			max-width:900px;
			margin-left:auto;
			margin-right:auto;
			background: #fbdec2;
			background: -moz-linear-gradient(45deg,  #fbdec2 0%, #fff2cb 100%);
			background: -webkit-linear-gradient(45deg,  #fbdec2 0%,#fff2cb 100%);
			background: linear-gradient(45deg,  #fbdec2 0%,#fff2cb 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdec2', endColorstr='#fff2cb',GradientType=1 );
			padding:40px 60px;
			border-radius:20px;
		}
			.philosophy div.box h3 {
				font-size:24px;
				font-weight:bold;
				color:#EE7700;
				text-align:center;
				line-height:1.5;
				margin-bottom:40px;
			}
			.philosophy div.box h4 {
				font-size:20px;
				font-weight:bold;
				color:#EF7563;
				line-height:1.5;
				margin-bottom:25px;
			}
				.philosophy div.box h3 span {
					display:inline-block;
					padding-bottom:0.6em;
					border-bottom:1px solid #EE7700;
				}
				.philosophy div.box h3 span br {
					display:none;
				}
			.philosophy div.box p.number {
				display: inline-block;
				position: absolute;
				top: -6px;
				left: 60px;
				margin: 0;
				padding: 8px 0;
				z-index: 2;
				width: 50px;
				text-align: center;
				color: #FFF;
				font-family: 'Arima Madurai', cursive;
				font-size: 20px;
				font-weight:700;
				background: linear-gradient(#EF7563 0%, #EB543F 100%);
				border-radius: 2px 0 0 0;
			}
				.philosophy div.box p.number:before {
					position: absolute;
					content: '';
					top: 0;
					right: -6px;
					border: none;
					border-bottom: solid 6px #CE2D15;
					border-right: solid 6px transparent;
				}
				.philosophy div.box p.number:after {
					content: '';
					position: absolute;
					left: 0;
					top: 100%;
					height: 0;
					width: 0;
					border-left: 25px solid #e95738;
					border-right: 25px solid #e95738;
					border-bottom: 10px solid transparent;
				}
			.philosophy div.box ul li {
				position:relative;
				line-height:1.6;
				margin-bottom:10px;
				padding-left:1.2em;
			}
				.philosophy div.box ul li:last-child {
					margin-bottom:0;
				}
				.philosophy div.box ul li:before {
					position:absolute;
					content:"";
					width:6px;
					height:6px;
					background:#EF7563;
					border-radius:50%;
					top:10px;
					left:0;
				}
			
.philosophy01 {
	width:100%;
	padding-bottom:100px;
}
	.philosophy01 h3.cap {
		font-size:24px;
		font-weight:bold;
		color:#EF7563;
		line-height:1.8;
		text-align:center;
		margin-bottom:40px;
	}
	.philosophy01 p.read {
		width:auto;
		max-width:900px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:70px;
	}

.about01 {
	width:100%;
	padding-bottom:80px;
	background:url(../img/dot_line.png) left bottom repeat-x;
	background-size:6px 1px;
	margin-bottom:80px;
}

.about02 {
	width:100%;
	margin-bottom:100px;
}

img.aboutLogo {
	display:block;
	width:100%;
	max-width:280px;
	margin:20px auto 0 auto;
}

dl.history {
	width:100%;
	margin:0 auto;
	background:url(../../greeting/img/history_bg.gif) 130px 0 repeat-y;
	background-size:1px 2px;
}
	dl.history dt {
		display: block;
		width:130px;
		float:left;
	}
	dl.history dd {
		position:relative;
		display: block;
		width:auto;
		margin-left:130px;
		padding-left:40px;
		margin-bottom:20px;
	}
	dl.history dd:last-child {
		margin-bottom:0;
	}
		dl.history dd:before {
			position:absolute;
			display:inline-block;
			content:"";
			width:9px;
			height:9px;
			background:#8AC88D;
			border-radius:50%;
			top:11px;
			left:-4px;
		}
		
.managementPolicy {
	width:100%;
	padding-bottom:100px;
}
		.managementPolicy div.box {
			position:relative;
			width:auto;
			max-width:900px;
			margin-left:auto;
			margin-right:auto;
			background: #fbdec2;
			background: -moz-linear-gradient(45deg,  #fbdec2 0%, #fff2cb 100%);
			background: -webkit-linear-gradient(45deg,  #fbdec2 0%,#fff2cb 100%);
			background: linear-gradient(45deg,  #fbdec2 0%,#fff2cb 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdec2', endColorstr='#fff2cb',GradientType=1 );
			padding:40px 60px;
			border-radius:20px;
		}
			.managementPolicy div.box h3 {
				font-size:24px;
				font-weight:bold;
				color:#EE7700;
				text-align:center;
				line-height:1.5;
				margin-bottom:40px;
			}
				.managementPolicy div.box h3 span {
					display:inline-block;
					padding-bottom:0.6em;
					border-bottom:1px solid #EE7700;
				}
				.managementPolicy div.box h3 span br {
					display:none;
				}
			.managementPolicy div.box p.number {
				display: inline-block;
				position: absolute;
				top: -6px;
				left: 60px;
				margin: 0;
				padding: 8px 0;
				z-index: 2;
				width: 50px;
				text-align: center;
				color: #FFF;
				font-family: 'Arima Madurai', cursive;
				font-size: 20px;
				font-weight:700;
				background: linear-gradient(#EF7563 0%, #EB543F 100%);
				border-radius: 2px 0 0 0;
			}
				.managementPolicy div.box p.number:before {
					position: absolute;
					content: '';
					top: 0;
					right: -6px;
					border: none;
					border-bottom: solid 6px #CE2D15;
					border-right: solid 6px transparent;
				}
				.managementPolicy div.box p.number:after {
					content: '';
					position: absolute;
					left: 0;
					top: 100%;
					height: 0;
					width: 0;
					border-left: 25px solid #e95738;
					border-right: 25px solid #e95738;
					border-bottom: 10px solid transparent;
				}
			.managementPolicy div.box ul li {
				position:relative;
				line-height:1.6;
				margin-bottom:10px;
				padding-left:1.2em;
			}
				.managementPolicy div.box ul li:last-child {
					margin-bottom:0;
				}
				.managementPolicy div.box ul li:before {
					position:absolute;
					content:"";
					width:6px;
					height:6px;
					background:#EF7563;
					border-radius:50%;
					top:10px;
					left:0;
				}

@media screen and (max-width:1039px){
.philosophy div.philosophyWrap {
	width:100%;
	height:auto;
	background:url(../../about/img/philosophy_tb_bg.png) 50% 50% no-repeat;
	background-size:cover;
}
	.philosophy div.inner {
		padding:70px 30px 0 30px;
		margin:0 auto;
	}
		.philosophy div.inner h2 {
			font-size:17px;
			margin-bottom:50px;
		}
			.philosophy div.inner h2 span {
				font-size:36px;
			}
			
		.philosophy div.box {
			padding:30px 50px;
		}
			.philosophy div.box h3 {
				font-size:22px;
				margin-bottom:40px;
			}
			.philosophy div.box h4 {
				font-size:18px;
				margin-bottom:25px;
			}
				.philosophy div.box h3 span br {
					display:none;
				}
			.philosophy div.box p.number {
				left: 50px;
			}
				.philosophy div.box ul li:before {
					top:8px;
				}
			
.philosophy01 {
	padding-bottom:80px;
}
	.philosophy01 h3.cap {
		font-size:20px;
		margin-bottom:40px;
	}
	.philosophy01 p.read {
		margin-bottom:70px;
	}
			
.about01 {
	padding-bottom:60px;
	margin-bottom:60px;
}

.about02 {
	margin-bottom:90px;
}

img.aboutLogo {
	max-width:85%;
	margin:20px 0 0 0;
}

dl.history {
	background:url(../../greeting/img/history_bg.gif) 110px 0 repeat-y;
	background-size:1px 2px;
}
	dl.history dt {
		width:110px;
	}
	dl.history dd {
		margin-left:110px;
		padding-left:30px;
	}
		dl.history dd:before {
			width:9px;
			height:9px;
			top:9px;
			left:-4px;
		}
		
.managementPolicy {
	padding-bottom:100px;
}
		.managementPolicy div.box {
			padding:30px 50px;
		}
			.managementPolicy div.box h3 {
				font-size:22px;
				margin-bottom:40px;
			}
				.managementPolicy div.box h3 span br {
					display:none;
				}
			.managementPolicy div.box p.number {
				left: 50px;
			}
				.managementPolicy div.box ul li:before {
					top:8px;
				}
}

@media screen and (max-width:767px){
.philosophy div.philosophyWrap {
	background:none;
}
	.philosophy div.inner {
		padding:50px 20px 50px 20px;
		margin:0 auto;
	}
		.philosophy div.inner h2 {
			font-size:16px;
			margin-bottom:40px;
		}
			.philosophy div.inner h2 span {
				font-size:28px;
			}
		.philosophy div.inner div.left {
			width:100%;
			float:none;
			margin-bottom:40px;
		}
		.philosophy div.inner div.right {
			width:100%;
			margin-left:0;
		}
			.philosophy div.inner div.right img {
				width:100%;
				max-width:320px;
				margin:0 auto;
			}
			
		.philosophy div.box {
			position:relative;
			width:auto;
			max-width:900px;
			margin-left:auto;
			margin-right:auto;
			background: #fbdec2;
			background: -moz-linear-gradient(45deg,  #fbdec2 0%, #fff2cb 100%);
			background: -webkit-linear-gradient(45deg,  #fbdec2 0%,#fff2cb 100%);
			background: linear-gradient(45deg,  #fbdec2 0%,#fff2cb 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdec2', endColorstr='#fff2cb',GradientType=1 );
			padding:50px 20px 30px 20px;
			border-radius:14px;
		}
			.philosophy div.box h3 {
				font-size:17px;
				margin-bottom:30px;
			}
			.philosophy div.box h4 {
				font-size:16px;
				margin-bottom:20px;
			}
				.philosophy div.box h3 span br {
					display:none;
				}
			.philosophy div.box p.number {
				display: inline-block;
				position: absolute;
				top: -6px;
				left: 20px;
				margin: 0;
				padding: 5px 0 0 0;
				z-index: 2;
				width: 40px;
				text-align: center;
				color: #FFF;
				font-family: 'Arima Madurai', cursive;
				font-size: 18px;
				font-weight:700;
				line-height:1.8;
				background: linear-gradient(#EF7563 0%, #EB543F 100%);
				border-radius: 2px 0 0 0;
			}
				.philosophy div.box p.number:before {
					position: absolute;
					content: '';
					top: 0;
					right: -6px;
					border: none;
					border-bottom: solid 6px #CE2D15;
					border-right: solid 6px transparent;
				}
				.philosophy div.box p.number:after {
					content: '';
					position: absolute;
					left: 0;
					top: 100%;
					height: 0;
					width: 0;
					border-left: 20px solid #e95738;
					border-right: 20px solid #e95738;
					border-bottom: 10px solid transparent;
				}
			.philosophy div.box ul li {
				margin-bottom:20px;
			}
				.philosophy div.box ul li:before {
					top:8px;
				}
			
.philosophy01 {
	padding-bottom:70px;
}
	.philosophy01 h3.cap {
		font-size:16px;
		margin-bottom:30px;
	}
	.philosophy01 p.read {
		margin-bottom:60px;
	}
			
.about01 {
	padding-bottom:50px;
	margin-bottom:50px;
}

.about02 {
	margin-bottom:70px;
}

img.aboutLogo {
	display:block;
	width:100%;
	max-width:200px;
	margin:0 auto 40px auto;
}

dl.history {
	background:url(../../greeting/img/history_bg.gif) 90px 0 repeat-y;
	background-size:1px 2px;
}
	dl.history dt {
		width:90px;
	}
	dl.history dd {
		margin-left:90px;
		padding-left:15px;
	}
		dl.history dd:before {
			width:7px;
			height:7px;
			top:10px;
			left:-3px;
		}

.managementPolicy {
	padding-bottom:70px;
}
		.managementPolicy div.box {
			position:relative;
			width:auto;
			max-width:900px;
			margin-left:auto;
			margin-right:auto;
			background: #fbdec2;
			background: -moz-linear-gradient(45deg,  #fbdec2 0%, #fff2cb 100%);
			background: -webkit-linear-gradient(45deg,  #fbdec2 0%,#fff2cb 100%);
			background: linear-gradient(45deg,  #fbdec2 0%,#fff2cb 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdec2', endColorstr='#fff2cb',GradientType=1 );
			padding:50px 20px 30px 20px;
			border-radius:14px;
		}
			.managementPolicy div.box h3 {
				font-size:17px;
				margin-bottom:30px;
			}
				.managementPolicy div.box h3 span br {
					display:none;
				}
			.managementPolicy div.box p.number {
				display: inline-block;
				position: absolute;
				top: -6px;
				left: 20px;
				margin: 0;
				padding: 5px 0 0 0;
				z-index: 2;
				width: 40px;
				text-align: center;
				color: #FFF;
				font-family: 'Arima Madurai', cursive;
				font-size: 18px;
				font-weight:700;
				line-height:1.8;
				background: linear-gradient(#EF7563 0%, #EB543F 100%);
				border-radius: 2px 0 0 0;
			}
				.managementPolicy div.box p.number:before {
					position: absolute;
					content: '';
					top: 0;
					right: -6px;
					border: none;
					border-bottom: solid 6px #CE2D15;
					border-right: solid 6px transparent;
				}
				.managementPolicy div.box p.number:after {
					content: '';
					position: absolute;
					left: 0;
					top: 100%;
					height: 0;
					width: 0;
					border-left: 20px solid #e95738;
					border-right: 20px solid #e95738;
					border-bottom: 10px solid transparent;
				}
			.managementPolicy div.box ul li {
				margin-bottom:20px;
			}
				.managementPolicy div.box ul li:before {
					top:8px;
				}
}

/* !代表挨拶
---------------------------------------------------------- */
.greeting {
	width:100%;
	background:url(../img/dot_bg02.png) 0 0 repeat;
	background-size:10px 10px;
}
	.greeting div.inner {
		position:relative;
		width:auto;
		max-width:1200px;
		padding:90px 50px 80px 50px;
		margin:0 auto;
	}
		.greeting div.inner img {
			display:block;
			position:absolute;
			width:100%;
			max-width:33.3%;
			z-index:1;
		}
		.greeting div.inner div.box {
			position:relative;
			width:63%;
			background:#FFF;
			padding:60px 60px 40px 40px;
			z-index:2;
			margin-left:37%;
			margin-top:150px;
		}
			.greeting div.inner div.box h2 {
				position:relative;
				font-size:20px;
				font-weight:bold;
				line-height:1.8;
				color:#ED7700;
				padding-left:1em;
				margin-bottom:40px;
			}
				.greeting div.inner div.box h2::before {
					display:block;
					position:absolute;
					content:"";
					width:3px;
					height:100%;
					background:#FEC825;
					top:0;
					left:0;
				}
			.greeting div.inner div.box p.signature {
				text-align:right;
			}
				.greeting div.inner div.box p.signature span {
					font-size:18px;
					font-weight:bold;
				}




@media screen and (max-width:1039px){
	.greeting div.inner {
		padding:70px 30px 70px 30px;
	}
		.greeting div.inner div.box {
			padding:40px;
			margin-top:100px;
		}
			.greeting div.inner div.box h2 {
				font-size:18px;
			}
				.greeting div.inner div.box p.signature span {
					font-size:16px;
				}
}

@media screen and (max-width:767px){
	.greeting div.inner {
		position:relative;
		width:auto;
		max-width:1200px;
		padding:60px 20px 60px 20px;
		margin:0 auto;
	}
		.greeting div.inner img {
			position:inherit;
			width:100%;
			max-width:240px;
			margin:0 auto 40px auto;
		}
		.greeting div.inner div.box {
			width:100%;
			background:#FFF;
			padding:30px 20px 20px 20px;
			z-index:2;
			margin-left:0;
			margin-top:0;
		}
			.greeting div.inner div.box h2 {
				font-size:16px;
				line-height:1.8;
				margin-bottom:40px;
			}
				.greeting div.inner div.box h2 br {
					display:none;
				}
}

/* !事業所紹介
---------------------------------------------------------- */
ul.officeBox {
	width:100%;
}
	ul.officeBox li {
		width:48.5%;
		float:left;
		background:#F3F4F5;
		padding:30px;
		margin-right:3%;
		margin-bottom:30px;
		border-radius:10px;
	}
	ul.officeBox li:nth-child(even) {
		margin-right:0;
	}
	ul.officeBox li:last-child {
		margin-bottom:0;
	}
	ul.officeBox li:nth-last-child(2) {
		margin-bottom:0;
	}
		ul.officeBox li img {
			display:block;
			max-width:240px;
			margin:0 auto 30px auto;
		}
		ul.officeBox li h4.name {
			position:relative;
			font-size:18px;
			font-weight:bold;
			color:#FFF;
			line-height:1.5;
			background:#EE7700;
			padding:0.4em 0.8em 0.4em 1.6em;
			margin-bottom:25px;
		}
		ul.officeBox li h4.name br {
			display:none;
		}
			ul.officeBox li h4.name::before {
				position:absolute;
				display:block;
				content:"";
				width:6px;
				height:6px;
				background:#FFF;
				border-radius:50%;
				top:19px;
				left:15px;
			}
			
	ul.officeBox table {
		width:100%;
		border-collapse: separate;
		border-top:1px dotted #A7A7A7;
	}
		ul.officeBox table th,
		ul.officeBox table td {
			padding:0.6em 0;
			line-height:1.6;
		}
		ul.officeBox table th {
			width:25%;
			vertical-align:top;
			border-bottom:1px dotted #A7A7A7;
		}
		ul.officeBox table td {
			width:75%;
			vertical-align:top;
			border-bottom:1px dotted #A7A7A7;
		}
		
		ul.officeBox li a.mapLink {
			display:inline-block;
			font-size:12px;
			color:#FFF;
			line-height:1;
			background:#8AC88D;
			padding:0.6em 0.8em;
			border-radius:4px;
			transition: all 0.6s ease;
			margin:0.4em 0 0 0.4em;
		}
			ul.officeBox li a:hover.mapLink {
				opacity:.7;
			}

@media screen and (max-width:1039px){
	ul.officeBox li {
		width:47%;
		padding:25px;
		margin-right:4%;
		margin-bottom:25px;
	}
		ul.officeBox li h4.name {
			font-size:16px;
			padding:0.4em 0.8em 0.4em 1.8em;
		}
		ul.officeBox li h4.name br {
			display:inherit;
		}
			ul.officeBox li h4.name::before {
				top:16px;
				left:15px;
			}
		
		ul.officeBox table th {
			width:30%;
		}
		ul.officeBox table td {
			width:70%;
		}
}

@media screen and (max-width:767px){
ul.officeBox {
	width:100%;
}
	ul.officeBox li {
		width:100%;
		float:none;
		background:#F3F4F5;
		padding:15px;
		margin-right:0;
		margin-bottom:25px;
	}
	ul.officeBox li:nth-child(even) {
		margin-right:0;
	}
	ul.officeBox li:last-child {
		margin-bottom:0;
	}
	ul.officeBox li:nth-last-child(2) {
		margin-bottom:25px;
	}
		ul.officeBox li img {
			width:100%;
			max-width:240px;
			margin:0 auto 20px auto;
		}
		ul.officeBox li h4.name {
			position:relative;
			font-size:16px;
			font-weight:bold;
			color:#FFF;
			line-height:1.5;
			background:#EE7700;
			padding:0.4em 0.8em 0.4em 1.8em;
			margin-bottom:0;
		}
			ul.officeBox li h4.name::before {
				position:absolute;
				display:block;
				content:"";
				width:6px;
				height:6px;
				background:#FFF;
				border-radius:50%;
				top:16px;
				left:15px;
			}
			
	ul.officeBox table,
	ul.officeBox table thead,
	ul.officeBox table tbody,
	ul.officeBox table tr,
	ul.officeBox table th,
	ul.officeBox table td {
		width:100%;
		display: block;
		border-top:0;
	}
		ul.officeBox table th,
		ul.officeBox table td {
			padding:0.6em;
			line-height:1.6;
		}
		ul.officeBox table th {
			width:100%;
			border-bottom:0;
			background:#E6E8EA;
			font-weight:bold;
		}
		ul.officeBox table td {
			width:100%;
			border-bottom:0;
		}
}

/* !取り組み
---------------------------------------------------------- */
ul.photo3Lines {
	width:100%;
}
	ul.photo3Lines li {
		width:33.33%;
		float:left;
		border-right:1px solid #FFF;
	}
		ul.photo3Lines li img {
			display:block;
			width:100%;
		}
		
.waTit {
	display:block;
	width:380px;
	background: #EE7700;
	box-shadow: 0px 0px 0px 7px #EE7700;
	border: dashed 1px #FFBE7D;
	padding: 0.4em 0;
	font-size:32px;
	font-weight:bold;
	color: #FFF;
	line-height:1.4;
	letter-spacing:0.1em;
	text-align:center;
	margin:0 auto 70px auto;
}

img.wa {
	display:block;
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

@media screen and (max-width:1039px){
.waTit {
	width:320px;
	font-size:26px;
}
}

@media screen and (max-width:767px){
ul.photo3Lines {
	width:100%;
}
	ul.photo3Lines li {
		width:100%;
		max-width:320px;
		float:none;
		border-right:0;
		margin:0 auto 1px auto;
	}
		ul.photo3Lines li img {
			display:block;
			width:100%;
		}

.waTit {
	width:260px;
	font-size:20px;
	margin:0 auto 60px auto;
}
}

/* !お問い合わせ
---------------------------------------------------------- */
ul.contactStep {
	width:100%;
	margin:0 auto 55px auto;
}
	ul.contactStep li {
		width:30%;
		float:left;
		margin-right:5%;
	}
		ul.contactStep li:last-child {
			margin-right:0;
		}
		ul.contactStep li.norm {
			display:block;
			height:54px;
			line-height:54px;
			background:#FDD0D2;
			text-align:center;
			font-size:20px;
			font-weight:bold;
			color:#F85A66;
			position:relative;
		}
			ul.contactStep li.norm:after {
				position:absolute;
				content:"";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 27px 0 27px 27px;
				border-color: transparent transparent transparent #FDD0D2;
				top:0;
				right:-27px;
			}
				ul.contactStep li:last-child.norm:after {
					display:none;
				}
		ul.contactStep li.current {
			display:block;
			height:54px;
			line-height:54px;
			background:#F98992;
			text-align:center;
			font-size:20px;
			font-weight:bold;
			color:#FFF;
			position:relative;
		}
			ul.contactStep li.current:after {
				position:absolute;
				content:"";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 27px 0 27px 27px;
				border-color: transparent transparent transparent #F98992;
				top:0;
				right:-27px;
			}
				ul.contactStep li:last-child.current:after {
					display:none;
				}
	

@media screen and (max-width:1039px){

}

@media screen and (max-width:767px){	
ul.contactStep {
	margin:0 auto 50px auto;
}
	ul.contactStep li {
		width:28%;
		margin-right:8%;
	}
		ul.contactStep li.norm {
			height:46px;
			line-height:46px;
			font-size:100%;
		}
			ul.contactStep li.norm:after {
				border-width: 23px 0 23px 23px;
				right:-23px;
			}
		ul.contactStep li.current {
			height:46px;
			line-height:46px;
			font-size:100%;
		}
			ul.contactStep li.current:after {
				border-width: 23px 0 23px 23px;
				right:-23px;
			}
	
}