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

@charset "utf-8";
/* CSS Document */
html {font-size:62.5%;}
body {
	font-family:"メイリオ" ,Meiryo , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #EEE9ED;
	position: relative;
	font-size:15px;
	font-size:1.5rem;
	color: #493759;
}

body,header {
    padding:0;
    margin:0;
    position: relative;
}
a{
	text-decoration:none;
}
a:link {
    color: #9c1668;
}
a:visited {
    color: #590a33;
}
a:hover {
    color: #de1e82;
}
a:active {
    color: #de1e82;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
img{
	max-width: 100%;
	}
@media screen and (max-width:640px){
	img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
		display:block;
	}
	
}
.Wrapper{
	width:100%;
	max-width:1020px;
	margin: 0 auto;
	position:relative;
}
@media screen and (max-width:1020px){
	.Wrapper {
		width: 90%;
	}
}
@media screen and (max-width:640px){
	.Wrapper {
		width: 90%;
	}
}

/*-------------------------------

Header

---------------------------------*/

body header a, body header a:visited{
	color: #493759 !important;
	text-decoration:none;
}
body header a:hover, body header a:active{
    color: #9c1668 !important;
}
.Head_Top{
	background-color: #EEE9ED;
	width:100%;
}
.Head_Top_H1{
	font-size:1.2rem;
	float:left;
	margin-top:20px;
}
.Head_Top_H1_Small{
	float:left;
	padding: 15px 10px 0 0px;
}
.Head_Top_H1_Logo{
	font-size: 2.4rem;
	display: block;
}
.Head_Top_H1 h1 img,
.Head_Top_H1_Logo img{
	width: 178px;
}

.Head_Top_Box{
	float:right;
	display:table;
}
.Head_Top_Green, .Head_Top_Purple{
	display:table-cell;
	vertical-align:middle;
}
.Head_Top_Box ul{
	list-style-type:none;
	margin:0;
	padding:0;
	display:table;
}
.Head_Top_Box ul li{
	display:table-cell;
}
.Head_Top_Box ul li a{
	padding:10px 30px 10px 0;
	display:block;
	font-size:1.2rem
}
.Head_Top_Green{
	background-color: #397E62;
	line-height:120%;
	color: #ffffff;
	padding:5px 10px;
	font-size:1.2rem;
	text-align:center;
}
.Head_Top_Green_Yellow{
	color: #FF9;
}
.Head_Top_Purple{
	background: url(../img/common/tel.png) 8px 30% no-repeat;
	background-color:#674D8E;
	color:#ffffff;
	font-weight:bold;
	font-size:2.4rem;
	padding: 2px 10px 0 30px;
}
@media screen and (max-width: 980px) {
	.Head_Top{
		position:fixed;
		top:0;
		left:0;
		z-index: 500;
		background-color: #ffffff;
	}
	.Head_Top_Box{
		display:none;
	}
	.Head_Top_Navbox{
		padding: 0;
		width: 100%;
	}
	.Head_Top_H1{
		float:none;
		position: fixed;
		top: 0;
		left: 0;
		padding: 15px 5%;
		z-index: 900;
		background-color: #ffffff;
		width: 100%;
		box-sizing:border-box;
		margin: 0;
	}
	.Head_Top_H1 p{
		display:none;
	}
	.Head_Top_H1 p.Head_Top_H1_Logo{
		display: block;
	}
}

/*Toggle*/
#Nav_Toggle {
	display: none;
	position: absolute;
	right: 5%;
	top: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 999;
}
#Nav_Toggle div {
	position: relative;
}
#Nav_Toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #666;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#Nav_Toggle span:nth-child(1) {
	top: 0;
}
#Nav_Toggle span:nth-child(2) {
	top: 11px;
}
#Nav_Toggle span:nth-child(3) {
	top: 22px;
}
@media screen and (max-width: 980px) {
	#Nav_Toggle {
        display: block;
    }
    /* #Nav_Toggle 切り替えアニメーション */
    .open #Nav_Toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #Nav_Toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #Nav_Toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
}

