@charset "UTF-8";
/* CSS Document */

body {
	position: relative;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

@media screen and (max-width: 786px) {
	.pc {
	display: none;
}

.sp {
	display: block;
}
}

a:hover {
	opacity: .8;
}

.wrap {
	width: 900px;
	margin: 0 auto;
}

.link_btn {
	background-color: #363344;
	color: #fff;
	border-radius: 3px;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 45px 14px 14px;
	background-image: url("../img/arrow.png");
	background-repeat: no-repeat;
	background-size: 9px;
	background-position: right 15px center;
}

.link_btn:hover {
	opacity: 0.8;
}

.link_btn.purple {
	background-color: #b83f87;
	background-image: url("../img/arrow_white.png");
	display: block;
	width: 410px;
	margin:0 auto;
	text-align: center;
	border-radius: 8px;
}

.txt-14 {
	font-size: 14px;
	line-height: 1.7;
}

.txt-16 {
	font-size: 16px;
	line-height: 1.7;
}

.mb20px {
	margin-bottom: 20px;
}

.mb60px {
	margin-bottom: 60px;
}

.mb75px {
	margin-bottom: 75px;
}

.mb150px {
	margin-bottom: 150px;
}

.center {
	text-align: center;
}


.txt-navy {
	color: #363344;
}

#footer {
	background-color: #363344;
	padding-top: 48px;
	margin-top: 130px;
}
#footer .wrap {
	width: 600px;
}

#footer ul {
	overflow: hidden;
}

#footer p , a  , li {
	color: #fff;
}

#footer .wrap {
	text-align: center;
}

#footer  .footer-wrap li {
	float: left;
}
#footer  .footer-wrap {
	margin-bottom: 18px;
	padding-left: 22px;
}

#footer ul .tel {
	font-size: 27px;
	font-weight: 700;
}

#footer ul .mail {
	font-size: 18px;
	font-weight: 700;
	padding-top: 8px;
	padding-left: 40px;
	margin-left: 25px;
	background-image: url("../img/mail-icon.png");
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 0 7px;
}

.pageTop {
	position: fixed;
	right: 30px;
	bottom: 100px;
}

#footer .footerlink {
	margin-bottom: 20px;
	padding-left: 20px;
}

#footer .footerlink li {
	float: left;
}

#footer .footerlink li {
	line-height: 1;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 14px;
	font-weight: 600;
}

#footer .footerlink li{
	border-right: solid 1px #fff ;
}

#footer .footerlink li:last-child {
	border-right: none;
	padding-right: 0;
}

#footer .footerlink li:first-child {
	padding-left: 0;
}

#footer .credit {
	font-size: 11px;
	font-weight: 600;
	padding-bottom: 45px;
}


@media screen and (max-width: 786px) {
	
	body {
		width: 100%;
		overflow-x: hidden!important;
	}
	
	.wrap {
		width: 100%;
		padding: 0 3%;
	}
	
	/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 32px;
  height  : 3px ;
  left    : 6px;
  background : #b83f87;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span{
  background :#fff;
}
.hamburger.active span:nth-child(1) {
  -webkit-transform: translateY(6px);
  -moz-transform   : translateY(6px);
  transform        : translateY(6px);
}
.hamburger.active span:nth-child(2){
-webkit-transform: translateY(-4px);
  -moz-transform   : translateY(-4px);
  transform        : translateY(-4px);
}  

.hamburger.active span:nth-child(3) {
  -webkit-transform: translateY(-14px);
  -moz-transform   : translateY(-14px);
  transform        : translateY(-14px);
}

nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba(0,0,0,0.9);
  text-align: center;
  width: 100%;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
font-size: 15px;
	font-weight: 700;
  padding: 1em 0;
  text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  opacity: 100;

}
	.btn {
		width: 100%;
	}
	
.link_btn {
	font-size: 14px;
	font-weight: 600;
	padding: 8px 0;
	width: 80%;
	display: block;
	text-align: center;
	margin: 0 auto;
	line-height: 1.5;
}

.link_btn.purple {
	font-size: 14px;
	font-weight: 600;
	padding: 8px 0;
	width: 80%;
	display: block;
	text-align: center;
	margin: 0 auto;
	line-height: 1.5;
}
	
	
	#footer {
		width: 100%;
		background-color: #363344;
		padding-top: 40px;
		margin-top: 80px;
	}
	#footer .wrap {
		width: 94%;
		margin: 0 auto;
	}

	#footer ul {
		overflow: hidden;
	}

	#footer p , a  , li {
		color: #fff;
	}

	#footer .wrap {
		text-align: center;
	}

	#footer  .footer-wrap li {
		float: none;
		text-align: center;
		display: inline-block;
	}
	#footer  .footer-wrap {
		margin-bottom: 18px;
	}

	#footer ul .tel {
		font-size: 20px;
		font-weight: 700;
	}

	#footer ul .mail {
		font-size: 18px;
		font-weight: 700;
		padding-top: 8px;
		padding-left: 40px;
		margin-left: -15px;
		background-image: url("../img/mail-icon.png");
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: 0 7px;
	}

	.pageTop {
		position: fixed;
		right: 30px;
		bottom: 30px;
	}

	#footer .footerlink {
		margin-bottom: 20px;
	}

	#footer .footerlink li {
		float: none;
	}

	#footer .footerlink li {
		line-height: 1;
		padding-right: 0;
		padding-left: 0;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.7;
	}

	#footer .footerlink li{
		border-right: none;
	}

	#footer .footerlink li:last-child {
		border-right: none;
		padding-right: 0;
	}

	#footer .footerlink li:first-child {
		padding-left: 0;
	}

	#footer .credit {
		font-size: 11px;
		font-weight: 600;
		padding-bottom: 45px;
	}
	
	.mb150px {
	margin-bottom: 70px;
}
	
}