@charset "utf-8";
/*
Theme Name: Template
Author: 3eee
Author URI: https://3eee.co.jp/
Description: Template build.
Version: 1.0
*/


/*** ページ専用 共通CSS設定 ***/

.page_cont {
	overflow:hidden;
}

.sign {
	height: 9em;
    width: auto;
	margin: 0 0 0 auto;
    text-align: right;
}

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

.syomei {
	margin: 0 0 0 auto;
    text-align: right;
}

.anai {
	display: flex;
    border-bottom: 1px solid #666;
    padding: var(--margin_xxs);
    align-items: center;
}

.anai dt {
    width: 30%;
}

.anai dd {
    font-weight: 400;
    width: 70%;
}

.anai dd span {
    display:block;
}

.st{
	font-weight:700;
	margin: var(--margin_xs) 0 0 0;
}

.blc {
	display: flex;
    line-height: 160%;
    font-weight: 400;
}

.set{
	padding: var(--margin_xxs) var(--margin_xs);
	background: #ffffff61;
	margin: var(--margin_xxs) 0;
}

.map_btn {
    font-size: 80%;
    letter-spacing: 1px;
	display:block;
}

.blc .syo_set {
	padding: var(--margin_xxs) var(--margin_xs);
    background: #ffffff61;
    margin: var(--margin_xxs) 0;
	width: calc(100% - 300px);
}

.blc .syo_set dt {
    position: relative;
    padding: 0.3em 0.5em 0.3em 1.7em; 
    font-weight: 700;
}

.blc .syo_set dt::before {
	content: "";
    position: absolute;
    left: 0.6em;
    top: 1.4em;
    transform: translateY(-50%);
    width: 0.7em;
    height: 0.7em;
    background-color: #7d55346b;
    border-radius: 50%;
}

.blc .syo_set dd {
	padding: 0 0 0 1.5em;
    line-height: 160%;
}

.blc .syo_set dd span {
    padding: 0.5em 1em;
    font-size: 80%;
    display: block;
    border: 1px solid #cfcfcf;
    margin: var(--margin_xxs) 0;
    line-height: 150%;
}

.sub_wra {
    padding: var(--margin_xxs) var(--margin_xs);
    background: #ffffff61;
	display:flex;
    gap: var(--margin_xs);
}

.sub_wra dt {
	border-bottom: 1px solid #7d5534;
    text-align: center;
    padding: 0;
    margin: 0;
    color: #7d5534;
}

.sub_wra dd {
    position: relative;
    padding: 0.5em 0.5em 0.3em 1.7em;
    font-weight: 400;
    line-height: 160%;;
}

.sub_wra dd::before {
	content: "";
    position: absolute;
    left: 0.6em;
    top: 1.4em;
    transform: translateY(-50%);
    width: 0.7em;
    height: 0.7em;
    background-color: #7d55346b;
    border-radius: 50%;
}

/*
.m_list2 li a {
    display: block;
    width: 100%;
    text-align: center;
    padding: var(--margin_s) 0;
    display: block;
}
*/


.img-wrap {
    height: auto;
    max-width: 100%;
    margin: 0 auto var(--margin_xl) auto;
}


/*----------------------------------------*/


/*　スマホ
----------------------------------------*/
@media screen and (max-width: 768px) {

	.spc {
		display:block!important;
	}
	
	.sub_wra {
		display:block;
	}
	
	.sub_wra {
		background:none;
	}
	
	.sub_set {
		background: #ffffff61;
		margin-bottom: var(--margin_s);
        padding: var(--margin_s);
	}
	
	.blc {
		display: block;
		margin-bottom: var(--margin_m);
	}
	
	.page_block iframe{
		width:100%;
	}
	
	.st_tit {
		font-weight:700!important;
	}
	
	.anai {
		display: block!important; 
		border:0!important;
		margin-bottom: var(--margin_s);
	}
	
	.anai dt {
		background: #000;
		color: #fff;
		font-weight: 700;
		text-align: center;
		margin-bottom: var(--margin_xs);
		width: 100%!important;
	}
	
	.anai dd {
		width: 100%!important;
	}
	
	.blc .syo_set {
		width: auto!important;
	}
	

/*　タブレット
----------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1280px) {
	
	.spc {
		display:block!important;
	}

}

@media screen and (min-width: 768px) and (max-width: 900px) {
	
	.spc {
		display:block!important;
	}
	
	.sub_wra {
		display:block;
	}
	
	.sub_wra {
		background:none;
	}
	
	.sub_set {
		background: #ffffff61;
		margin-bottom: var(--margin_s);
        padding: var(--margin_s);
	}
	
	.blc {
		display: block;
		margin-bottom: var(--margin_m);
	}
	
	.page_block iframe{
		width:100%;
	}
	
	.st_tit {
		font-weight:700!important;
	}
	
	.anai {
		display: block!important; 
		border:0!important;
		margin-bottom: var(--margin_s);
	}
	
	.anai dt {
		background: #000;
		color: #fff;
		font-weight: 700;
		text-align: center;
		margin-bottom: var(--margin_xs);
		width: 100%!important;
	}
	
	.anai dd {
		width: 100%!important;
	}
}

/*　PC
----------------------------------------*/
@media screen and (min-width: 1280px) {

}