@charset "utf-8";
@import "reset.css";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*font layout*/
.fBold{font-weight:bold;}

/*rollover*/
.ro a:hover,
a.ro:hover,
a .ro:hover{ filter:alpha(opacity=80);opacity:0.8; }
.ro a,
a.ro,
a .ro{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

body{
	font-family: 'Cantarell', 'Noto Sans JP';
	min-width: 1500px;
}


.spOnly,
.brSp,
.imgSp,
.txtSp{
	display:none;
}
@media only screen and (max-width:767px){
 body {
min-width: 0;
}
	.imgR{
		width:100%;
		height:auto;
	}
	.spNone,
	.brPc,
	.imgPc{
		display:none;
	}
	.spOnly{
		display:block;
	}
	.brSp,
	.imgSp,
	.txtSp{
		display:inline;
	}
}

/* メニューリスト */
#gNav li{
	font-size:125%;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #ccc;
}
#gNav li a{
	display:block;
	width:90%;
	padding:0px 10px;
/*	background:url(../../img/lp3/common/arrow.png) no-repeat right;*/
	background-size:6px;
}
#gNav li a span{
	font-size:85%;
}
.dLink{/* リンクなし */
		padding:0px 10px;
		/*background:url(../../img/lp3/common/arrow.png) no-repeat right;*/
		background-size:6px;
		color:#ccc;
		width:90%;
}
/* 閉じる */
#gNavClose{
	background:#F3F3F3;
	padding:20px 0px;
	margin-bottom: 173%;
}
#gNavClose p{
	background:#999999;
	width:79px;
	height:33px;
	margin:auto;
	line-height:33px;
	text-align:center;
	color:#FFF;
	border-radius:3px;
}
#gNavClose span{
	font-size:130%;
}
}

/*rollover(透明部分がある画像用)*/
.brt a:hover,a.brt:hover,a .brt:hover{ -webkit-filter: brightness(1.1);filter: brightness(1.1); }
.brt a,
a.brt,
a .brt{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

@media only screen and (max-width:767px){
	.wrapper {
		width:93.75%;
		margin:0 auto;
	}
}

/*--PcNav--*/
#PcNav {
	background:#fff;
	width:1100px;
	height:90px;
	margin:0 auto;
	box-sizing:border-box;
}
#PcNav .tit_logo {
	border-right:1px solid #D6D6D6;
	padding:10px 40px;
	margin-top:25px;
	}
#PcNav ul {
	padding-left:16px;
}
#PcNav li {
	float:left;
}
#PcNav li a,#PcNav .contact a {
	text-decoration:none;
	font-size:15px;
	line-height:120%;
	font-weight:bold;
	padding:36px 22px;
	display:block;
	letter-spacing:2px;
}
#PcNav li a{
	color:#211813;
}
#PcNav .phone {
	padding:33px 45px 33px 30px;
}
#PcNav .contact {
	background:#EA5150;
	display:inline-block;
	float:right;
}
#PcNav .contact a {
	color:#fff;
	padding-left:56px;
	padding-right:56px;
}
#PcNav .top_txt {
	float:left;
}
@media only screen and (max-width:767px){
	#PcNav {
		display:none;
}
}

/*--adopt--*/
#adopt {
	background:url(../img/common/adopt_bg.png) no-repeat center top;
	height:530px;
	padding:90px 0;
	box-sizing:border-box;
}
#adopt .tit {
	font-size:40px;
	line-height:40px;
	letter-spacing:10px;
	color:#fff;
	text-align:center;
}
#adopt .tit02 {
	padding:25px 0 30px 0;
}
#adopt .tit02,#adopt .btn {
	text-align:center;
}
#adopt .txt {
	font-size:17px;
	line-height:40px;
	color:#fff;
	letter-spacing:3px;
	text-align:center;
	padding-bottom:40px;
}
@media only screen and (max-width:767px){
	#adopt {
		padding:50px 0;
	}
	#adopt .tit {
	font-size:26px;
	letter-spacing:5px;
}
#adopt .tit02 {
	width:20%;
	margin:0 auto;
}
#adopt .txt {
	font-size:13px;
	line-height:20px;
	text-align:left;
}
#adopt .btn {
	width:70%;
	margin:0 auto;
}
}

/*--footer_top--*/
#footer_top {
	width:1130px;
	margin:0 auto;
	padding-top:125px;
	padding-left:32px;
	height:236px;
	position:relative;
	z-index:1;
	clear:both;
}
#footer_top .footer_box {
	width:1270px;
	overflow:hidden;
	position:relative;
	
}
#footer_top .img {
	padding-top:25px;
}
#footer_top .phone {
	width:560px;
	height:160px;
	background:#F4F4F0;
	padding:43px 38px;
	margin-left:20px;
	box-sizing:border-box;
	position:relative;
}
#footer_top .phone_bg {
	position:absolute;
	left:-18px;
	top:72px;
}
#footer_top .phone_img {
	position:absolute;
	right:-102px;
	top:20px;
}
#footer_top .phone_txt01 {
	color:#2E9405;
	font-size:15px;
	line-height:120%;
	padding:8px 8px 0 0;
	letter-spacing:1px;
}
#footer_top .phone_txt02 {
	padding-bottom:10px;
}
#footer_top .phone_txt03 {
	text-align:center;
	color:#333333;
	font-size:13px;
	line-height:36px;
}
#footer_top .txtFloat {
	float:left;
}
#footer_top .top_btn {
	float:right;
	position:absolute;
	right:0;
	top:130px;
}
#footer_top .top_btn a {
	display:block;
}
#footer_top .float01 {
	float:left;
}
@media only screen and (max-width:767px){
	#footer_top {
	width:100%;
	height:auto;
	padding-left:0;
	padding-top:0;
}
#footer_top .footer_box {
	width:100%;
}
#footer_top .phone {
	width:100%;
	height:auto;
	padding:20px;
	margin-left:0px;
	margin-top:-5px;
}
#footer_top .phone_txt01 {
	float:none;
	text-align:center;
}
#footer_top .phone_txt02 {
	width:80%;
	margin:0 auto;
	float:none;
	padding-top:20px;
}
#footer_top .phone_img {
	width:40%;
	display:inline-block;
	position:inherit;
	right:0;
	top:0;
	margin-top:10px;
}
#footer_top .top_btn {
	width:15%;
	position:inherit;
	top:90px;
}

}

