@charset "utf-8";


.top-text {
	max-width: 600px;
	margin: 50px auto 0;
	border: 1px solid #333;
	padding: 20px;
}
.top-text p{
	margin: 0;
}


/* 　❤　tips　❤ */
/* visual studio codeをご利用する場合 */
/* 「shift + alt + F」を押せば、コードが綺麗に整列されますので、ぜひご活用ください */





/* ーーーーー↓↓↓↓↓↓↓↓↓↓　毎回コピペする部分　ここからスタート　↓↓↓↓↓↓↓↓↓↓ーーーーー */
/* レギュラーのパーツ */
/* 1.アットレクチャーのボタン */
/* 2.オンプロ説明の部分とよくある質問 */
/* 3.フッター */
/* htmlの位置通りに並んでます。 */




/* 1.アットレクチャーのボタン */
.al-btn {
	background-color: rgb(221, 221, 221);
	text-align: center;
	width: 100%;
	top: 0;
	position: sticky;
	z-index: 900;
	border-bottom: #777777 solid 1px;
}

.al-btn img {
	max-width: 920px;
	width: 100%;
}

/* 2.オンプロ説明の部分とよくある質問 */
.application {
	text-align: center;
}

.application p {
	padding: 0 10%;
}

.application .step-title {
	padding: 0.5%;
	background-color: #FF3333;
	border-radius: 10px;
	color: white;
	margin: 10% 0 0 0;
}

.app-text {
	text-align: left;
    width: 80%;
    margin: 0 10%;
    padding: 3% 0;
}

.app-text h4 {
    border-bottom: #777777 dotted 1px;
    font-size: 1.2rem;
}

.app-warning {
	width: 60%;
	margin: 3% 20%;
	text-align: center;
	border: #ac9553 solid 3px;
	background-color: #fff;
}

.app-warning p {
	padding: 5%;
}

.step1 img {
	margin: auto;
	width: 100%;
	max-width: 600px;
}

.step2 {
	padding: 0 10% 0 10%;
}

.step2 img {
	margin: auto;
	width: 100%;
	max-width: 600px;
}

.step3 {
	padding: 0 10% 0 10%;
}

.step3 img {
	margin: auto;
	width: 100%;
	max-width: 600px;
}

.margin {
	margin: 15% 0 15% 0;
}

.expiry {
	margin: 5% 0 0 0;
}

.attention1 {
	margin: 5% 0;
}

.attention1 a {
	color: blue;
}

.attention2 img {
	margin: auto;
	width: 80%;
	max-width: 500px;
}

.position {
	padding: 0 0 2% 0;
}

.faq {
	padding: 5% 10%;
	background-color: #e7e7e7;
}

.faq h2 {
	text-align: center;

}

.faq .question {
	border-bottom: black dotted 1px;
	font-weight: bold;
	margin: 3% 0 0 0;
	padding: 0 0 1% 6%;
	background: url(../images/question.png);
	background-repeat: no-repeat;
}

.faq .answer {
	margin: 0;
	padding: 0 0 2% 6%;
	background: url(../images/answer.png);
	background-repeat: no-repeat;
}

.faq .answer2 {
	margin: 1% 0 5% 0;
	padding: 0 0 0 6%;
}

.answer a {
	color: blue;
}

/* 3.フッター */
footer {
	background-color: rgb(161, 161, 161);
	width: 100%;
	padding: 2% 0 0 0;
}

footer .about-clover {
	display: flex;
	justify-content: center;
	align-items: center;
}

footer .about-clover a {
	margin: 2% 0 2% 2%;
}

footer .about-clover a:link {
	color: black;
	text-decoration: none;
}

footer .about-clover a:hover {
	color: #2d2db1;
}

footer p.copyright {
	width: 100%;
	text-align: center;
	font-size: 14px;
	margin: 0;
}

.footer img {
	max-width: 150px;
}

/* ーーーーー↑↑↑↑↑↑↑↑↑↑　毎回コピペする部分　ここまでです　↑↑↑↑↑↑↑↑↑↑ーーーーー */



/* ーーーーー↓↓↓↓↓↓↓↓↓↓　オリジナル部分　↓↓↓↓↓↓↓↓↓↓ーーーーー */

/* アルファベット順 */

.audio{
	text-align: center;
	margin:  0 0 5% 0;
}

body {
	background-image: url('../images/bg_01.png');
}

.bold {
	font-weight: bold;
}

.border {
	background-color: #fff;
	width: 60%;
	margin: 0 20%;
	border-left: #dbdbdb solid 1px;
	border-right: #dbdbdb solid 1px;
	padding: 0 0 5% 0;
}

.btn img {
	width: 60%;
	margin: 0 20%;
}

.btn h4 {
	margin: 0;
	text-align: center;
}

.btn p {
	margin: 0 0 5% 0;
	text-align: center;
}

.btn2{
	width: 60%;
	margin: 0 20%;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5)
}

.details {
	width: 80%;
	margin: 10%;
	border: #9E7F22 solid 1px;
	line-height: 2;
}

.detail-text {
	margin: 5%;
}

.detail-text h3 {
	color: #9E7F22;
	font-size: 1.5rem;
	font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	font-weight: bold;
	border-bottom: 1px dotted #9E7F22;
}

