@charset "utf-8";

.contents { margin-bottom: 80px; }
.box_ariga { letter-spacing: normal!important; }
.box_ariga.lead p { letter-spacing: 0!important; }

h2 { font-size: 34px!important; line-height: 1.8; }
h3 { font-size: 28px!important; line-height: 1.8; margin-top: 70px; margin-bottom: 30px; text-align: center; }
h4 { font-size: 22px!important; line-height: 1.8; margin-top: 40px; }
.contents p { margin-top: 0.8em!important;　line-height: 1.8; }
.text13 { font-size: 13px!important; }
.text14 { font-size: 14px!important; }
.text16 { font-size: 16px!important; }
.text18 { font-size: 18px!important; }
.text21 { font-size: 21px!important; }
.text24 { font-size: 24px!important; }
.text28 { font-size: 28px!important; }
.text46 { font-size: 46px!important; margin-top: 10px!important; }
.center { text-align:center!important; }
.read span { display:inline-block }
.bold { font-weight: bolder!important; }
.caution { color:#cc0000; }
.left { text-align: left; }
.center { text-align: center; }
.contents600inner { max-width: 640px; margin: 0 auto; padding: 0 20px; }
.contents800 { max-width: 800px; margin: 0 auto; }
.contents800inner { max-width: 800px; margin: 0 auto 50px!important; padding: 0 20px; }
.ariga .box_ariga .lead p { text-align: left; }
.img-right { float: right; position: relative; background-color: #ffffff; padding-bottom: 20px; padding-left: 40px; padding-top: 10px; }
.img-right.w180 { width: 180px; }
@media (max-width: 840px) {
	.contents800inner { padding: 0 20px 0 0; }
}
@media (max-width: 640px) {
	.contents600inner { padding: 0 20px 0 0; }
}

@media (max-width: 599px) {
	.img-right { margin-bottom: 10px; margin-left: 10px; margin-right: 20px; }
	.img-right.w180 { width: 100px; }
}
@media (max-width: 599px) {
	h2 { font-size: 26px!important; }
	.text21 { font-size: 18px!important; }
	.text24 { font-size: 21px!important; }
	.text28 { font-size: 24px!important; }
	.text46 { font-size: 40px!important; margin-top: 10px!important; }
}
/* ------ 余白 ------ */
.mt2em { margin-top: 2em !important; }
.mt3em { margin-top: 3em !important; }
.mt4em { margin-top: 4em !important; }
.mt5em { margin-top: 5em !important; }
.mt6em { margin-top: 6em !important; }
.mb2em { margin-bottom: 2em !important; }
.mb3em { margin-bottom: 3em !important; }
.mb4em { margin-bottom: 4em !important; }
.mb5em { margin-bottom: 5em !important; }
.mb6em { margin-bottom: 6em !important; }
.pb2em { padding-bottom: 1.5em !important; }
.pb3em { padding-bottom: 2.5em !important; }
.pb4em { padding-bottom: 4em !important; }
@media (max-width: 767px) {
	.mt2em { margin-top: 1.2em !important; }
	.mt3em { margin-top: 1.8em !important; }
	.mt4em { margin-top: 2.5em !important; }
	.mb2em { margin-bottom: 1.2em !important; }
	.mb3em { margin-bottom: 1.8em !important; }
	.mb4em { margin-bottom: 2.5em !important; }
}
.underline-dot { border-bottom: 1px dotted #999999; margin-bottom: 15px; padding-bottom: 15px; }

.title {
	max-width: 400px;
	margin: 50px auto 20px;
}
@media (max-width: 800px) {
	.title { width: 50%; }
}

/* ------ コラム ------ */
.column-photo {
	flex-wrap: wrap;
	display: flex;
	margin-left: -10px;
	position: relative;
}
.column-photo section {
	flex: 1;
	margin: 10px 0 0 10px;
}
.column-photo section img {
	width: 100%;
}
@media (max-width: 800px) {
	.column-photo section {	flex: 30%; }
}

/* ------ コラム ------ */
.column {
	flex-wrap: wrap;
	display: flex;
	margin-left: -30px;
	position: relative;
}
.column section {
	flex: 1;
	margin: 15px 0 15px 30px;
}
.column section img {
	width: 100%;
}
@media (max-width: 800px) {
	.column { margin-left: -20px; }
	.column section { margin-left: 20px; }
}


.flow-fig {
	max-width: 640px;
	margin: 30px auto;
}

.fig-jisseki-ibaraki {
	max-width: 480px;
	margin: 30px auto;
}



/* ------ Table ------ */
table {
	width:100%;
    border-collapse: collapse;
    border-spacing: 0;
	font-size: 14px;
}
table.general th, table.general td {
	padding: 12px 10px;
	border: 1px solid #cccccc;
}
table.general th {
	background-color: #FEE69F;
}
@media (max-width: 599px) {
	table th,
	table td { padding: 7px; }
}

/* ------ ちいすけ講座の強み ------ */
.fig-tsuyomi {
	max-width: 450px;
	margin: 30px auto 20px;
}
.yellow {
	background-color: #F6EB3D;
	padding: 10px 0 20px;
	margin-top: 70px;
}
.yellow h3 {
	margin-top: 50px;
}

.waku {
	background-color: #ffffff;
	padding: 30px;
	margin: 40px 0;
	border-radius: 20px;
}
.fig-tanjou {
	max-width: 450px;
	margin: 0 auto 10px;
}



/* ------ Youtube ------ */
.frame-wrapper__video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 50px;
}
.frame-wrapper__video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
@media (max-width: 599px) {
	.frame-wrapper__video {
		margin-top: 40px;
		margin-bottom: 30px;
	}
}

/* ------ 受講者の声 ------ */

.title-ueno {
	max-width: 600px;
	margin: 50px auto 30px;
	padding: 0 20px;
}
.voice-q { color: #3980BD; }



.contents.contact {
	width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 0 20px!important;
}
.contents.contact .box_form {
	width: 100%;
}
.contents.contact .box_form table {
    font-size: 16px;
    letter-spacing: 0;
    text-align: left;
}
.contents.contact table {
	padding-right: 20px;
}