* {
    font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro W3', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 18px;
}

.main_inner {
    padding: 6vw 4.95vw;
}

.before_text {
    border: 1px solid #036eb8;
    position: relative;
    padding: 3.7vw 10.9vw 3.7vw 6vw;
    height: 47.102vw;
}

.record_img {
    position: absolute;
    right: 2%;
    top: 3%;
    width: 7.25vw;
}

.before_text textarea {
    font-size: 4vw;
    color: #717071;
    width: 100%;
    height: 100%;
    line-height: 5.08vw;
}

.language {
    margin: 4vw 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.language p {
    border: 1px solid #036eb8;
    width: 38.165vw;
    height: 9.665vw;
    line-height: 9vw;
    font-size: 4.8vw;
    padding-left: 2.5vw;
}

.language img {
    width: 10.87vw;
}

.after_text {
    background-color: #d3e7f7;
    padding: 3.7vw 4vw;
    height: 47.102vw;
}

.sound {
    display: flex;
    align-items: center;
    margin-bottom: 2vw;
}

.sound img {
    width: 8.456vw;
}

.sound p {
    font-size: 4vw;
    margin-left: 4.5vw;
}

.after_text textarea {
    font-size: 5vw;
    color: #000;
    width: 100%;
    height: 80%;
    line-height: 5.08vw;
}

.record_button {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 49vw);
    text-align: center;
}

.record_button img {
    /* //  width: 100%; */
    cursor: pointer;
}

.term_box {
    border: 1px solid #036eb8;
    width: 100%;
    padding: 10px;
}
.term_title {
	font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 2;
}
.term_txt{
	line-height: 1.5;
    font-size: 12px;
}

.term_contents{
    margin-top: 30px;
}

.term_contents .term_bold,
.term_contents ol,
.term_contents ol li{
	line-height: normal;
	list-style: none;
	font-size: 12px;
}

.term_contents ol li a{
	font-size: 12px;
	color:#036eb8;
}

.term_contents ol{
	padding-left:1em;
}

.term_contents ol > li{
	line-height: 2;
	padding-left: 15px;
	text-indent:-1.2em;
}

.term_contents ol > li ul{
	padding-left:1em;
}

.term_contents ol > li ul li{
	text-indent:-1.3em;
	line-height:2;
}

.term_contents ol li dl{
	line-height:2;
	margin-bottom: 20px;
	padding-left:1em;
}

.term_contents ol li ul,.term_contents ol li dl{
	margin:10px 0;
	list-style: none;
}

.privacy_ttl{
	font-weight: bold;
    margin-bottom: 15px;
    font-size: 15px;
}



@media screen and (min-width: 960px) {
	.main_inner {
	    padding: 30px 20px;
	    height: 500px;
	    width: 400px;
	    margin: auto;
	}

	.before_text {
	    border: 1px solid #036eb8;
	    position: relative;
	    padding: 3.7% 10.9% 3.7% 6%;
	    height: 47.102%;
	}

	.record_img {
	    position: absolute;
	    right: 2%;
	    top: 3%;
	    width: 7.25%;
	}

	.before_text textarea {
	    font-size: 18px;
	    color: #717071;
	    width: 100%;
	    height: 100%;
	    line-height: 1;
	}

	.language {
	    margin: 4% 0;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    height: 30px;
	}

	.language p {
	    border: 1px solid #036eb8;
	    width: 38.165%;
	    height: 25px;
	    line-height: 1.5;
	    font-size: 14px;
	    padding-left: 2.5%;
	}

	.language img {
	    width: 10.87%;
	}

	.after_text {
	    background-color: #d3e7f7;
	    padding: 3.7% 4%;
	    height: 47.102%;
	}

	.sound {
	    display: flex;
	    align-items: center;
	    margin-bottom: 2%;
	}

	.sound img {
        width: 30px;
	}

	.sound p {
	    font-size: 18px;
	    margin-left: 4.5%;
	}

	.after_text textarea {
	    font-size: 18px;
	    color: #000;
	    width: 100%;
	    height: 80%;
	    line-height: 1;
	}

	.record_button {
	    position: absolute;
	    left: 50%;
	    transform: translate(-50%, 49%);
	    text-align: center;
	}

	.record_button img {
	    /* //  width: 100%; */
	    cursor: pointer;
	}

}