@charset "utf-8";

/* 基本レイアウト ここから↓ */
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
font-size: 18px;
letter-spacing: 1px;
line-height: 2;
color: #333333;
margin: 0 0 0 0;
background-color: #ffffff;
}
/* 余白なくす↓ */
.wrap {
	overflow: hidden;
}
.about {
    width: 100%;
    margin: 0 auto;
}
.about img {
    width: 100%;
    height: auto;
}

img {
	vertical-align: bottom;
}
/* メイン ここから↓ */
.main {
	display: flex;
}

/* ヘッダー ここから↓ */
.header {
	background: rgba(255,255,255,0.7);
	padding-left: 80px;
	padding-right: 10px;
	position: fixed;
	height: 1000px;
	margin-top: 0px;
	padding-top: 30px;
}
/* ナビここから↓ */
.globalNav {
	list-style: none;
	overflow: hidden;
}
.globalNav li a {
	display: block;
	padding: 7px 15px;
	text-align: right;
	text-decoration: none;
	color: #333;
}
.globalNav li a span {
	display: block;
	margin: 1px 0 0 0;
	color: #806239;
	text-transform: uppercase;
	font-size: 80%;
	letter-spacing: 1px;
}
.navi li {
	padding: 0 10px 30px 0px;
	text-align: right;
	list-style-type: none;
	font-size: 100%;
}
.navi li strong {
	color: #575757;
}
a {
	text-decoration: none;
	color: #3e3a39;
}
li img {
	margin: 0 12px 20px 0;
}
/* コンテンツ ここから↓ */
.main-block {
	width: 100%;
}
.common1 {
	background-color: #f0f2e5;
	padding-bottom: 20px;
	padding-left: 350px;
	margin-top: 120px;
	display: flex;
}
.common1 img {
	margin-top: -70px;
}
.common1 p {
	margin-top: -15px;
}
.common2 {
	background-color: #f0f2e5;
	padding-bottom: 20px;
	padding-left: 350px;
	margin-top: 120px;
	display: flex;
}
/* about ここから↓ */
.hp {
  display: inline-block;
font-size: 15px;
	padding: 0 20px 0 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #999999;
	border-radius: 20px;
	color: #ffffff;
}

/* access ここから↓ */
#map {
	margin-top: -70px;
}


.accesstext li:not(:first-child){
	padding-bottom: -20px;
	margin-top: -10px;
}

/* 文字 ここから↓ */
h1 {
font-size: 150%;
	margin: 20px 0 -10px 0;
	color: #5b5b5b;

}
h2{
	font-size: 200%;	
	flex: 0 0 150px;
	margin-right: 50px;
	margin-top: -30px;
	color: #aa1b48;
	letter-spacing: 0.3em;
}
.strong {
	font-size: 130%;	
	margin: 10px 0 -10px 0;
}
/* ホバー ここから↓ */
	a:hover {
	opacity: 0.5 ;
}
/* フッター ここから↓ */
.footer {
	text-align:center;
	height: 100px;
	padding-top: 20px;
}
/*pc用のcssを記述*/
@media screen and (min-width:769px) {
	   .br-sp { display:none; 
}
.wrapper
	.logo{
	display:none;
}

.abouttextsp {
	display:none;
}
#mapsp {
	display:none;
}
.navisp {
	display:none;
}

.accesstext li {
	list-style-position: outside;
}
.accesstext ul{
padding-left: 20px
}
a[href^="tel:"] {
	pointer-events: none;
}



}

/*スマホ用のcssを記述*/
@media screen and (max-width:768px) {
/*表示しないもの*/
.abouttext {
	display:none;
}
#map {
	display:none;
}
.globalNav {
display:none;
}
.header{
display:none;
}
.logo {
	text-align: center;
padding-top :40px;
}
body {
line-height: 1.8;
background-color: #ffffff;
}

.wrapper {
padding: 0 8px ;
}

.main {
display: block;
}
/* コンテンツsp ここから↓ */

.tel {
line-height: 1.5;
padding: 12px 20px 12px 20px;
color: #ffffff;
background-color: #8f8f8f;
border-radius: 10px; 
font-size: 15px;
}
.common1{
background-color: #ffffff;
padding: 0px;
margin-top: 50px;
display: block;
}
.common2{
background-color: #f0f2e5;
padding: 20px 0 0 0 ;
margin-top: 50px;
display: block;
}
.common1 img {
margin-top: -20px;
}
#map {
margin-top: -10px;
}
p {
text-align: center;
}

/* 文字sp ここから↓ */
h1 {
font-size: 130%;
line-height: 1.3;
text-align: center;
	margin-bottom: -12px;
}
h2{

	text-align: center;
	font-size: 150%;	
	flex: 0 0 150px;
	margin-right: 0px;
	margin-top: 30px;
	margin-bottom: -10px;
	color: #aa1b48;
	letter-spacing: 0.3em;
}

/* aboutspここから↓ */
.abouttext {
	text-align: center;
margin-top: -100px;
}
.about li {
	text-align: center;
	list-style: none;

}
.about p {
	line-height: 1.5;
margin: 20px 10px 10px 10px;
}

.hp {
	margin-top: 0px;
	padding: 3px 30px 3px 30px;
	color: #333333;
	background-color: #ffffff;
	border-radius: 20px; 
	font-size: 15px;
	border: solid 1px #333333;
}
/* accessspここから↓ */
.accesstext p{
font-size: 17px;
}
	.accesstext li:not(:first-child){
	border-top: dotted 2px #333333;
	margin-top: 25px;

}


.accesstext ul{
padding-left: 20px
}
.accesstext ul{
padding-right: 20px
}
#mapsp .gmap {
	margin-top: 50px;
position: relative;
padding-top: 75%;
height: 0;
overflow: hidden;
}
.gmap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.strong p {
	line-height: 1.5;
padding: 15px 0px 15px 0;
margin:20px 50px 30px 50px;
background-color: #ffffff;
font-size: 20px;
}
/* フッターspここから↓ */
.footer {
text-align:center;
height: 50px;
padding-bottom:30px;

}
.footer p{
	text-align:center;
	padding-top:10px;
font-size: 12px;
		
}
/* ナビspここから↓ */
.navisp li {
    display:inline-block;
}

.navisp li a{
    display:block;
    width:100%;
}






.navisp2 {
width:100%;display:flex;justify-content: center;padding:0;list-style: none;
}
.box1{width:calc(100% / 1);margin:3px;}
.box2{width:calc(100% / 1);margin:3px;}

}

.box1 {
font-size: 14px;
}
.box2 {
font-size: 14px;
}
.navisp2 li{
	text-align:center;
	padding: 3px;
	border: solid 1px #333333;
}
.navisp2 {
	margin-bottom: -15px;

}
.box li:hover{
	background-color: #aa1b48;
}
.box li:active{
	background-color: #aa1b48;
}
.box a:hover{
	opacity: 1 ;
	color: #ffffff;
}
.box a:active{
	opacity: 1 ;
	color: #ffffff;
}

}