
/*全体基本------------------------------------*/
*{
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Helvetica,"MS Pゴシック","MS PGothic",sans-serif;
}

img{
	border: none;
	vertical-align: top;
	line-height: 0;
	display: block;
	max-width : 100%;
	display: block;
	margin: 0 auto;
}
ul{
	list-style: none;
}
a{
	outline: none;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
}
a:hover{
	outline: none;
	overflow: hidden;
	cursor: pointer;
	text-decoration: underline;
}
a img{
	border: 0px;
}


.clearfix:after{
	content: ".";
	display: block;
	height: 0; 
	font-size:0;
	clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */

#wrap{
	overflow: hidden;
}

.pc_none{
	display: none;
}
.sp_none{
	display: block;
}

@media screen and ( max-width:630px ){
	.pc_none{
		display: block;
	}
	.sp_none{
		display: none;
	}
}

/*ヘッダー部分-----------------------------------*/
#header{
	width: 100%;
	background-color: rgba(255,255,255,0.3);
	/*position: absolute;*/
	position: fixed;
	top: 0;
	z-index: 100;
}
@media screen and ( max-width:420px ){
	#header{
	}
}

#header_inner{
	width: 100%;
	padding: 14px 0px 0px 0px;
}
.header_left{
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#header h1 img{
	margin: 0;
}
@media screen and ( max-width:490px ){
	#header h1 img{
		width : 80%;
	}

}

.new_head_r{
	float: left;
}

.btn {
	color : #0072b1;
	display: block;
	position: absolute;
	top:0px;
	right:15px;
	cursor: pointer;
	z-index: 200;
	font-size: 30px;
	text-shadow:	2px  2px 5px #ffffff,
			-2px  2px 5px #ffffff,
			2px -2px 5px #ffffff,
			-2px -2px 5px #ffffff;
	padding: 0 5px;
}
@media screen and ( max-width:420px ){
	.btn {
		font-size: 24px;
	}
}
a.btn:hover {
	text-decoration: none;
}
.btn .fa-sign-out{display: none;}
.btn.close .fa-outdent{display: none;}
.btn.close .fa-sign-out{display: inline;}

.close {
	background-position: -35px 0;
}
.drawr {
	display: none;
	background-color:rgba(20,30,60,0.8);
	position: absolute;
	top: 0px;
	right:0;
	width:280px;
	padding:60px 0 20px 20px;
	z-index: 100;
}
#menu li {
	width: 100%;
	font-size: 14px;
}
#menu li a {
	color:#fff;
	display: block;
	padding: 15px;
}


/*メインスライドショー--------------------------*/
#main_slide{
	position: relative;
	margin-top: -5px;
}


.sliders div{
	position: absolute;
	bottom: 100px;
	left: 30px;
	z-index: 1;
	color: #fff;
	font-size: 14px;
}

.slides01,
.slides02,
.slides03,
.slides04,
.slides05,
.slides06{
	background-repeat : no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 60.0vw;
	background-position: 50% 50%;
}

.slides01 {
	background-position: 50% 0%;
}
.slides01{background-image: url(../images/bg01_2511.jpg);}
.slides02{background-image: url(../images/bg02.jpg);}
.slides03{background-image: url(../images/bg03.jpg);}
.slides04{background-image: url(../images/bg04.jpg);}
.slides05{background-image: url(../images/bg05.jpg);}
.slides06{background-image: url(../images/bg06.jpg);}


#main_slide .catch{
	position: absolute;
	top: 60px;
	left: 20px;
	/*right: 0;*/
	z-index: 99;
	margin: 0 auto;
	text-align: left;
}

#main_slide .catch h1{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 4.0vmin;
	line-height: 2.0em;
	color : #fff;
	text-shadow: 0px 0px 3px #000;
}
#main_slide .catch h1 span{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 9.0vmin;
	color: #fff0a4;
}
#main_slide .catch h1 img{
	max-width: 50%;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

