@charset "utf-8";

html{
	overflow-x: hidden;
}

body{
	-webkit-print-color-adjust:exact;
}

/* clearfix */
/* ---------------------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
.for_pc{
	display:none;
}
@media screen and (min-width: 768px){
.for_sp{
	display:none;
}
.for_pc{
	display:block;
}
}



/* layout */
/* ---------------------------------------------------------------------------------- */


#wrap{
	background:#FFFFFF;
	position: relative;
}
main{
	padding-top:108px;
}
.drawer-navbar-header{
	color:#000000;
}
.drawer-navbar-header h1{
	float:left;
	width:64%;
	max-width:387px;
	margin-top:13px;
	margin-left:8px;
}
.drawer-navbar-header h1 img{
	width:100%;
}
.drawer-navbar-header button,
.drawer-navbar-header .head_tel{
	float:left;
}
.drawer-navbar-header .head_tel a{
	display:block;
	padding-top: 19px;
	padding-right: 14px;
	padding-bottom: 19px;
	padding-left: 19px;
	color:#000000;
}
.head_tel i{
	font-size:2.8rem;
	font-size:28px;
}
.drawer-navbar-header #logo_set{
	width:100%;
	height:66px;
	overflow:hidden;
	position: relative;
}

#hnavi li{
	display:block;
	width:25%;
	height:42px;
	float:left;
	text-align:center;

}
#hnavi li:nth-child(2){
	border-right:solid 1px #DDDDDD;
	background: rgb(255,127,183); /* Old browsers */
	color: #ffffff;
}
#hnavi li:nth-child(3){
	border-right:solid 1px #DDDDDD;
}
#hnavi li:nth-child(4){
	background: rgb(235,147,78); /* Old browsers */
	color: #ffffff;
     /* IE6-9 fallback on horizontal gradient */
}
#hnavi li:nth-child(3){
	background: rgb(116,191,232); /* Old browsers */
	color: #ffffff;
	/*background: -moz-linear-gradient(45deg,  rgba(244,167,164,1) 0%, rgba(243,240,97,1) 100%);  FF3.6-15 
	background: -webkit-linear-gradient(45deg,  rgba(244,167,164,1) 0%,rgba(243,240,97,1) 100%); Chrome10-25,Safari5.1-6 
	background: linear-gradient(45deg,  rgba(244,167,164,1) 0%,rgba(243,240,97,1) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4a7a4', endColorstr='#f3f061',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#hnavi li a{
		/*display:block;*/
		display:flex;
		width:100%;
		height:100%;
		/*padding-top:14px;*/
		text-decoration:none;
		color:#000000;
		justify-content: center;
		align-items: center;
		padding:0 1%;
}
#hnavi{
	border-top: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	
}
.notice{
	width:95%;
	max-width:1200px;
	font-size: 11px;
	font-size: 1.1rem;
	margin:8em auto 4em;
}

.notice_yokoku{
	width:95%;
	max-width:1200px;
	font-size: 14px;
	font-size: 1.3rem;
	margin:1em auto 2em;
}

footer{
	background: rgb(255,253,229); /* Old browsers */
	padding-top:4px;
}
footer #foot_in{
	background:#FFFFFF;
	font-size: 14px;
	font-size: 1.4rem;
}
footer nav ul{
	border-left:solid 1px #DDD;
	border-top:solid 1px #DDD;
	background:#F2F2F2;
}
footer nav li{
	display:inline-block;
	width:49%;
	text-align:center;
	border-right:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
}




