@charset "shift_jis";
/* CSS Document */

.wrap h1 {
	text-align: left;
}

.topimg {
	background-image: url(../img/img_01.png);
	padding: 3% 5%;
	color: #3A2C09;
	display: -webkit-flex;
	background-size: cover;
	background-repeat-x: no-repeat;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

.top_01 {
    width: 45%;
}

.top_01:first-child img {
}

.top_01:last-child {
}

.top_01:last-child img {
}

.top_01 p {
    margin: 1.5em 0;
    font-family: serif;
    font-weight: 500!important;
}

.veil_00 {
    background-color: #FCF8E8;
    padding: 5%;
}

.veil_01 {
}

.veil_01:first-child img {
	margin-bottom: 2em;
}

.veil_01 img:first-child {
}

.veil_01:last-child p {
    background-color: #ffffff;
}

.veil_01:last-child img {
	padding: 3%;
}

.veil_01 h2 {
    font-size: 1.8em;
    color: #3A2C09;
    padding: 1em 0 0.2em;
    border-bottom: #776D67 0.1em solid;
    text-align: center;
}

.veil_01 h2::before {
    font-family: "Font Awesome 5 Free";
    content: "\f447";
    padding: 0.4em;
    color: #776D67;
    font-size: 1.2em;
}

.veil_01 h2::after {
    font-family: "Font Awesome 5 Free";
    content: "\f447";
    padding: 0.4em;
    color: #776D67;
    font-size: 1.2em;
}

.veil_01 h3 {
}

.veil_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 3%;
    gap: 1em;
    align-items: center;
}

.veil_box01 {
	width: 32%;
	margin-right: 2%;
}

.veil_box02 {
    width: 58%;
}

.veil_box02 p {
}

.veil_01 p {
}

.veil_01 p span {
	font-size: 1.0em;
}

.veil_011 {
	background-color: #EDF3FC;
	padding: 2em 0 1em 0;
	margin: 2.5em 0;
}

.veil_011s {
	display: none;
	}

.veil_02 ul {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 3em;
    background-color: #ffffff;
    padding: 1% 3%;
    list-style: none;
    width: 88%;
    text-align: center;
}

.veil_02 li:first-child {
	width: 40%;
}

.veil_02 li:first-child img {
	width: 100%;
	max-width: 220px;
	height: auto;
	margin-top: 2em;
}

.veil_02 li:last-child {
	width: 60%;
}

.veil_021 {
    width: 320px;
    margin: 1% 1% 2% 1%;
	border: 1px solid #526389;
	padding: 2%;
}

.veil_021 p {
	margin: 0;
}

.veil_021 img {
	width: 100%;
	max-width: 250px;
	height: auto;
	margin: 1em 0;
}

.fa-window-restore, .fa-envelope{
	font-weight: bold;
}

a.veil_btn {
	margin: 0.5em auto;
	display: block;
	padding: 0.4em;
	color: #ffffff;
	background: #776D67;
	border-radius: 0.2em;
}

a.veil_btn:hover {	
    background: #A09995;
}

.veil_btn::after {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-size: 1.2em;
	padding: 0.4em;
	font-weight: bold;
}