/*Nav*/
.Head_Top_Navbox{
	background:#ffffff;
	position: relative;
}
nav ul{
	list-style-type:none;
	display: table;
	float:right;
}
nav li{
	display:table-cell;
}
nav li a{
	display:block;
	font-size:1.5rem;
	font-weight:bold;
	padding:35px 20px;
}
nav li:nth-child(5) a{
	padding-right:0;
}
nav li.Head_Nav_Sp a{
	display:none;
}
@media screen and (max-width: 980px) {
	.Head_Top_Navbox{
		background:inherit;
		position: relative;
	}
    nav {
        position: absolute;
        top: -485px;
        background: #ffffff;
        width: 120%;
        text-align: left;
        padding: 0px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        margin-left: -10%;
        z-index: 800;
    }
    nav ul {
        position: static;
        font-size: 1.4rem;
        width: 100%;
		float:none;
		display:block;
        border-bottom:1px solid #ddd;
    }
    nav ul li {
        width: 100%!important;
        display: block;
    }
    nav ul li a{
        padding: 15px 0 15px 10%;
        border-top:1px solid #ddd;
        position:relative;
    }
    nav ul li a:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 90%;
		width: 0;
		height: 0;
		margin-top: -5px;
		border: 5px solid transparent;
		border-left: 5px solid #493759;
    }
	.open nav {
		-moz-transform: translateY(540px);
		-webkit-transform: translateY(540px);
		transform: translateY(540px);
	}
	nav li.Head_Nav_Sp a{
		display:block;
	}
}
/*-------------------------------

Footer

---------------------------------*/
footer{
	background-color: #b8a5d6;
	position: relative;
	overflow: hidden;
}
footer:after{
	display: block;
	content: "";
	position: absolute;
	top: -314%;
	left: 50%;
	width: 0;
	height: 0;
	margin-left:-565px;
	border: 565px solid transparent;
	border-bottom: 565px solid #CAB6E9;
	z-index: 0;
}
.Footer_Box{
	z-index: 1;
	margin-top: 30px;
	margin-bottom: 20px;
}
.Footer_Menu{
	list-style-type:none;
	margin:0 auto;
	max-width: 1020px;
	width: 100%;
}
.Footer_Menu li a{
	display: block;
	padding: 10px 2% 10px 0;
	float:left;
	border:3px solid #ffffff;
	margin-right: 2.5%;
	font-weight: bold;
	position: relative;
	font-size: 1.3rem;
	width: 18%;
	text-align: center;
	box-sizing: border-box;
}
.Footer_Menu li a, .Footer_Menu li a:visited, .Footer_Menu li a:hover, .Footer_Menu li a:active{
	color: #ffffff !important;
}
.Footer_Menu li a:hover, .Footer_Menu li a:active{
	background-color:#dbcdf3;
}
.Footer_Menu li a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 1%;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #ffffff;
}
.Footer_Menu li:last-child a{
	margin-right: 0;
}
.Footer_Address{
	max-width:550px;
	margin:0 auto;
}
.Footer_Address_Btn a{
	display: block;
	padding: 15px 50px 15px 20px;
	float:left;
	margin-right: 20px;
	position: relative;
	background:url(../img/common/newwindow_w.png) 95% 45% no-repeat;
	background-color: #674d8d;
}
.Footer_Address_Btn a, .Footer_Address_Btn a:visited, .Footer_Address_Btn a:hover, .Footer_Address_Btn a:active{
	color: #ffffff !important;
}
.Footer_Address_Btn a:hover, .Footer_Menu li.Footer_Address_Btn a:active{
	background-color:#8267ab;
}
.Footer_Adress_Box{
	margin:30px 0 0 0;
	line-height:1.8rem;
}
.Footer_copyright{
	font-size:1rem;
}
#Sp_Contact{
	display:none;
}
#pageTop{
	bottom: 60px;
	opacity: 0;
	height:50px;
	width:50px;
	border-radius: 28px;
	border: 3px solid #493759;
	position: fixed;
	right: 50px;
	background-color: #b8a5d6;
	background-image: url(../img/common/pagetop.png);
	background-repeat: no-repeat;
	background-position:center center;
	z-index:777;
	}
#pageTop a{
	display: block;
	width:100%;
	height: 100%;
}
@media screen and (max-width: 640px) {
	footer .Wrapper{
		width:100%;
	}
	footer:after{
		display:none;
	}
	.Footer_Box{
		margin: 0 0 60px 0;
	}
	.Footer_Menu{
		width: 100%;
	}
	.Footer_Menu li a{
		width: 100%;
		float:none;
		border-top: none;
		margin-right: 0;
		font-size:1.4rem;
		border-left: none;
		border-right: none;
		padding: 15px 0;
	}

	.Footer_Menu li:last-child a{
		border-bottom:3px solid #ffffff;
	}
	.Footer_Menu li a:after{
		left: 90%;
	}
	.Footer_Address{
		width:90%;
		text-align:center;
		}
	.Footer_Address_Btn a{
		float:none;
		margin: 20px 0;
	}
	.Footer_Adress_Box{
		margin:0;
		font-size:1.4rem;
	}
	.Footer_copyright{
		padding-top: 10px;
	}
	#pageTop,.TOP_arrow{
		display:none !important;}
	#Sp_Contact{
		width:100%;
		background-color:#fff;
		border:2px solid #3b7960;
		font-size:1.0525rem;
		position:fixed;
		color:#fff;
		right:0px;
		bottom:0px;
		z-index:9999;
		display:inline-block;
	}
	#Sp_Contact ul{
		overflow:hidden;
		height:50px;
	}

	#Sp_Contact ul li{
		float:left;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
		justify-content: center; /* 横方向中央揃え */
		color: #ffffff;
		background-color: #3b7960;
		}

	#Sp_Contact ul li:first-child{
		color:#3b7960;
		background-color:#ffffff;
		border-left:2px solid #3b7960;
		width:30%;
		height:100%;
		box-sizing:border-box;
	}
	#Sp_Contact ul li:first-child p{
		padding: 5px;
		font-size: 1.1rem;
		}
	#Sp_Contact ul li:last-child{
		width:70%;
		height:100%;
		font-weight:bold;
		font-size: 1.8rem;
		padding-left:10%;
		box-sizing:border-box;
		float:right;
		height:100%;
	}
	#Sp_Contact ul li:last-child a{
		display: block;
		position:relative;
		color: #ffffff;
	}
	#Sp_Contact ul li:last-child a:before{
		display: block;
		content: "";
		position: absolute;
		top: -5%;
		left: -15%;
		width: 100%;
		height:100%;
		background:url(../img/common/tel.png) 0% 0% no-repeat;
			}
}
/*-------------------------------

Contents Common

---------------------------------*/
main{
	display: block;
	background-color:#EEE9ED;
	padding: 0 0 60px 0;
}
@media screen and (max-width: 640px) {
	main{
	padding: 0 0 20px 0;
}