.fa-star{
	color: #fcb902;
	font-size: 1.2rem;
}

.header img {
	width: 100%;
	margin: 0;
}

.highlight {
	font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}

.highlight-s {
	font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	font-size: 1.2rem;
	font-weight: bold;
}

.highlight-s .photo1{
	width: 80%;
	margin: 0 10%;
}


hr.grad {
	width: 240px;
	margin: 15px auto 0 auto;
	height: 8px;
	border: none;
	background-image: repeating-linear-gradient(45deg, #9E7F22 0, #9E7F22 1px, transparent 0, transparent 50%);
	background-size: 8px 8px;
}

.intro {
	text-align: center;
}

.list1 {
	list-style-type: none;
	margin: 0;
	line-height: 2;
}

.list2 {
	list-style-type: disc;
	margin: 0;
	line-height: 2;
}

.margin{
	margin: 5%;
}

.name {
	font-weight: bold;
}

.paypal img {
	width: 60%;
	margin: 20%;
}

.photo1{
	width: 50%;
	margin: 0 25%;
	padding: 0;
}

.photo2 img {
	width: 80%;
	margin: 0 10%;
}

.photo3{
	width: 30%;
	margin: 2% 35% 0;
}

.pink{
	color: #ff00b3;
}
.profile-img {
	text-align: center;
}

.profile img {
	width: 50%;
	max-width: 250px;
	border-radius: 50%;
	box-shadow:  3px 3px 3px 3px #a1a1a1;
}

.recommend{
	text-align: left;
	margin: 0 20%;
	line-height: 2;
}

.red {
	color: #F33;
	font-size: 1.2rem;
	font-weight: bold;
}

.red-s{
	font-size: 0.8rem;
	color: red;
	padding: 0;
	margin: 0;
}

.row1 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.6em;
	color: #9E7F22;
	margin: 0;
}

.row1 {
	position: relative;
	display: inline-block;
	padding: 0 60px;
}

.row1:before,
.row1:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 50px;
	height: 1px;
	border-top: solid 1px #9E7F22;
}

.row1:before {
	left: 0;
}

.row1:after {
	right: 0;
}

.row2 {
	font-size: 2rem;
	font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	font-weight: bold;
	margin: 0;
}

.small{
	display: none;
}

.seminar,
.target {
	width: 50%;
	margin: 5% 25%;
}

.text01 {
    background-image: url('../images/bg-note.png');
	font-size: 1rem;
    line-height: 36px;
	margin: 5% 10%;
	padding: 0 18%;
	text-align: left;
}

.text03 {
	width: 60%;
	margin: 0 20%;
}

.text04 {
	font-family:"MS Pゴシック",sans-serif;
	font-weight: normal;
	text-align: center;
	margin: 0;
	padding: 0;
}

.title {
	text-align: center;
	margin: 10% 0;
}

.title-s {
	color: #2d6bc7;
	font-weight: bold;
}

.underline {
	background: linear-gradient(transparent 60%, #FCDF02 0%);
}

.underline-s {
	background: linear-gradient(transparent 50%, #ffa2d5 0%);
}

.warning p {
	font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	color: #F33;
	text-align: center;
	width: 50%;
	padding: 2%;
	margin: 5% auto;
	border: #F33 solid 3px;
}


/* 画面サイズに合わせて調整する部分 */

@media screen and (max-width: 1600px) {
	.border {
		width: 80%;
		margin: 0 10%;
	}
}

@media screen and (max-width: 1300px) {
	.text01 {
		padding: 0 15%;
	}
}

@media screen and (max-width: 1000px) {
	.footer a {
		font-size: 0.8rem;
	}

	footer .about-clover {
		flex-direction: column;
	}

	.border {
		width: 100%;
		margin: 0;
		border: 0;
	}

	.warning p {
		width: 97%;
		padding: 0;
		margin: 3% auto;
	}

	.text01 {
		margin: 0 5%;
		padding: 0 10%;
	}

	.btn img {
		width: 80%;
		margin: 3% 10%;
	}

	.details {
		width: 100%;
		padding: 0;
		margin: 0;
		border: 0;
	}

	.map {
		width: 100%;
	}

	.app-warning,
	.paypal img {
		width: 90%;
		margin: 3% 5%;
	}

	.seminar,
	.target {
		width: 70%;
		margin: 3% auto;
	}

	body {
		font-size: 0.9rem;
	}

	.recommend{
		margin: 0 2% 0 0;
	}

	.recommend img{
		width: 35px;
	}

	.red {
		font-size: 0.9rem;
	}

}

@media screen and (max-width: 700px) {

	.seminar,
	.target,
	.text03 {
		width: 90%;
		margin: 3% auto;
	}

	.text01 {
		font-size: 0.8rem;
	}

	.small{
		display: block;
	}

	.large{
		display: none;
	}

	.faq {
		padding: 3%;
		background-color: #e7e7e7;
	}

	.faq .question {
		margin: 3% 0 0 0;
		padding: 0 0 1% 0;
		background: none;
	}

	.faq .answer {
		padding: 0 0 2% 0;
		background: none;
	}

	.faq .answer2 {
		padding: 0;
	}
}

@media screen and (max-width: 500px) {

	.text01 {
		padding: 0 5%;
	}
}