@media screen and ( max-width:784px ){
	#main_slide ul{
		padding-top: 51px;
	}
}
@media screen and ( max-width:490px ){
	#main_slide ul{
		padding-top: 46px;
	}
}

@media screen and ( max-width:530px ){
	#main_slide .catch h1 img{
		max-width: 75%;
		margin: 0 auto;
	}
}

#main_slide .catch p{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 1.4em;
}

#main_slide .logo{
	position: absolute;
	top: 60px;
	right: 20px;
	z-index: 99;
	width : 20%;
}
#main_slide .logo img{
	display : block;
	width : 100%;
	height : auto;
}
.arrow{
	position: absolute;
	width: 40px;
	top: 70%;
	left: 0;
	right: 0;
	z-index: 98;
	margin: 0 auto;
	text-shadow:	2px  2px 5px #ffffff,
			-2px  2px 5px #ffffff,
			2px -2px 5px #ffffff,
			-2px -2px 5px #ffffff;
}
.arrow a{
	color : #264380;
}
.arrow span{
	font-size: 72px;
}

/*#a1-------------------------------------------------------*/
#a1{

}
@media screen and ( max-width:390px ){
	#a1{

	}
}
#a1 h2{
	font-size: 2.0em;
	line-height: 2.0em;
	text-align: center;
	margin-top: 20px;
	letter-spacing: 0.1em;
}

#a1 h2 {
	position: relative;
	text-align: center;
}
#a1 h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
#a1 h2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}
@media screen and ( max-width:784px ){
	#a1 h2{
		font-size: 1.6em;
	}
}
@media screen and ( max-width:630px ){
	#a1 h2{
		font-size: 1.2em;
	}
}
@media screen and ( max-width:479px ){
	#a1 h2 span {
		margin: 0 0.5em;
		padding: 0 0.5em;
	}
}
@media screen and ( max-width:383px ){
	#a1 h2{
		font-size: 0.95em;
	}
}

#a1 h3{
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: center;
	letter-spacing: 0.1em;
}

#a1 p{
	padding: 0px 20px 0px 20px;
	text-align: center;
}


/* PS記入（251114） */
#a1 .property-info {
    display: flex;
    flex-direction: column;
	align-items: center;
	margin: 30px 0 80px;
	padding: 0 10px;
}

#a1 .property-info h3 {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 1.6em;
	margin-bottom: 10px;
}

#a1 .property-info p {
	margin-bottom: 20px;
}

#a1 .property-info ul {
    border: 1px solid #aaa;
    padding: 1em 1.5em;
    border-radius: 8px;
}

#a1 .property-info ul li::before {
  content: "●";
  display: inline-block;
  margin-right: 0.4em;
}

.sp-br {
  display: none;
}

@media screen and ( max-width:630px ){
	#a1 .property-info h3 {
		font-size: 1.2em;
	}
	.sp-br {
		display: inline;
	}
}



/*#a1-1-----------------------------------------------------*/

#a1-1{
	max-width : 1280px;
	margin-left : auto;
	margin-right: auto;
	margin-bottom:100px;
}

#a1-1 .a1-1_inner {
	display : flex;
	align-items: center;
	flex-wrap: wrap;
}

#a1-1 .a1-1_inner > div{
	width : 50%;
}
#a1-1 h2,
#a1-1 p{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
#a1-1 h2 {
	position: relative;
	text-align: center;
	width : 100%;
    font-size: 2.0em;
    margin-top: 30px;
}
@media screen and ( max-width:784px ){
	#a1-1 h2{
		font-size: 1.6em;
	}
}
@media screen and ( max-width:630px ){
	#a1-1 h2{
		font-size: 1.2em;
	}
}
@media screen and ( max-width:383px ){
	#a1-1 h2{
		font-size: 0.95em;
	}
}
#a1-1 h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
@media screen and ( max-width:530px ){
	#a1-1 h2 span {
		margin: 0 0.1em;
	}
}
#a1-1 h2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}
#a1-1 p{
	margin: 20px 40px 20px 40px;
}

