@charset "utf-8";

#mainimage .main-logo {
    position: absolute;
    top: 8%;
    left: 4%;
}
#mainimage .main-logo h2 {
  width: 36%;
	margin-bottom: 1em;
}
#mainimage .main-logo strong {
    color: #fff;
	font-size: 1.2em;
    font-weight: bold;
}
@media screen and (min-width:521px) and ( max-width:1024px) {}
@media screen and (max-width: 520px) {
.under #mainimage {width: 100%;}
#mainimage .img{  height: 30vh;}
#mainimage .img img{
height: 100%;
object-fit: cover;
}
#mainimage .main-logo {left: 5%;}
#mainimage .main-logo h2 {
  width: 40%;
  margin-bottom: 0.2em;
}
#mainimage .main-logo strong {font-size: 0.7em;}
#mainimage .main-catch {font-size: 1.3em;}
}

/* section01
------------------------------------------------------------ */
#section01{
	position: relative;
	padding: 5em 0 10em;
}
#section01::after{
	content: "";
	width: 120%;
	height: 1px;
	background: #cacaca;
	transform: rotate(32deg);
	display: block;
	bottom: 20%;
	position: absolute;
	left: -10%;
	z-index: -8;
}

#section01 .ttl01{
	padding-left: 3%;
	font-weight: 800;
}
#section01 .column02{
position: relative;
padding: 4em 0 0;    font-size: 0.9em;
}

#section01 .column02 .box:first-child{
	width: 40%;
}
#section01 .column02 .box:last-child{
	width: 50%;
	margin-left: 5%;
}
#section01 .column02 .box:last-child p{
	line-height: 2.3em;
	min-height: 40em;
}

#section01 .signature{
	text-align: right;
	margin-top: 2em;
	font-size: 1.1em;
	font-family: "Yuji Syuku", serif;
	font-weight: 400;
	letter-spacing: 0.2em;
}
#section01 .signature span{
	font-size: 1.1em;
  margin-left: 1em;
}
.fullbg02{ width: 95%;}

@media screen and (min-width:521px) and ( max-width:1024px) {}
@media screen and (max-width: 520px) {
  #section01 {
    padding: 0em 0 5em;
}
.column02 {
    flex-direction: column;
}
#section01 .column02 .box:first-child {
  width: 94%;
  margin-bottom: 5%;
}
#section01 .column02 .box:last-child {
    width: 90%;
    margin-left: 5%;
}
#section01 .column02 .box:last-child p {
    line-height: 1.8em;
    min-height: 40em;
    font-size: 0.9em;
}
.fullbg02 {width: 100%;}

}

/* section02
------------------------------------------------------------ */
#section02{
	position: relative;
	padding: 8% 0 8% 4%;
}
#section02 .contents {
    width: 90vw;
    margin: 0;
}
#section02::after{
	content: "";
	width: 120%;
	height: 1px;
	background: #ebebeb;
	transform: rotate(-32deg);
	display: block;
	top: 55%;
	position: absolute;
	left: -10%;
	z-index: -2;
}
#section02 dl {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px solid #cecece;
	padding: 2em;
	font-size: 1.1em;
}
#section02 dt {
    min-width: 10em;
    font-weight: bold;
}
#section02 dd li::before {
    content: "・";
}
#section02 .addname{
  font-weight: bold;
  margin-right: 0.5em;
}
#section02 .add{ font-size: 0.9em;}
#section02 dl.address dd li{margin-bottom: 2em;}
#section02 dl.address dd li:last-child{margin-bottom: 0;}
#section02 dd a{
  font-size: 0.8em;
  text-decoration: underline;
  margin-top: 0.2em;
  color: #cea833;
  display: block;
  text-indent: 1.5em;
}
#section02 dd a:hover{
  color: #dcc478;
}

@media screen and (min-width:521px) and ( max-width:1024px) {}
@media screen and (max-width: 520px) {
  #section02 dl {
    padding: 1em 0.5em;
    font-size: 0.9em;
}
#section02 dl.address dt{margin-bottom: 1em;}
#section02 .add {
    display: block;
    padding-left: 1.3em;
}

}