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

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/
section input,
section textarea{
    border: 1px solid #595757;
    padding: 10px;
    border-radius: 0!important;
}

#thanks p + p {
	margin-top: 2em;
}

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
	
	section {
		width: 1150px;
	}
	section h2 + p{
		font-size: 18px;
		font-size: 1.8rem;
	}
	
	#thanks p {
        font-size: 18px;
		font-size: 1.8rem;
    }
	
	section dl {
		border-top: 1px dashed #999;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section dl dt{
		width: 214px;
		border: none;
		font-size: 15px;
		font-size: 1.5rem;
		text-align: left;
		padding: 20px 0!important;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	
	section dl dt.text_top{
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start!important;
	}
	
	section dl dd{
		width: 936px;
		border: none;
		padding: 20px 0!important;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
	}
	
	section dl dd span.req{
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	section input,
    section textarea{
        width: 80%!important;
    }

    section input.short{
        width: 40%!important;
    }
	
	div.mfp_buttons {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 60px;
	}
	
	div.mfp_buttons button {
		width: 420px;
		display: block;
		padding: 30px;
		background: #736357;
		border-radius: 20px;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1;
		color: #FFF;
		text-align: center;
		margin: 0 15px;
		position: relative;
	}
	
	div.mfp_buttons button::after {
		content: "";
		width: 24px;
		height: 6px;
		background: url("../images/common/arrow_white.svg") no-repeat;
		background-size: cover;
		position: absolute;
		right: 5%;
		top: 50%;
	}
	
	
}


@media screen and (max-width: 640px){
	
	section h2 + p, #thanks p{
		font-size: 18px;
		font-size: clamp(13px, 3.25vw, 18px);
		letter-spacing: 0.05em;
		line-height: 2.1;
	}
	
	section h2 + p {
		text-align: center;
	}
	
	section dl {
		border-top: none;
		position: relative;
	}
	
	section dl dt{
		width: 100%;
		border: none;
		font-size: 17px;
		font-size: clamp(13px, 2.8vw, 17px);
		text-align: left;
		padding: 20px 0 5px!important;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	
	section dl dt.text_top{
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start!important;
	}
	
	section dl dd{
		width: 100%;
		border: none;
		padding: 0!important;
	}
	
	section dl dd span.req{
		font-size: 13px;
		font-size: 1.3rem;
		position: absolute;
		top: 20px;
		right: 0;
	}
	
	section input,
    section textarea{
        width: 100%!important;
    }

    section input.short{
        width: 100%!important;
    }
	
	div.mfp_buttons {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 40px;
	}
	
	div.mfp_buttons button {
		width: 90%;
		max-width: 420px;
		display: block;
		padding: 24px;
		background: #736357;
		border-radius: 20px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1;
		color: #FFF;
		text-align: center;
		margin: 0 15px;
		position: relative;
	}
	
	div.mfp_buttons button::after {
		content: "";
		width: 24px;
		height: 6px;
		background: url("../images/common/arrow_white.svg") no-repeat;
		background-size: cover;
		position: absolute;
		right: 5%;
		top: 50%;
	}

}