@media screen and ( max-width:624px ) {
	#a1-1 .a1-1_inner {
		flex-direction: column;
	}
	#a1-1 .a1-1_inner > div {
		width : 100%;
	}
}



/* PS記入（251114） */
#a1-1 .a1-1_info {
    display: flex;
    justify-content: center;
	margin-top: 40px;
	padding: 0 10px;
}

#a1-1 .a1-1_info ul {
    border: 1px solid #aaa;
    padding: 1em 1.5em;
    border-radius: 8px;
}

#a1-1 .a1-1_info ul li::before {
  content: "●";
  display: inline-block;
  margin-right: 0.4em;
}

@media screen and ( max-width:624px ) {
	#a1-1 .a1-1_info {
		margin-top: 0px;
	}
}



/*#a2-------------------------------------------------------*/


/*#a3-------------------------------------------------------*/
#a3-title{
	font-size: 2.0em;
	line-height: 2.0em;
	text-align: center;
	margin-top: 20px;
	letter-spacing: 0.1em;
}

#a3-title{
	position: relative;
	text-align: center;
}
#a3-title span{
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
#a3-title::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}
@media screen and ( max-width:784px ){
	#a3-title{
		font-size: 1.6em;
	}
}
@media screen and ( max-width:630px ){
	#a3-title{
		font-size: 1.2em;
	}
}
@media screen and ( max-width:479px ){
	#a3-title span {
		margin: 0 0.5em;
		padding: 0 0.5em;
	}
}
@media screen and ( max-width:383px ){
	#a3-title{
		font-size: 0.95em;
	}
}


#a3{
	max-width : 1280px;
	margin-left : auto;
	margin-right: auto;
}
#a3 p{
	color : #111111;
}
#a301,#a302,#a303,#a304,#a305,#a3055{
	background-repeat : no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:50% auto;
	width: 100%;
	height: 32.35vw;
	max-height : 428px;
	display: table;
}
#a301{
	border-color : #eeeeee;
	border-style : solid;
	border-width : 1px 0px 0px 0px;
}
#a301,#a303,#a305	{background-position: 0 50%;background-color: #fff;}
#a302,#a304,#a3055	{background-position: right 50%;background-color: #eeeeee;}



#a301{background-image: url(../images/about01_2511.jpg);}
#a302{background-image: url(../images/about02_2511.jpg);}
#a303{background-image: url(../images/about03_2511.jpg);}
#a304{background-image: url(../images/about04_2511.jpg);}
#a305{background-image: url(../images/about05.jpg);}
#a3055{background-image: url(../images/about06.jpg);}

#a301 div,#a302 div,#a303 div,#a304 div,#a305 div,#a3055 div{
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 5em;
}
#a301 div,#a303 div,#a305 div	{padding-left : 52%;padding-right: 20px;}
#a302 div,#a304 div,#a3055 div		{padding-right: 52%;padding-left : 20px;}

#a306,#a308,#a310,#a314,#a3155,#a316{
	padding: 1px 20px 20px 20px;
	background-color: #eeeeee;
}
#a307,#a309,#a311,#a313,#a315,#a317,#a312{
	padding: 1px 20px 20px 20px;
	background-color: #ffffff;
}


#a301 p,
#a302 p,
#a303 p,
#a304 p,
#a305 p,
#a3055 p{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

