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

body {font-size: 14px;}
.inner {max-width: 96%;}
.sp {display: block;}
.pc {display: none;}
.flex{display:block;}
.left,.right{float:none;}
.flex{display:block;}

/***** header *****/
header.site_header .site_logo{
     width: 10em;
}
header.site_header .site_logo a span{
	font-size: 0.46em;
}
#spnav{
	float: right;
	margin: 1.5em 0.5em 0 auto;
}
#spnav #menu_button{
	font-size: 2.5em;
}
header.site_header #header_nav{
	display: none;
	position: absolute;
	z-index: 9999;
	background-color: #FFF;
	width: 100%;
	text-align: center;
	right: 0;
	left: 0;
	top: 5.2em;
	bottom: auto;
	margin: auto;
    border-bottom: 1px solid #EE86A1;
}
header.site_header #header_nav ul{
	padding: 0;
}
header.site_header #header_nav ul li{
	display: block;
	margin: 0 auto;
}
header.site_header #header_nav ul li a,
header.site_header #header_nav ul li.contact p.contact_btn a,
header.site_header #header_nav ul li.contact p.contact_btn.mail a,
header.site_header #header_nav ul li a.current{
	padding: 1em 0;
	border: none;
	border-bottom: 1px dashed #EE86A1;
	border-radius: 0;
	background-color: transparent;
	color: #000;
	font-size: 1em;
	transition: .2s;
}
header.site_header #header_nav ul li a.current:hover,
header.site_header #header_nav ul li.contact p.contact_btn a:hover{
    color: #E95F83;
	background-color:#FFF;
}
header.site_header #header_nav ul li.contact p.contact_btn.mail a{
	border-bottom: 0;
}
header.site_header #header_nav ul li.contact p.c_pink{
	display: none;
}
header.site_header #header_nav ul li.contact p.contact_btn{
	max-width: none;
	width: 100%;
	margin: 0 auto;
}
/*chrome*/
	_:lang(x)::-internal-media-controls-overlay-cast-button, header.site_header .site_logo{
		position: relative;
    	top: -0.4em;
	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, header.site_header .site_logo a span {
		width: 204px;
		position: absolute;
		transform: scale(0.685);
		left: auto;
		right: -23%;
		margin: auto;
		top: 94%;
		bottom: auto;
	}

/***** footer *****/
footer.site_footer .site_logo{
	margin: 0 auto;
	width: 16em;
	max-width: 100%;
	margin-top: 2em;
}
footer.site_footer #footer_nav{
	text-align: center;
	margin: 2em auto 3em auto;
}
footer.site_footer #footer_nav p{
	margin:0 0.7em 1em 0.7em;
}
footer.site_footer #footer_nav p a {
    padding-bottom: 0.3em;
}

/***** common *****/
section.common{
	height: 15.125em;
}
section.common h2.common_ttl{
	font-size: 2.3em;
}
.ttl_ribon{
	font-size: 1.7em;
}
img.temp_bird01{
	width: 67%;
	top: -2em;
	max-width: 20em;
}
img.temp_bird02{
	width: 64%;
	bottom: -4em;
	max-width: 20em;
}


/***** top *****/
section.top_visual{
	height: 90vw;
}
section.top_visual p{
	font-size: 2.9vw;
	left: 1.8%;
}
section.top_about .txt_box{
	max-width: none;
	width: 100%;
}
section.top_about .txt_box img.bird{
	right: calc((100% - 8.188em) / 2);
	width: 8.188em;
	bottom: 100%;
}
section.top_about .txt_box .txt_box_inner{
	max-width: none;
	width: 96%;
	margin: 0 auto;
}
section.top_about .txt_box p.btn a{
	margin: 0 auto;
}
section.top_about img.large_img{
	max-width: none;
	width: 100%;
}
section.top_service .service_container{
	padding: 0 4% 1em 4%;
}
section.top_service .service_container .service_box,
section.top_service .service_container .service_box.last{
	padding: 1em 0 2em 0;
	max-width: none;
	width: 100%;
	margin: 0 auto;
}
section.top_service .service_container .service_box img{
	width: 70%;
	margin: 0 auto;
	display: block;
}
section.top_facility #bx_silde li{
	width: 20em !important;
}
section.top_facility p.btn{
	width: 96%;
}
section.top_flow {
    padding: 4.5em 0 2em 0;
}
section.top_flow .flow_container,
section.top_flow .flow_container.last{
	max-width: none;
	width: 100%;
	margin: 0 auto 3em auto;
}
section.company_info a{
	font-size: 1em;
}
section.company_info a img{
	width: 2em;
}
section.inquiry .inqiury_container p.inquiry_intr{
	text-align: left;
}
section.inquiry .inqiury_container span.fax{
	margin: 0 auto;
	display: block;
}
section.inquiry .inqiury_container p.btn{
	width: 100%;
}
section.inquiry .inqiury_container p.btn a,
section.inquiry .inqiury_container p.btn.mail a{
	margin: 0 auto;
}

