@charset "utf-8";

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
 	/*transition: 0.1s linear;*/
}

body{
	margin: 0;
	padding: 0;
}

header:after,
section:after,
.contents:after,
ul:after,
ol:after,
dl:after,
.btn_top:after{
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0;
}

.pc{display:block!important;}
.sp{display:none!important;}


/*header
----------------------------------------------------*/
.header_page{
	position: fixed;
	width:100%;
	top:0;
	z-index:9999;
}

.header_bar{
	padding: 5px 2%;
	border-top: 3px solid #84675E;
	background: #F2EAD3;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header_bar h1{
	font-size: 16px;
	font-weight: normal;
	color: #442120;
	display: flex;
	flex: 1;
}

.header_bar .box_right{
	width: 185px;
	font-size: 14px;
	display: flex;
	align-items: center;
}

.header_bar .box_right ul{
	/*display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:0 1em;*/
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.header_bar .box_right ul li a{
	margin-right: 1em;
	padding-left: 1.2em;
	color: #442120!important;
	display: block;
}

.header_bar .box_right ul li:nth-of-type(1) a{background: url("https://bamlee.com/img/common/icon_language.png") no-repeat left center / 1em;}
.header_bar .box_right ul li:nth-of-type(2) a{background: url("https://bamlee.com/img/common/icon_about.png") no-repeat left center / 1em;}
.header_bar .box_right ul li:nth-of-type(3) a{background: url("https://bamlee.com/img/common/icon_guide.png") no-repeat left center / 1em;}
.header_bar .box_right ul li:nth-of-type(4) a{background: url("https://bamlee.com/img/common/icon_mail.png") no-repeat left center / 1em;}

.header_bar .box_right p a{
	width: 185px;
	padding: 3px 5px 3px 3em;
	border: 1px solid #84675E;
	border-radius: 3px;
	background: #FFF url("https://bamlee.com/img/common/icon_ppro.png") no-repeat left 8px center / 2em;
	line-height: 2.0;
	text-decoration: none;
	color: #442120;
	display: block;
}

.header_main{
	padding: 10px 2%;
	background: #FFF;
	display: grid;
	grid-template-columns: 1fr 180px;
	align-items: center;
}

.header_main h2{
	width: auto;
	height: 45px;
}

.header_main h2 img{
	width: auto;
	height: 45px;
	display: block;	
}

.header_main .box_right{
	width: 180px;
	font-size: 14px;
}

.header_main .box_right .sns{
	width: 180px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 0 15px;
}

.header_main .box_right .sns img{
	width: 100%;
	height: auto;
}

.header_navi{
	padding: 10px 2%;
	background: #B94121;
	color: #FFF;
}

.header_navi ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	text-align: center;
}

.header_navi ul li a{
	padding: 5px 0;
	text-decoration: none;
	color: #FFF!important;
	display: block;
}


/*contents
----------------------------------------------------*/
.wrap{
	width: 960px;
	margin: 0 auto;
	padding-top: 210px;
}


/*footer
----------------------------------------------------*/
.footer{
	padding: 50px 2%;
	background: #442120;
	clear: both;
	
	display: none;
}

.footer .contents{
	width: 100%;
	margin-bottom: 20px;
	color: #FFF;
	display: grid;
	grid-template-columns: 1fr 360px;
	grid-gap: 0 20px;
}

.footer .contents h2{
	margin-bottom: 20px;
	height: 45px;
}

.footer .contents h2 img{
	width: auto;
	height: 45px;
	margin: 0 auto 0 0;
}

.footer .contents p{
	margin-bottom: 20px;
}

.footer .contents ul{
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
}

.footer .contents ul li a{
	position: relative;
	padding-left: 1em;
	color: #FFF!important;
}

.footer .contents ul li a:before{
	position: absolute;
	top:-0.3em;
	left:0;
	content: "-";
	display: block;
}

