@charset "utf-8";
/* --------------------------------
 * Message Faq Page Design
 * -------------------------------- */
 
/* 子どもたちへ
---------------------------------------------*/
.to-kids01,
.to-parent01,
.to-teacher01 {
  font-family: 'Shippori Mincho B1', serif;
  font-size: 1.8rem;
  font-weight: 500;
}
.to-kids01 .image {
	float: right;
}
@media (max-width: 960px) {
.to-kids01 .image {
	float: none;
	margin: 0 auto;
	text-align: center;
}
.to-kids01 .box {
	margin: 50px auto 0;
	width: 67.5%;/*width: 576px;*/
}
}
@media (max-width: 640px) {
.to-kids01 .image img,
.to-kids01 .box {
	width: 100%;
}
}
/* 保護者の方へ
---------------------------------------------*/
.to-parent01 {
	background: url("../message_faq/img/to-parent01.jpg") no-repeat right center;
}
.to-parent01 .image {
	display: none;
}
.to-parent01 .box {
	padding-right: 5%;
	width: 55%;
	background: rgba(255, 255, 255, 0.5);
}
@media (max-width: 960px) {
.to-parent01 {
	background: none;
}
.to-parent01 .image {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.to-parent01 .box {
	margin: 50px auto 0;
	padding-right: 0;
	width: 88.88888888888889%;
	background: none;
}
}
@media (max-width: 853px) {
.to-parent01 .image img,
.to-parent01 .box {
	width: 100%;
}
}
/* 学校の先生方へ
---------------------------------------------*/
.to-teacher01 {
	background: url("../message_faq/img/to-teacher01.jpg") no-repeat left center;
}
.to-teacher01 .image {
	display: none;
}
.to-teacher01 .box {
	margin-left: 45%;
	padding-left: 5%;
	width: 55%;
	background: rgba(255, 255, 255, 0.8);
}
@media (max-width: 960px) {
.to-teacher01 {
	background: none;
}
.to-teacher01 .image {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.to-teacher01 .box {
	margin: 50px auto 0;
	padding-left: 0;
	width: 88.88888888888889%;
	background: none;
}
}
@media (max-width: 888px) {
.to-teacher01 .image img,
.to-teacher01 .box {
	width: 100%;
}
}

/* 共通：メッセージ
---------------------------------------------*/
.to-kids-mes,
.to-parent-mes,
.to-teacher-mes {
	position: relative;
	min-height: 680px;
}
.to-parent-mes {
	min-height: 530px;
}
.to-teacher-mes {
	min-height: 740px;
}
.to-kids-mes .box,
.to-parent-mes .box,
.to-teacher-mes .box {
	position: absolute;
}
.to-kids-mes .box img,
.to-parent-mes .box img,
.to-teacher-mes .box img {
	width: 100%;
}
/* メッセージ：子どもたちへ
---------------------------------------------*/
.to-kids-mes01 {
	width: 21.25%;
}
.to-kids-mes02 {
	width: 10.3125%;
	left: 24.47916666666667%;/*left: 235px;*/
	top: 60px;
}
.to-kids-mes03 {
	width: 16.875%;
	left: 41.66666666666667%;/*left: 400px;*/
	top: 25px;
}
.to-kids-mes04 {
	width: 33.85416666666667%;
	right: 0;
	top: 15px;
}
.to-kids-mes05 {
	width: 26.875%;
	left: 13.54166666666667%;/*left: 130px;*/
	top: 200px;
}
.to-kids-mes06 {
	width: 11.25%;
	left: 50%;/*left: 480px;*/
	top: 250px;
}
.to-kids-mes07 {
	width: 30.52083333333333%;
	left: 0;
	top: 375px;
}
.to-kids-mes08 {
	width: 31.77083333333333%;
	left: 36.45833333333333%;/*left: 350px;*/
	top: 380px;
}
.to-kids-mes09 {
	width: 21.14583333333333%;
	right: 0;
	top: 460px;
}
@media (max-width: 640px) {
.to-kids-mes .box {
	position: static;
}
.to-kids-mes01,
.to-kids-mes02,
.to-kids-mes03,
.to-kids-mes04,
.to-kids-mes05,
.to-kids-mes06,
.to-kids-mes07,
.to-kids-mes08,
.to-kids-mes09 {
	left: auto;
	right: auto;
	top: auto;
	margin: 0 auto 30px;
}
.to-kids-mes01 {
	width: 204px;
}
.to-kids-mes02 {
	width: 99px;
}
.to-kids-mes03 {
	width: 162px;
}
.to-kids-mes04 {
	width: 325px;
}
.to-kids-mes05 {
	width: 258px;
}
.to-kids-mes06 {
	width: 108px;
}
.to-kids-mes07 {
	width: 293px;
}
.to-kids-mes08 {
	width: 305px;
}
.to-kids-mes09 {
	width: 203px;
}
}
@media (max-width: 320px) {/* 最小コンテンツ幅（320px×90%＝288px）をオーバーする画像のみ */
.to-kids-mes04,
.to-kids-mes07,
.to-kids-mes08 {
	width: 100%;
}
}

/* メッセージ：保護者の方へ
---------------------------------------------*/
.to-parent-mes01 {
	width: 30.52083333333333%;
}
.to-parent-mes02 {
	width: 21.97916666666667%;
	left: 43.75%;/*left: 420px;*/
	top: 15px;
}
.to-parent-mes03 {
	width: 34.375%;
	left: 30.20833333333333%;/*left: 290px;*/
	top: 200px;
}
.to-parent-mes04 {
	width: 33.85416666666667%;
	right: 0;
	top: 95px;
}
.to-parent-mes05 {
	width: 9.583333333333333%;
	left: 13.54166666666667%;/*left: 130px;*/
	top: 320px;
}
@media (max-width: 640px) {
.to-parent-mes .box {
	position: static;
}
.to-parent-mes01,
.to-parent-mes02,
.to-parent-mes03,
.to-parent-mes04,
.to-parent-mes05 {
	left: auto;
	right: auto;
	top: auto;
	margin: 0 auto 30px;
}
.to-parent-mes01 {
	width: 293px;
}
.to-parent-mes02 {
	width: 211px;
}
.to-parent-mes03 {
	width: 330px;
}
.to-parent-mes04 {
	width: 325px;
}
.to-parent-mes05 {
	width: 92px;
}
}
@media (max-width: 320px) {/* 最小コンテンツ幅（320px×90%＝288px）をオーバーする画像のみ */
.to-parent-mes01,
.to-parent-mes03,
.to-parent-mes04 {
	width: 100%;
}
}

/* メッセージ：学校の先生方へ
---------------------------------------------*/
.to-teacher-mes01 {
	width: 34.89583333333333%;
	left: 0;
	top: 0;
}
.to-teacher-mes02 {
	width: 23.64583333333333%;
	left: 39.58333333333333%;/*left: 380x;*/
	top: 50px;
}
.to-teacher-mes03 {
	width: 31.875%;
	right: 0;
	top: 65px;
}
.to-teacher-mes04 {
	width: 31.04166666666667%;
	left: 0;
	top: 442px;
}
.to-teacher-mes05 {
	width: 40.625%;
	left: 28.64583333333333%;/*left: 275px;*/
	top: 200px;
}
.to-teacher-mes06 {
	width: 33.85416666666667%;
	right: 0;
	top: 414px;
}
@media (max-width: 640px) {
.to-teacher-mes .box {
	position: static;
}
.to-teacher-mes01,
.to-teacher-mes02,
.to-teacher-mes03,
.to-teacher-mes04,
.to-teacher-mes05,
.to-teacher-mes06 {
	left: auto;
	right: auto;
	top: auto;
	margin: 0 auto 30px;
}
.to-teacher-mes01 {
	width: 334px;
}
.to-teacher-mes02 {
	width: 227px;
}
.to-teacher-mes03 {
	width: 306px;
}
.to-teacher-mes04 {
	width: 298px;
}
.to-teacher-mes05 {
	width: 390px;
}
.to-teacher-mes06 {
	width: 325px;
}
}
@media (max-width: 430px) {/* オーバーする画像 */
.to-teacher-mes05 {
	width: 100%;
}
}
@media (max-width: 320px) {/* 最小コンテンツ幅（320px×90%＝288px）をオーバーする画像のみ */
.to-teacher-mes01,
.to-teacher-mes03,
.to-teacher-mes04,
.to-teacher-mes06 {
	width: 100%;
}
}

/* よくあるご質問
---------------------------------------------*/
.cmn-faq dt,
.cmn-faq dd {
	padding: 1.8em 5em;
}
@media (max-width: 640px) {
.cmn-faq dt,
.cmn-faq dd {
	padding: 1.8em 2em;
}
}
.cmn-faq dt {
	background: rgba(177, 45, 43, 0.1);
}
#to-parent .cmn-faq dt {
	background: rgba(5, 177, 217, 0.1);
} 
#to-teacher .cmn-faq dt {
	background: rgba(96, 171, 26, 0.1);
} 
#other .cmn-faq dt {
	background: rgba(255, 161, 16, 0.1);
}