/*--footer--*/
footer {
	background:#444444;
	text-align:center;
	padding:70px 0;
	position:relative;
	z-index:2;
	margin-top:-4px;
	clear:both;
}
footer .link_top li,footer .link_bottom li {
	float:left;
	border-right:1px solid #A2A2A2;
}
footer .link_top li:last-child,footer .link_bottom li:last-child {
	border-right:none;
}
footer .link_bottom li a {
	text-decoration:none;
	color:#fff;
	display:block;
}
footer .link_top li {
	color:#fff;
	padding:0 20px;
}
/*footer .link_top li a {
	padding:0 20px;
}*/
footer .link_bottom li a {
	padding:0 15px;
}
footer .link_top {
	font-size:14px;
	display:inline-block;
	letter-spacing:3px;
	font-weight:500;
}
footer .link_bottom {
	font-size:13px;
	display:inline-block;
	letter-spacing:1px;
}
footer .companyName,footer .street,footer .phone {
	color:#fff;
}
footer .street,footer .phone {
	font-size:13px;
	line-height:26px;
	letter-spacing:3px;
	font-family:'Noto Sans JP';
}
footer .companyName {
	font-size:18px;
	line-height:120%;
	letter-spacing:2px;
	margin:45px 0 17px 0;
	font-weight:500;
}
footer .companyBtn {
	width:240px;
	margin:32px auto 50px;
	border:1px solid #9C9C9C;
	border-radius:50px;
	font-size:15px;
	line-height:120%;
	letter-spacing:2px;
}
footer .companyBtn a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:20px 40px;
}
footer .copy {
	color:#999999;
	font-size:12px;
	line-height:22px;
	letter-spacing:2px;
	margin-top:38px;
}

@media only screen and (max-width:767px){
	footer {
	padding:30px 0;
}
	footer .link_top {
		font-size:12px;
		letter-spacing:3px;
	}
	footer .link_top li{
		float:none;
		border:1px solid #9C9C9C;
		margin-bottom:15px;
		padding:20px;
	}
	footer .link_top li:last-child {
	border-right:1px solid #9C9C9C;
	}
/*	footer .link_top li a {
	padding:20px;
	
}*/
footer .companyName {
	margin-top:20px;
}
footer .street,footer .phone {
	font-size:12px;
}
footer .companyBtn {
	width:200px;
	margin:25px auto 30px;
	font-size:14px;
}
footer .companyBtn a {
	padding:17px 0;
}
footer .link_bottom {
	font-size:12px;
}
footer .copy {
	margin-top:30px;
}
	
}

/*--.boxMenu--*/
@media only screen and (max-width:767px){
	.tit_logo02 {
		position:absolute;
		top:18px;
		left:10px;
		width:145px;
	}
.boxMenu {
		display: none;
	}
.boxMenu {
	width: 100%;
	height: 45px;
	border-top: #aaa 1px solid;
	border-bottom: #aaa 1px solid;
	position: relative;
	z-index: 10;
	background: #ebebeb;
}

.boxMenu ul {
	margin: 0 auto;
	width: 800px;
	height: 45px;
	text-align: left;
}
.boxMenu ul li {
	width: 160px;
	height: 45px;
	float: left;
	border-left: #aaa 1px solid;
	box-sizing: border-box;
}
	#menuOverlay {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.6);
		display: none;
		position: fixed;
		z-index: 9997;
	}
	#switchBtnArea {
		height: 60px;
	}
	#switchBtnArea #switchBtn {
		top: 10px;
		right:10px;
		width: 40px;
		height: 40px;
		display: block;
		border:1px solid #000;
		position: absolute;
		z-index: 9998;
	}
	#switchBtnArea #switchBtn span {
		left: 20%;
		width: 60%;
		height: 4px;
		display: block;
		position: absolute;
		background-color: #fff;
		border-radius: 5px;
		transition: all 0.2s linear;
	}
	#switchBtnArea #switchBtn span:nth-of-type(1) {
		top: 10px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
			background:#000;
	}
	#switchBtnArea #switchBtn span:nth-of-type(2) {
		top: 18px;
		-webkit-transform: scale(1);
		transform: scale(1);
		background:#000;
	}
	#switchBtnArea #switchBtn span:nth-of-type(3) {
		bottom: 10px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
			background:#000;
	}
	#switchBtnArea #switchBtn.btnClose {
		background:#fff;
	}
	#switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
		top: 18px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	#switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
		bottom: 18px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#rwdMenuWrap {
		top: 0;
		right:-200px;
		width: 200px;
		height: 100%;
		background: #3c3c3c;
		overflow: auto;
		position: fixed;
		z-index: 9999;
	}
	#rwdMenuWrap ul {
		width: 100%;
	}
	#rwdMenuWrap li {
		width: 100%;
		border-bottom: #aaa 1px solid;
		list-style-type:none;
	}
		#rwdMenuWrap li a {
		padding: 15px 20px;
		text-align: left;
		display: block;
		text-decoration:none;
		background: #ebebeb;
		position: relative;
		color:#333;
	}
	#contents {
		width: 100%;
	}
}