html{
	font-size:14px;
}
body{
	font-family:"Noto Sans JP",游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.btn {
    background-color: #9879ff;
    border: none;
    padding: .5em 3em;
    color: #fff;
}
.btn:hover{
	opacity:.7;
}
input, textarea, select {
    width: 100%;
    box-sizing: border-box;
}
p.error {
    color: #c00;
}
header{
	padding:16px 3%;
	max-width:720px;
	margin:0 auto;
}
.box_logo a {
    display: flex;
    align-items: center;
    color:#000;
    text-decoration:none;
}
.box_logo svg {
    height: auto;
    margin-right: 24px;
    width: 195px;
}
.box_logo a .sitename_sub {
    font-family: "altivo", sans-serif;
    font-weight: 500;
    letter-spacing: .15em;
    font-size: .85rem;
}
article{
	padding-top:40px;
	padding-bottom:40px;
}
article.inquiry_form {
    max-width: 720px;
}
.form-group {
    display: flex;
    align-items: flex-start;
    width: 100%;
    border-top: 1px solid #aaa;
    padding: .7em 0;
}
.form-group:last-of-type {
    border-bottom: 1px solid #aaa;
    margin-bottom: 1em;
}
.form-group label {
    width: 12em;
    display: inline-block;
    color: #888;
}
.form-group .input_body {
    width: 100%;
    padding: 0 9% 0 1%;
    box-sizing: border-box;
}

@media screen and (max-width:600px){
	.form-group {
		display: block;
	}
	.form-group .input_body {
    padding: 1% 0;
}
}