footer nav li a{
	display:block;
	width:100%;
	padding: 0.7em 0;
}
footer nav li a:link,
footer nav li a:visited{
	text-decoration:none;
}
footer nav li.comingsoon{
	padding:0.7em 0;
	color:#BABABA;
}
footer nav li.btn_conv{
	clear:left;
	width:100%;
	border-bottom:solid 1px #FFF;
}
footer nav li.btn_conv a{
	padding:1em 0;
	/*font-size: 17px;*/
	font-size: 1.7rem;
	color:#000000;
	background: rgb(116,191,232); /* Old browsers */
	/*background: -moz-linear-gradient(45deg,  rgba(189,227,235,1) 0%, rgba(243,240,97,1) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(45deg,  rgba(189,227,235,1) 0%,rgba(243,240,97,1) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(45deg,  rgba(189,227,235,1) 0%,rgba(243,240,97,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bde3eb', endColorstr='#f3f061',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
footer nav li.btn_conv.yoyaku a{
	background: rgb(235,147,78); /* Old browsers */
	/* background: -moz-linear-gradient(45deg,  rgba(244,167,164,1) 0%, rgba(243,240,97,1) 100%); /* FF3.6-15 */
	/* background: -webkit-linear-gradient(45deg,  rgba(244,167,164,1) 0%,rgba(243,240,97,1) 100%); /* Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(45deg,  rgba(244,167,164,1) 0%,rgba(243,240,97,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4a7a4', endColorstr='#f3f061',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



footer nav li.btn_conv_map a{
	padding: 1em 0;
    /* font-size: 17px; */
    font-size: 1.5rem;
    color: #ff7fb7;
}

footer address{
	font-style:normal;
	padding:1.5em 0;
	font-size: 14px;
	font-size: 1.4rem;
	border-bottom:solid 1px #DDDDDD;
}
footer address #contact{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
footer address #contact .call{
	border-bottom:solid 1px #DDDDDD;
	border-top:solid 1px #DDDDDD;
	padding:2em 0;
	margin:2em 0;
}
footer address #contact .call img{
	vertical-align:bottom;
}
footer address #contact .weareclose{
	color:#B8191F;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight:bold;
	padding:5px 0;
}
#copyright{
	font-size: 12px;
	font-size: 1.2rem;
	text-align:center;
	padding:1.5em 1.5em 6em;
}
footer .call_num{
	display:none;
}
#staff {
	text-align:center;
	padding:2em 0 0;
}
#staff img{
	display:inline;
}
#staff .staff1{
	width:40.36%;
	margin-right:2.5em;
}
#staff .staff2{
	width:35.93%;
}

#btn_pagetop{
	display:block;
	width:20%;
	max-width:106px;
	position: fixed;
	z-index: 9999;
	bottom: 1%;
    right: 1%;
}

@media screen and (max-width:768px){
	footer nav li:not(.btn_conv_map){
		display:inline-block;
		text-align:center;
		border-right:solid 1px #DDD;
		border-bottom:solid 1px #DDD;
	}

	.btn_conv_map:first-child {
		background-color: #ff7fb7;
	}

	.btn_conv_map {
		width: 100%;

	}

	.footer nav ul {
		width: 100%;
		box-sizing: border-box;
	}

	footer nav li.btn_conv_map a {
		padding: 1em 0;
		font-size: 1.7rem;
		color: #FA95C1;
		color:#000000 !important;
	}
	

}