#a3 h2 {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	position: relative;
	color: #111;
	font-size: 1.6em;
	line-height: 1;
	margin: 30px 0 10px 0;
	padding: 14px 5px 5px 10px;
	border-color : #1c8c1b;
	border-style : solid;
	border-width : 0px 0px 1px 0px;
}
#a3 h2:before {
	content: "";
	position: absolute;
	background: #14712c;
	top: 0;
	left: -5px;
	height: 12px;
	width: 12px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#a3 h2:after {
	content: "";
	position: absolute;
	background:#3ca26a;
	top: 15px;
	left: -10px;
	height: 8px;
	width: 8px;
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
}
@media screen and ( max-width:698px ){
	#a3 p{
		font-size: 0.9em;
	}
	#a3 h2 {
		font-size: 1.2em;
		margin: 10px 0 10px 0;
	}
}
@media screen and ( max-width:624px ){
	#a301,#a302,#a303,#a304,#a305,#a3055{
		background-size:100% auto;
		background-position: 0 0;
		width: 100%;
		height: auto;
		position: relative;
	}
	#a301 div,#a302 div,#a303 div,#a304 div,#a305 div,#a3055 div{
		display: block;
		padding: 64vw 10px 30px 10px;
		height : auto;
	}
}
#a3 div table{
width: 100%;
table-layout: fixed;
border-collapse: collapse;
font-size: 14px;
}
#a3 div table tr:first-child th{
	background: #ccc;
	font-weight: bold;
}
#a3 div table tr th:first-child{

border-left: none;
font-weight: bold;
}
#a3 div table th,
#a3 div table td{
padding: 10px;
border-top: 1px dotted #c3c3c3;
border-left: 1px dotted #c3c3c3;
border-bottom: 1px dotted #c3c3c3;
vertical-align: top;
	background: #fff;
}


#a306{
border-block-style: dotted;
border-color: #333;
border-width: 2px 0px 0px 0px;
margin-top: 40px;
}

/*#a4-------------------------------------------------------*/
#a4{
	margin-top:100px;
	margin-left :auto;
	margin-right:auto;
	width : 95%;
	border-color : #999999;
	border-style : solid;
	border-width : 1px;
}
#a4 div{
	background-repeat : no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:40% auto;
	height: 33vw;
	background-position: 0 50%;
	background-image: url(../images/lixil.jpg);
	display: table-cell;
	vertical-align: middle;padding-left: 42%;
}
#a4 h2{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 20px;
}
#a4 p{
	color: #111111;
}

@media screen and ( max-width:604px ){
	#a4 div {
		background-size: 100% auto;
		height: 84vw;
		background-position: 0 0%;
		padding-left: 0;
	}

	#a4 h2 {
		margin-top: 86.5vw;
	}
}


/*#a5-------------------------------------------------------*/
#a5{
	margin-top:10px;
	margin-left :auto;
	margin-right:auto;
	width : 95%;
}





/*#a6-------------------------------------------------------*/
#a6{
	margin-top:100px;
	margin-left :auto;
	margin-right:auto;
	width : 90%;
}
#a6 h2 {
	position: relative;
	text-align: center;
}
#a6 h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
#a6 h2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

@media screen and ( max-width:784px ){
	#a6 h2{
		font-size: 1.6em;
	}
}
@media screen and ( max-width:630px ){
	#a6 h2{
		font-size: 1.2em;
	}
}
@media screen and ( max-width:479px ){
	#a6 h2 span {
		margin: 0 0.5em;
		padding: 0 0.5em;
	}
}
@media screen and ( max-width:383px ){
	#a6 h2{
		font-size: 0.95em;
	}
}

#a6 li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
	color: #111111;
}
 
#a6 li{
	position:relative;
	padding-left:20px;
	border-bottom: 1px dashed #aaa;
}
 
#a6 li:after, #a6 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	top:4px; 
	left:8px; 
	height:11px; 
	width:4px; 
	background:#aaa; 
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
#a6 li:before{
	top:8px; 
	left:3px;
	height:8px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}



/*#a7-------------------------------------------------------*/
#a7{
	margin-top:80px;
	margin-left :auto;
	margin-right:auto;
	width : 80%;
}

#a7 a{
	background-color: #41b6ed;
	border: 1px solid #111111;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #111111;
	width: 90%;
	padding: 10px 0;
	display: block;
	margin-left :auto;
	margin-right:auto;
	text-align: center;
	font-size: 2.0em;
	transition: all .3s;
}
@media screen and ( max-width:570px ){
	#a7 a{
		font-size: 1.4em;
	}
}