/***** other *****/
section.other_main {
    padding: 6.5em 0 5em 0;
}
img.bird01,
img.bird02{
	max-width: 11em;
	width: 43%;
}
section#privacy p.inner{
	text-align: left;
}
section#privacy section.other_main {
    padding: 6.5em 0 5em 0;
}
section#privacy p.inner span.i_block{
	display: inline;
}
section#privacy section.other_main dl.other_list{
	padding-top: 0;
}

/***** form *****/
section#contact .bg_lightpink{
	padding: 0em 0 9em 0;
}
section#contact p.contact_info{
	text-align: left;
}
section#contact p.contact_info br{
	display: none;
}
section#contact form dl,
section#contact form dl dt, 
section#contact form dl dd{
	display: block;
	width: 100%;
	text-align: left;
	margin: 0 auto;
}
section#contact form dl dd{
	padding: 0.75em 0 2em 0;
}
span.memo{
	margin-top: 1em;
}
section#contact .bg_lightpink #formtop {
    padding-top: 8.5em;
}
section#contact .bg_lightpink img.bird{
	width: 67%;
	max-width: 20em;
}
section#contact form input[type="submit"]{
	margin-top: 1em;
}
section#contact .flex{
	width: 100%;
	margin-top: 2em;
}
form a.back, 
form a.post{
	display: block;
	width: 96%;
	margin: 0 auto 1em auto;
	max-width: 21em;
}
form a.post{
	margin-bottom:0;
}

/***** company *****/
section.about_amica{
	background-position: left 5em,right 5em;
}
section.about_amica p.amica_txt_normal{
    text-align: left;
    line-height: 1.5;
}
section.about_amica p.amica_txt_normal br{
	display: none;
}
table.data_left{
	font-size: 0.85em;
}
table.data_left,
.data_right{
	max-width: none;
	width: 100%;
}
table.data_left th{
	width: 10em;
}
section.rooms .data_right{
	margin-top: 2em;
}

/***** facility *****/
section.rooms p.type_select,
div.rt_container p.intr_tr{
	text-align: left;
}
section.rooms div.appearance,
div.rt_container div.rt_box,
div.rt_container#kyotsu div.rt_box{
	max-width: none;
	width: 100%;
	margin: 3em auto;
	display: block;
}
section.rooms_type {
    padding:0;
}
div.rt_container h3.house_ttl{
	font-size: 1.5em;
}
#maisonette img.temp_bird02 {
    bottom: -2em;
}
#kyotsu img.temp_bird01 {
    top: -4em;
}

/***** about *****/
section.top_service p.txt_sec{
	text-align: left;
}
section.top_service .service_container .service_item{
	padding-top:0;
}
section.top_service .service_container .service_item div.service_txt,
section.top_service .service_container .service_item img.service_img{
	width: 100%;
	max-width:none;
}
section#price div.img_container, section#price table{
	max-width: none;
	width: 100%;
}
section#price div.img_container img{
	margin: 0 auto 1.5vw auto;
}
section#price div.img_container img.left{
	float: left;
}
section#price div.img_container img.right{
	float: right;
}
section#price table th, section#price table td{
	font-size: 1.125em;
}
section#price {
    padding: 4em 0 6em 0;
}
dl.initial{
	margin-top: 4em;
}
dl.initial dt{
	left: 3%;
	font-size: 1.25em;
}
dl.initial dd{
	padding: 2em 0 1.5em 0;
}
dl.initial dd p{
    margin:0 auto;
    display: block;
    text-align: left;
    font-size: 1.25em;
    width: 90%;
}