.box_contact{
	padding: 20px;
	border-radius: 10px;
	background: #FFF;
	text-align: center;
	color: #442120;
	display: flex;
	justify-content: center;
	align-items: center;
}

.box_contact .asirai span{
	position: relative;
	padding: 0 35px;
}

.box_contact .asirai span:before{
	position: absolute;
	top:0;
	left:15px;
	width: 8px;
	height: 100%;
	background: url("https://bamlee.com/img/common/bg_ttl_left02.png") no-repeat center left / contain;
	content: "";
	display: block;	
}

.box_contact .asirai span:after{
	position: absolute;
	top:0;
	right:15px;
	width: 8px;
	height: 100%;
	background: url("https://bamlee.com/img/common/bg_ttl_right02.png") no-repeat center right / contain;
	content: "";
	display: block;
	visibility: visiblel;
}

.box_contact h3{
	position: relative;
	margin: 0 auto 10px auto;
	font-family: "Noto Serif JP", serif;
	line-height: 1.0;
	font-size: 40px;
	font-weight: normal;
	color: #B94121;
}

.box_contact h3 span{
	position: relative;
	top:-0.5em;
	margin-right: 0.8em;
	padding: 10px;
	background: #B94121;
	font-size: 16px;
	color: #FFF;
	display: inline-block;
}

.footer .contents .box_contact p{
	margin-bottom: 20px;
	font-size: 14px;
}

.box_contact a{
	padding: 20px;
	border-radius: 10px;
	background: #B94121;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	display: block;
}

.box_contact a span{
	padding-left: 1.8em;
	background: url("https://bamlee.com/img/common/icon_mail_w.png") no-repeat left center / 1.6em;
}

.copyright{
	font-size: 14px;
	color: #FFF;
}



@media screen and (max-width:840px){

/*header
----------------------------------------------------*/
.header_bar{
	padding: 2vw 3%;
}

.header_bar h1{
	font-size: 3.0vw;
}

.header_bar .box_right{
	width: 38vw;
	font-size: 3.0vw;
}

.header_bar .box_right p a{
	width: 38vw;
}

.header_main{
	padding: 2vw 3%;
	grid-template-columns: 1fr 36vw;
}

.header_main h2{
	height: 9vw;
}

.header_main h2 img{
	height: 9vw;
}

.header_main .box_right{
	width: 36vw;
	font-size: 3.0vw;
}

.header_main .box_right .sns{
	width: 36vw;
	grid-gap: 0 2vw;
}

.header_navi{
	padding: 2vw 0;
}

.header_navi ul li a{
	font-size: 2.9vw;
}


/*contents
----------------------------------------------------*/
.wrap{
	width: 100%;
	margin: 0 auto;
	padding-top: 10vw;
}


/*footer
----------------------------------------------------*/
.footer{
	padding: 10vw 3%;
}

.footer .contents{
	margin-bottom: 4vw;
	display: block;
}

.footer .contents h2{
	margin: 0 auto 4vw auto;
	height: 9vw;
}

.footer .contents h2 a{
	display: block;
}

.footer .contents h2 img{
	width: auto;
	height: 9vw;
	margin: 0 auto;
	display: block;
}

.footer .contents p{
	margin-bottom: 4vw;
	text-align: center;
}

.footer .contents ul{
	margin-bottom: 8vw;
	text-align: center;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.footer .contents ul li a{
	padding-left: 0;
}

.footer .contents ul li a:before{
	display: none;
}

.box_contact{
	padding: 4vw;
	border-radius: 2vw;
}

.box_contact .asirai span{
	padding: 0 7vw;
}

.box_contact h3{
	font-size: 8vw;
}

.box_contact h3 span{
	font-size: 3.7vw;
}

.footer .contents .box_contact p{
	margin-bottom: 4vw;
	font-size: 3.0vw;
}

.box_contact a{
	padding: 4vw;
	border-radius: 2vw;
}

.copyright{
	font-size: 3.0vw;
}

}