#form {
	max-width: 1500px;
	width: 90%;
	margin: 0 auto;
	padding-top: 50px;
}
.contact_ttl {
	position: relative;
	max-width: 280px;
	margin-bottom: 60px;
}
.contact_ttl span {
	position: absolute;
	width: 100%;
	text-align: center;
	color: #fff;
	top: 54px;
	left: 0;
	font-size: 1.4rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700;
	transform: rotate(0.03deg);
	letter-spacing: 4px;
}
.contact_ttl .img {
	position: absolute;
	width: 70px;
	top: -30px;
	right: -100px;
}
/* --------------------------------------------------- */
.contact1,
.contact2{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 80px;
}
/* --------------------------------------------------- */
.contact1 {
}
.contact1 dl {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	display: table;
	border-bottom: #ccc 1px dashed;
	padding: 20px 0;
}
.contact1 dl:last-child {
	border-bottom: none;
}
.contact1 dt,
.contact1 dd {
	display: table-cell;
	vertical-align: middle;
}
.contact1 dt {
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.6rem;
	padding-left: 55px;
}
.contact1 dt.ttl1 {
	background: url("../images/top/maru05.png") no-repeat left top 8px;
	background-size: 40px auto;
}
.contact1 dt.ttl2 {
	background: url("../images/top/maru06.png") no-repeat left top 8px;
	background-size: 40px auto;
}
.contact1 dt.ttl3 {
	background: url("../images/top/maru07.png") no-repeat left top 8px;
	background-size: 40px auto;
}
.contact1 dt.ttl4 {
	background: url("../images/top/maru08.png") no-repeat left top 8px;
	background-size: 40px auto;
}
.contact1 dt.ttl5 {
	background: url("../images/top/maru10.png") no-repeat left top 4px;
	background-size: 40px auto;
	padding: 10px 0 10px 55px;
}
.contact1 dt span {
	display: block;
	font-size: 14px;
	font-weight: 400;
}
.contact1 dd {
	text-align: right;
}
.contact1 dd span {
	display: inline-block;
	margin-right: 20px;
	text-align: left;
}
.contact1 dd a {
	pointer-events: none;
	font-size: 1.2rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700;
	transform: rotate(0.03deg);
}
/* --------------------------------------------------- */
.contact2 {
}
.contact2 .annotation {
	text-align: center;
	color: #FE8F9D;
	border-bottom: #FE8F9D 1px solid;
	line-height: 150%;
	padding: 0px 0px 8px;
	margin: -20px 0 30px;
}
.contact2 form {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}
.contact2 dl {
	width: 100%;
	display: table;
	margin-bottom: 25px;
}
.contact2 dt,
.contact2 dd {
	display: table-cell;
	vertical-align: top;
}
.contact2 dt {
	font-weight: 500;
	width: 260px;
	font-size: 1rem;
	padding-top: 10px;
}
.contact2 dt span {
	display: inline-block;
	font-size: 70%;
	margin-left: 10px;
	color: #FE8F9D;
	line-height: 100%;
	font-weight: 500;
}
.contact2 dd {
}
.contact2 dd textarea,
.contact2 dd input,
.contact2 dd select {
	width: 100%;
	border: rgba(0,0,0,.1) 1px solid;
	padding: 15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #fff;
	box-shadow: 1px 1px 9px -4px rgba(0,0,0,0);
	margin-bottom: 5px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
.contact2 dd input.siz_s,
.contact2 dd select.siz_s{
	max-width: 200px;
	width: 80%;
}
.contact2 dd select .placeholder,
.contact2 dd textarea::placeholder,
.contact2 dd input::placeholder {
	color: #aaa;
}
.contact2 dd textarea:hover,
.contact2 dd input:hover,
.contact2 dd select:hover {
}

.contact2 dd label.checkbox {
	transition: .4s;
	margin-bottom: 5px;
	display: inline-block;
}
.contact2 dd label.checkbox input {
	width: auto;
	display: inline-block;
	margin-right: 5px;
	box-shadow: none;
}
.contact2 dd label.checkbox:hover {
	cursor: pointer;
	color: #FE8F9D;
}
.contact2 dd label.selectbox {
	display: inline-flex;
    align-items: center;
    position: relative;
}
.contact2 dd label.selectbox::after {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}
.contact2 dd label.selectbox select {
    appearance: none;
    min-width: 230px;
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    background-color: #fff;
    cursor: pointer;
}
.checkend {
	width: 100%;
	text-align: center;
	font-size: 1rem;
	padding: 10px 0;
	background-color: #FE8F9D;
	margin-bottom: 40px;
}
.checkend label {
	cursor: pointer;display: inline-block;
	padding: 10px;
	color: rgba(255,255,255,1);
	transition: .3s;
}
.checkend label input {
	width: auto;
	display: inline-block;
	margin-left: 5px;
	box-shadow: none;
}
.checkend label:hover {
	color: rgba(255,255,255,.6);
}
input[type="submit"] {
  -webkit-appearance: none;
}
input.form_btn {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	display: block;
	max-width: 350px;
	width: 100%;
	margin: 0px auto;
	border: #FE8F9D 2px solid;
	background-color: #fff;
	text-align: center;
	font-size: 1.1rem;
	line-height: 100%;
	padding: 30px 0 30px;
	letter-spacing: 2px;
	font-weight: 500;
	color: #FE8F9D;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	transition: .4s;
}
input.form_btn:hover {
	cursor: pointer;
	background-color: #FE8F9D;
	color: #fff;
}

#privacy {
	border: #FE8F9D 1px solid;
	padding: 20px 20px 10px;
	line-height: 170%;
	font-size: 90%;
	height: 200px;
	overflow: auto;
	margin: 40px 0 0px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#privacy li {
	margin-bottom: 15px;
}
#privacy li strong {
	display: block;
	font-weight: 500;
	font-size: 110%;
	margin-bottom: 5px;
	color: #FE8F9D;
}
#privacy li ol {
	list-style: outside disc;
	margin-left: 25px;
}
#privacy li ol li {
	margin-bottom: 0;
}
#thanks {
	max-width: 500px;
	width: 95%;
	margin: 100px auto 80px;
	background-color: #fff;
	padding: 40px;
	position: relative;
}
#thanks dt {
	text-align: center;
	font-size: 150%;
	font-weight:500;
	margin-bottom: 25px;
	letter-spacing: 4px;
}
#thanks dt .img {
	position: absolute;
	width: 80px;
	top: -20px;
	right: -60px;
}
#thanks dd {
}
#thanks dd a {
	display: block;
	margin-top: 20px;
	background-color: #fff;
	border: #FE8F9D 2px solid;
	color: #FE8F9D;
	padding: 10px 0;
	text-align: center;
	border-radius:30px;
	transition: .3s;
	font-weight:500;
}
#thanks dd a:hover {
	background-color: #FE8F9D;
	color: #fff;
}
/* --------------------------------------------------- */

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



