@charset "utf-8";


/* 幅644px以下から ヘッダー等微調節
--------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 481px){
	
.spDisp {
	display:block;
}

.spHide {
	display:none;
}


/*　見出し・画像　*/

.pic-left {
	text-align:center;
	float: none;
}

.pic-left img{
	width:94%;
	height:auto;
}

.midashi_1 {
	font-size: 28px;
	color: #3F332C;
	margin-bottom: 70px;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 300;
}


/*　トップページ　*/


header {
	width: 100%;
	background-image: url(../img/main_img.webp);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
}

.header_cont {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top:20px;
}

.header_logo {
	width:200px;
}

.header_logo img{
	width:100%;
	height:auto;
}

.header_txt {
	padding: 13% 5% 10% 5%;
	width:90%;
}

.header_txt img{
	width: 100%;
	height: auto;
}


/*　トップページ　*/

.main_img ul{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.main_img ul li{
	width:25%;
}

.main_img ul li img{
	width: 100%;
	height: auto;
}


/*　トップページ　*/

.main_txtb {
	background-image: url(../img/main_txtb.webp);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size:cover;
}

.main_txtc {
	width: 85%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	padding-bottom: 80px;
}

.main_txtc h3 {
	color: #34211d;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 50px;
}

.main_txtc h3 span {
	color: #3088a1;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 300;
}

.main_txtp {
	line-height:1.8em;
	margin-bottom:40px;
}

.main_txtc ul{
}

.main_txtc ul li {
	display: flex;
	justify-content: center;
	align-items: center;	
	background-color: #3088a1;
	width:90%;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:5%;
	margin-bottom:5px;
}

.main_txtc ul li p{
	color: #FFFFFF;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 300;
	font-size:19px;
}

.main_txtc ul li p span{
	color: #FFFFFF;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 22px;
}

.main1_wrap {
	background-color:#efedea;
	padding:50px 0;
}

.main1 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.main1 dl{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom:10px;
}

.main1 dl dt{
	color: #34211d;
	background-color: #d8d5cf;
	width: 90%;
	padding: 10px 5%;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
}

.main1 dl dd{
	padding: 10px 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d8d5cf;
	width: 100%;
}

.main2_back {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #34211d;
}

.main2 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.main2_t1 {
	font-size: 25px;
	color: #FFF;
	margin-bottom: 35px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 300;
	line-height:1.5em;
}

.main2_t2 {
	font-size: 16px;
	color: #FFF;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
}

.main2 ul {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom:20px;
	width:90%;
	margin-right: auto;
	margin-left: auto;
}

.main2 ul li{
	width:100%;
	margin-bottom:5px;
}

.main2 ul li img{
	width:100%;
	height:auto;
}

.main3_back {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #F0EFEC;
}

.main3_1 {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	overflow: hidden;
}

.main3_2 {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.main3_2 img{
	width:100%;
	height:auto;
}

.main3_hour {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #34211d;
	text-align: center;
	padding: 10px;
	float: left;
	width: 80px;
}

.main3_txt {
	font-size: 16px;
	font-weight: bold;
	color: #34211d;
	padding: 10px;
	float: left;
}

.main3_cont {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #34211d;
	padding: 20px;
	margin-left: 12px;
	clear: both;
}

.main4_back {
	background-image: url(../img/main4_back.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 5%;
	margin-bottom: 5%;
}

.main4 {
	width: 100%;
}

.main4_t {
	background-image: url(../img/main4_tb.png);
	width: 90%;
	padding-top: 8%;
	padding-right: 5%;
	padding-bottom: 8%;
	padding-left: 5%;
}

.main4_t img{
	margin-bottom: 30px;
	width: 100%;
	height: auto;
}

.main4_m {
	font-size: 28px;
	color: #3F332C;
	margin-bottom: 20px;
}


.table_1 {
}

.table_1 th{
	padding: 10px;
	text-align: left;
	width: 105px;
	font-weight: bold;
}

.table_1 td{
	padding-top: 10px;
	padding-bottom: 10px;
}

.main5_wrap {
	padding: 10% 5% 15% 5%;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	margin-bottom: 50px;
}

.main5 {
}

.main5_1 {
	float: none;
	width: 100%;
	margin-bottom: 20px;
	margin-top:-20px;
}

.main5_2 {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

.main5_2 img{
	width:100%;
	height:auto;
}

.lp_t2 {
	width: 100%;
}

.lp_t2 th{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	color: #34211d;
	padding: 10px;
	text-align: left;
	width:80px;
}

.lp_t2 td{
	padding: 10px;
}


.footer_map-jmp{
	float: right;
}

.main5_map {
	border: 3px solid #34211d;
	clear: both;
	height: 100%;
}

.pagetop {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #34211d;
	padding-top: 32px;
	padding-bottom: 20px;
	overflow: hidden;
	text-align: center;
	width: 100%;
	clear: both;
}

.pagetop img{
	float: none;
	width:20%;
}


/*　フッター・コピーライト　*/


footer {
	background-color: #F0EFEC;
	padding-top: 50px;
	width: 100%;
}

.footer_cont1 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.footer_1 {
	width: 100%;
	text-align: center;
	margin-bottom:30px;
}

.footer_2 {
	width: 100%;
}

.footer_logo {
	margin-bottom: 25px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.footer_logo img{
	width: 100%;
	height: auto;
}

.footer_t {
	margin-bottom: 30px;
}

.footer_tel p {
	margin-bottom:10px;
	font-size:16px;
	line-height:1.4em;
}

.footer_tel img{
	width:80%;
	height:auto;
}

.footer_hour {
	padding-bottom: 17px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3F332C;
	margin-bottom: 15px;
}

.footer_hour img{
	width:100%;
	height:auto;
}

.footer_t2 {
	float: left;
	padding-left: 15px;
	padding-top: 7px;
}


.copyright {
	color: #FFF;
	text-align: center;
	padding-top: 27px;
	padding-bottom: 27px;
	font-size: 12px;
	background-color: #34211d;
}

.guppy {
	width:90%;
	margin-right: auto;
	margin-left: auto;
}

.guppy img{
	width:100%;
	height:auto;
}

.guppy p{
	width:80%;
	margin-right: auto;
	margin-left: auto;
}

.guppy p img{
	width:100%;
	height:auto;
}

}