h2#pagetitle{
	text-align:center;
	padding:2em 5% 1em;
	width:35%;
	margin-left:auto;
	margin-right:auto;
}
#bread{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	font-size: 12px;
	font-size: 1.2rem;
	max-width:1200px;
}
.contents_a{
	width:95%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.contents_b{
	width:100%;
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
}
.contents_c{
	width:100%;
	max-width:1600px;
	text-align: center;
	margin:0 auto;
}
.contents_d{
	width:100%;
	max-width:975px;
	margin: 60px auto;
	padding:0 10px;
}
.snavi{
	background:#f9f7f3;
	width:100%;
	text-align:center;
	margin-top:1em;
	margin-bottom:2em;
}
.snavi img{
	margin:0 3%;
	width:40%;
	vertical-align:bottom;
}
.contents_a img,
.contents_b img{
	vertical-align:bottom;
}

.information{
	font-size: 13px
}

/* @media (min-width: 568px) {
	.drawer-navbar-header h1{
		width:45%;
	}

} */


@media (min-width: 768px) {
	
	main{
		padding:0;
	}
	.head_tel{
		display:none;
	}
	#hnavi{
		width:50.25%;
		max-width:603px;
		float:right;
		margin-top:20px;
	}
	.drawer-navbar-header #logo_set{
		float:left;
		width:43.43%;
		max-width:387px;
		overflow:visible;
	}
	.drawer-navbar-header h1{
		width:100%;
	}
	#hnavi{
		border:none;
	}
	#hnavi li{
		height:52px;
	}
	#hnavi li:nth-child(3),
	#hnavi li:nth-child(4){
		width:16.533%;
	}
	#hnavi li:nth-child(3){
		margin-left:1.658%;
		border-right:0;
	}
	#hnavi li:nth-child(4){
		margin-left:1.658%;
	}
	#hnavi li:nth-child(1){
		border-left:solid 1px #DDDDDD;
	}
	#hnavi li:nth-child(1) {
		width:20%;
	}

	#hnavi li:nth-child(2){
		width:43%;
	}
	
	/*#hnavi li a{
		padding-top:19px;
	}*/
	
	.drawer-navbar-header h1{
		margin-top:20px;
	}
	
	footer{
		width:100%;
	}
	footer #foot_in{
		background:#F2F2F2;
		padding-bottom:3em;
	}
	footer #foot_in_in{
		width:95%;
		max-width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	footer nav{
		width:38em;
		float:left;
		padding-top:1em;
	}
	footer address{
		width:30.75%;
		/*max-width:285px;*/
		float:right;
		background:#F2F2F2;
		border-bottom:none;
		border-left:solid 1px #CECECE;
		padding:0 0 0 5%;
		margin-top:1.5em;
	}
	footer nav ul{
		border:none;
	}
	footer nav li {
		width:9em;
		border:none;
		text-align:left;
		float:none;
	}
	
	footer nav li.btn_conv_map {
		width:50%;
		margin-right: 2%;
	}
	
	footer nav li.btn_conv {
		width:20%;
		border:none;
		text-align:;
		float:none;
	}
	footer nav li.btn_conv a {
		background:none;
		color:#74bfe8;

	}
	
	footer nav li.btn_conv.yoyaku a{
		background:none;
		color:#eb934e;
	}

	footer address #contact .call{
		border:none;
		margin:0;
		padding:1.5em 0;
	}
	footer address #contact{
		width:100%;
	}
	
	#copy_wrap{
		width:95%;
		max-width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	#copy_wrap #staff{
		width:39.58%;
		float:left;
	}
	#copy_wrap #staff .staff1{
		max-width:228px;
	}
	#copy_wrap #staff .staff2{
		max-width:204px;
	}
	#copy_wrap #copyright{
		width:60.42%;
		float:right;
		text-align:right;
	}
	#staff{
		text-align:left;
	}
	#staff .staff1{
		margin-right:12.42%;
	}
	#copyright{
		padding:2.5em 0 10em 0;
	}
	
	h2#pagetitle{
		width:100%;
	}
	.snavi img{
		margin:0 30px;
		width:auto;
	}

	
}

@media screen and (max-width:425px) {
.notice{
	width:95%;
	max-width:1200px;
	font-size: 11px;
	font-size: 1.1rem;
	margin:4em auto !important;
}

.contents_d{
	width:100%;
	max-width:975px;
	margin: 60px auto 30px !important;
	padding:0 10px;
}

}

.sp_invi {
	display: none;
}


/* SPのみ */
@media screen and (max-width:768px){
	main{
		padding-top:66px; 
	}
	.sp_invi{
		display: block;
	}
	.pc_invi{
		display: none;
	}
	#hnavi .pc_invi {
		display: none;
	}

	#hnavi li {
		width: 33.33333%;
		margin: 0 auto;
	}

	.header_info{
		font-size: 14px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 120px;
		line-height: 1.4;
		
	}
	.sp_cta{
		position: fixed;
		bottom: 0;
		z-index: 30000;
	}
}

@media screen and (max-width:768px){
	footer nav li{
		width:49%;
		margin: 0 auto;
	}
	footer nav li:nth-child(2n){
		position: relative;
		/* left:-2px; */
	}

	.drawer-navbar-header h1{
		margin: 4px;
	}

}


@import url("print.css") print;

.box_info {
	float: left;
	position: absolute;
	right: 0;
}


.sp_info {

	margin: 0; 
	padding: 0;
	color: white;
	text-align: center;
	z-index: 9000;
}
.sp_info a {
	margin: 0;
}


.header {
	position: fixed;
}

.new_tag{
	position: absolute;
	width:50px;
	color: white;
	background-color: #b8191f;
}
.new_tag_span {
	font-size: 12px;
}