@media screen and (max-width: 1000px) {
	
	/* ----------------------------------------------- */
	.contact1 dl,
    .contact1 dt,
    .contact1 dd {
        display: block;
    }
    .contact1 dt {
		padding-bottom: 15px;
	}
	.contact1 dt.ttl5 {
    }
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
    
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
}


@media screen and (max-width: 768px) {
	/* ----------------------------------------------- */
	.contact1 dd {
		line-height: 1.4rem;
	}
	.contact1 dd span {
		display: block;
		text-align: right;
		margin-right: 0;
	}
	.contact1 dd a {
		display: inline-block;
		margin-bottom: 10px;
		pointer-events: auto;
	}
	/* ----------------------------------------------- */
	.contact2 dl,
    .contact2 dt,
    .contact2 dd {
        display: block;
    }
	.contact2 dl {
        margin-bottom: 15px;
    }
	.contact2 dt {
		width: 100%;
		margin-bottom: 5px;
    }
	.contact2 dd label.checkbox {
		width: 100%;
		padding: 9px 10px 8px;
		background-color: #fff;
		border: rgba(0,0,0,.1) 1px solid;
	}
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
    /* --------------------------------------------------- */
    
	/* ----------------------------------------------- */
	
	
}

@media screen and (max-width: 580px) {
	.contact_ttl {
        max-width: 200px;
        margin-bottom: 30px;
    }
    .contact_ttl span {
        top: 42px;
        font-size: 1.1rem;
        letter-spacing: 2px;
    }
	/* ----------------------------------------------- */
	.contact1 dl {
		padding: 10px 0;
	}
	.contact1 dt {
		padding-left: 30px;
		margin-bottom: 20px;
    }
	.contact1 dt.ttl1,
	.contact1 dt.ttl2,
	.contact1 dt.ttl3,
	.contact1 dt.ttl4{
		background-position: left 0px top 20px;
        background-size: 20px auto;
    }
	.contact1 dt.ttl5{
		background-position: left 0px top 13px;
        background-size: 20px auto;
		padding-left: 30px;
		padding-bottom: 0;
    }
	.contact1 dd a {
        font-size: 1.1rem;
    }
	/* ----------------------------------------------- */
	.contact2{
	margin: 0 auto 20px;
	}
	.contact2 .annotation {
        margin: -10px 0 30px;
    }
	/* ----------------------------------------------- */
	#thanks {
        margin: 30px auto 10px;
        padding: 30px;
    }
	#thanks dt .img {
        width: 80px;
        top: -50px;
        right: -20px;
    }
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
}