#a7 a:hover{
	text-decoration: none;
	background-color: #0a4a80;
	color: #ffffff;
}

/* フローティングボタン_PS追加251114 */
.floating-btn a:link,
.floating-btn a:visited {
    color: #fff;
    background: #EF931A;
    width: 156px;
    height: 156px;
    border-radius: 200px;
    display: flex;
    flex-direction: column; /* 重複削除 */
    justify-content: center;
    align-items: center;
    position: fixed; /* ボタン固定 */
    bottom: 20px;    /* 初期位置 */
    right: 20px;
    text-decoration: none;
    transition: bottom 0.3s ease, background 0.3s; /* bottomの変化もスムーズに */
    z-index: 99; /* 必要に応じて最前面に */
}

.floating-btn a::before {
    content: "";
    display: block;
    width: 28px;
    height: 22px;
    margin-bottom: 8px;
    background-image: url(../images/mail-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none; /* アイコンがクリックを邪魔しない */
}

.floating-btn a:hover,
.floating-btn a:active {
    background: #0a4a80;
}

@media screen and ( max-width:784px ){
	.floating-btn a:link,
	.floating-btn a:visited {
		font-size: 0.875em;
		width: 120px;
		height: 120px;
		bottom: 12px;
		right: 12px;
	}
	.floating-btn a::before {
		width: 22px;
		height: 17px;
		margin-bottom: 4px;
	}
}




/*#footer-------------------------------------------------------*/
#footer{
	margin-top:50px;
	padding-top: 155px;
	width : 100%;
	background-image: url(../images/footer_top.png);
	background-position: center 0;
	background-repeat : repeat-x;
}

#footer img{
	width : auto;
	margin: 0;
}

#footer_inner{
	/*background-image: url(../images/footer_bg.png);*/background-color: #036eb3;
	color : #ffffff;
	border-color : #111111;
	border-style : solid;
	border-width : 3px 0px 0px 0px;
}
#footer_cover{
	max-width: 900px;
	margin: 0 auto;
}

#footer_left{
	/*width : 50%;*/
	float: left;
	padding: 10px 0px 10px 20px;
}
#footer_right{
	width : 40%;
	float: right;
	padding: 10px 20px 10px 0px;
}
#tel{
	background-image: url(../images/free_tel.jpg);
	background-repeat : no-repeat;
	background-position: 0 0;
	padding-left: 70px;
	font-size: 1.8em;
}
#page-top {
	position: fixed;
	bottom: 0px;
	right: 20px;
	z-index: 1;
	opacity: 0.8;
	font-size: 3.2em;
	transition: bottom 0.3s ease, opacity 0.3s ease, background 0.3s;
}

#page-top a{
	color : #0055b4;
}

@media screen and ( max-width:820px ){
	#tel{
		background-size : 40px auto;
		padding-left: 45px;
		font-size: 1.4em;
	}
}

@media screen and ( max-width:530px ){
	#footer_left,#footer_right{
		width : 90%;
		float: none;
		padding: 10px 20px 10px 20px;
	}

}



.ggmap {
position: relative;
padding-bottom: 35%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

@media screen and ( max-width:530px ){
	.ggmap {
		padding-bottom: 50%;
	}
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*20210830追加資料請求ボタン-------------------------------------------------------*/
.siryouseikyu{
	margin-top:80px;
	margin-bottom: 40px;
	margin-left :auto;
	margin-right:auto;
	width : 80%;
}

.siryouseikyu a{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	background-color: #716558;
	border: 1px solid #fff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #fff;
	width: 90%;
	padding: 10px 10px;
	display: block;
	margin-left :auto;
	margin-right:auto;
	text-align: center;
	font-size: 2.0em;
	transition: all .3s;
}
@media screen and ( max-width:570px ){
	.siryouseikyu a{
		font-size: 1.4em;
	}
}

.siryouseikyu a:hover{
	text-decoration: none;
	background-color: #ccc;
	color: #000;
}