@charset "utf-8";
/* CSS Document */

body{
	background-color: #fff4d8;
	background-image: url("../img/bk-i_contact.png");
	background-position: center center;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
}

header{
	background-color: #D72426;
	padding: 20px 0px;
}

h1{
	text-align: center;
	margin-bottom: 10px;
}

h1 img{
	max-width: 150px;
}

header p{
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}

/*全体の囲い*/
.wrap{
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 15px
}

.form{
	margin-bottom: 50px;
}

h2{
	color: #71aaff;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
}

/*アコーディオン*/
.details {
	border-top: 2px solid #71aaff;
	border-left: 2px solid #71aaff;
	border-right: 2px solid #71aaff;
	background-color: #fff;
	&:last-of-type {
		border-bottom: 2px solid #71aaff;
	}
}
.details-summary {
	position: relative;
	display: block;
	padding: 20px 30px;
	line-height: 140%;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background-color: #71aaff;
	&:hover {
		cursor: pointer;
		opacity: 0.8;
	}
	.btn {
		position: absolute;
		top: 37%;
		left: 2%;
		width: 18px;
		height: 18px;
		transform-origin: center center;
		transition-duration: 0.2s;

		&:before,
		&:after {
			content: "";
			background-color: #fff;
			border-radius: 10px;
			width: 18px;
			height: 4px;
			position: absolute;
			top: 7px;
			left: 0;
			transform-origin: center center;
		}
		&:before {
			width: 4px;
			height: 18px;
			top: 0;
			left: 7px;
		}
	}
	&.is-active {
		.btn {
			-webkit-transform: rotate(-180deg);
			transform: rotate(-180deg);
			&:before {
				content: none;
			}
		}
	}
}

.details-summary::-webkit-details-marker {
	display: none;
}

.details-content {
	padding: 20px;
	p {
		margin: 0 0 20px;
		/*text-align: left;*/
		&:last-of-type {
			margin: 0 0 0;
		}
	}
}

.note-red{
	font-size: 16px;
	line-height: 140%;
	color: #DA0003;
}

.ttl-note{
	font-size: 20px;
	font-weight: bold;
	line-height: 140%;
}

.note-list{
	padding-left: 15px;
	margin-bottom: 15px;
}

.note{
	font-size: 16px;
	line-height: 140%;
}

.note-name{
	text-align: right;
}

.note-list02{
	list-style: disc;
	padding-left: 15px;
	margin-bottom: 30px;
}

.note-contact{
	font-size: 14px;
	line-height: 140%;
	padding: 10px;
	background-color: #EAEAEA;
}

.note-contact span{
	font-weight: bold;
}

.btn_for-top{
	margin-top: 30px;
	text-align: center;
}

.btn_for-top a{
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 15px 30px;
	background-color: #D72426;
	font-size: 20px;
	display: inline-block;
	border-radius: 50px;
}