@charset "utf-8";
@media screen and (min-width:641px) {

	/* 00 top
	--------------------------*/
	#content #bookInfo {
          margin: 30px auto 20px;
	}
	#content #topMain {
		background-image: url(../images/index/bg_main_visual.png);
		background-repeat: no-repeat;
		/*background-size: 100%;*/
		padding: 44px 0 0;
		height: 556px;
	}
	#content #topMain .main_ttl { margin: 0 auto; width: 598px; }
	#content #topCourse { position: relative; }
	#content #topCourse .ttl { margin: 0 auto; padding: 62px 0 48px; width: 420px; height: 84px; }
	#content #topCourse .course_img01 { width: 134px; position: absolute; left: 216px; top: 63px; }
	#content #topCourse .course_img02 { width: 230px; position: absolute; right: 200px; top: -70px; }
	#content #topCourse .course_inner { background-image: url(../images/index/bg_course_inner.jpg); padding: 50px 200px 40px; }
	#content #topCourse .course_inner .img_guideline { 
		margin-bottom: 40px;
		/*height: 150px;*/
	}
	#content #topCourse .course_inner .course_menu { }
	#content #topCourse .course_inner .course_menu li {
		float: left;
		margin-bottom: 30px;
		width: 49%;
		max-width: 460px;
		/*height: 200px;*/
	}
	#content #topCourse .course_inner .course_menu li:nth-of-type(2n+0) { float: right; }
	#content #topCourse .box_contact { background-image: url(../images/index/bg_contact.jpg); background-repeat: no-repeat; padding: 30px 200px; }
	#content #topCourse .ttl_contact { float: left; width: 456px; }
	#content #topCourse .detail_contact { float: right; padding: 0 170px 0 0; width: 300px; position: relative; }
	#content #topCourse .detail_contact .detail_text { margin-bottom: 25px; color: #fff; font-size: 14px; line-height: 171%; }
	#content #topCourse .detail_contact .course_img03 { width: 150px; position: absolute; right: 0; top: 26px; }


	#content #topSns {
          margin: 0 auto;
          padding: 73px 0 0; width:
          960px;
        }

	#content #topSns .ttl {
          margin-bottom: 47px;
        }

	#content #topSns #insta .inner {
          width: 460px;
          height: 494px;
          border: 1px solid #dbdbdb;
          box-sizing: border-box;
	  overflow-y: scroll;
        }

	#content #topSns #insta .inner iframe {
          width: 100%;
	  border: none!important;
        }

	#content #topSns #twitter {
          width: 460px;
        }

	#content #topSns #twitter .inner {
          width: 100%;
          box-sizing: border-box;
        }



	#content #topOther { margin: 0 auto; padding: 36px 0 73px; width: 960px; }
	#content #topOther .box { width: 460px; }
	#content #topOther .box .ttl { margin-bottom: 47px; height: 160px; }
	#content #topOther .box#topNews dl { margin: 0; padding: 19px 0; border-top: 2px solid #E5E5E5; clear: both; }
	#content #topOther .box#topNews dl:last-of-type { margin-bottom: 39px; border-bottom: 2px solid #E5E5E5; }
	#content #topOther .box#topNews dt {
		float: left;
		width: 150px;
		/*height: 120px;*/
	}
	#content #topOther .box#topNews dd { float: right; padding: 5px 0 0; width: 290px; font-size: 14px; line-height: 170%; }
	#content #topOther .box#topNews dd a { color: #333; text-decoration: none; font-size: 14px; }
	#content #topOther .box#topNews dd span { display: block; margin-bottom: 10px; color: #EB7118; font-weight: 700; }
	#content #topOther .box#topLesson dl {
		background-color: #FDF0CF;
		margin: 0 0 24px;
		padding: 12px 5px 12px 15px;
		clear: both;
	}
	#content #topOther .box#topLesson dl:last-of-type { margin-bottom: 40px; }
	#content #topOther .box#topLesson dt {
		float: left;
		width: 150px;
		/*height: 120px;*/
	}
	#content #topOther .box#topLesson dd { float: right; padding: 5px 0 0; width: 270px; font-size: 14px; line-height: 170%; }
	#content #topOther .box#topLesson dd p { margin-bottom: 8px; }
	#content #topOther .box#topLesson dd p a { font-size: 14px; color: #333; text-decoration: none; }
	#content #topOther .box#topLesson dd span { display: block; margin-bottom: 10px; color: #EB7118; font-size: 18px; font-weight: 700; }
	#content #topOther .box#topLesson .link_more { margin-bottom: 0; }
	#content #topOther .box#topLesson .link_more a { color: #49a9de; text-decoration: none; }
	#content #topOther .box#topLesson .link_more a:hover { text-decoration: underline; }
	#content #topOther .box .btn_list {margin: 0 auto;width: 320px;}
	#content #topOther .box .btn_list a { background-color: #ED7D1B; display: block; padding: 17px 0; text-align: center; line-height: 100%; text-decoration: none; border-radius: 10px; }
	#content #topOther .box .btn_list a span { background-image: url(../images/icon/icon02.png); background-repeat: no-repeat; background-position: right center; display: inline-block; padding: 0 27px 0 0; color: #fff; font-size: 16px; }
	#content #topOther .box .btn_list a:hover { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
}

/*SP用*/
@media screen and (max-width:640px) {

	/* 00 top
	--------------------------*/
	#content #bookInfo {
          margin: 10px auto 10px;
	  padding: 0 10px;
	}
	#content #topMain { background-image: url(../images/index/bg_main_visual.png); background-repeat: no-repeat; background-position: right; }
	#content #topMain .main_ttl { padding: 5vw; }
	#content #topCourse { }
	#content #topCourse .ttl { margin: 0 auto; padding: 10vw 12vw 2vw; }
	#content #topCourse .course_img01 { display: none; }
	#content #topCourse .course_img02 { display: none; }
	#content #topCourse .course_inner { background-image: url(../images/index/bg_course_inner.jpg); padding: 2vw; margin-bottom: 20px; }
	#content #topCourse .course_inner .img_guideline { margin-bottom: 10px; }
	#content #topCourse .course_inner .course_menu { }
	#content #topCourse .course_inner .course_menu li { margin-bottom: 10px; }
	#content #topCourse .course_inner .course_menu li:nth-of-type(2n+0) { float: right; }
	#content #topCourse .box_contact { background-image: url(../images/index/bg_contact.jpg); }
	#content #topCourse .ttl_contact { margin-bottom: 10px; }
	#content #topCourse .detail_contact { text-align: center; }
	#content #topCourse .detail_contact .detail_text { margin-bottom: 15px; color: #fff; font-size: 14px; line-height: 171%; text-align: left; }
	#content #topCourse .detail_contact .course_img03 { display: none; }


	#content #topSns .ttl {
          margin-bottom: 20px;
        }

	#content #topSns #insta.fl {
          float:none!important;
          width: 94%!important;
          margin-left: auto;
          margin-right: auto;
          margin-top: 50px;
        }

	#content #topSns #insta .inner {
          width: 100%;
          height: 480px;
          border: 1px solid #dbdbdb;
          box-sizing: border-box;
	  overflow-y: scroll;
        }

	#content #topSns #insta iframe {
          width: 100%;
	  border: none!important;
        }

	#content #topSns #twitter.fr {
          float:none!important;
          margin-top: 50px;
        }

	#content #topSns #twitter {
          width: 94%;
          margin-left: auto;
          margin-right: auto;
        }

	#content #topSns #twitter .inner {
          width: 100%;
          border: 1px solid #dbdbdb;
          box-sizing: border-box;
        }


	#content #topOther {margin: 0 auto;padding: 0 0 6vw;}
	#content #topOther .box {float: none;margin-top: 50px;}
	#content #topOther .box .ttl { margin-bottom: 20px; }
	#content #topOther .box#topNews dl { margin: 0; padding: 10px 3vw; border-top: 2px solid #E5E5E5; clear: both; }
	#content #topOther .box#topNews dl:last-of-type { margin-bottom: 39px; border-bottom: 2px solid #E5E5E5; }
	#content #topOther .box#topNews dt {float: left;width: 26vw;height: 20vw;margin-top: 4px;}
	#content #topOther .box#topNews dd { float: right; width: 65vw; font-size: 14px; line-height: 170%; }
	#content #topOther .box#topNews dd span { display: block; margin-bottom: 5px; color: #EB7118; font-weight: 700; }
	#content #topOther .box#topLesson dl { background-color: #FDF0CF; margin: 0 0 20px; padding: 3vw; clear: both; }
	#content #topOther .box#topLesson dl:last-of-type { margin-bottom: 40px; }
	#content #topOther .box#topLesson dt {float: left;width: 26vw;height: 20vw;margin-top: 4px;}
	#content #topOther .box#topLesson dd { width: 65vw; font-size: 14px; line-height: 170%; float: right; }
	#content #topOther .box#topLesson dd p { margin-bottom: 8px; }
	#content #topOther .box#topLesson dd span { display: block; margin-bottom: 10px; color: #EB7118; font-size: 18px; font-weight: 700; }
	#content #topOther .box#topLesson .link_more { margin-bottom: 0; }
	#content #topOther .box#topLesson .link_more a { color: #49a9de; text-decoration: none; }
	#content #topOther .box#topLesson .link_more a:hover { text-decoration: underline; }
	#content #topOther .box .btn_list {margin: 0 auto;width: 90%;}
	#content #topOther .box .btn_list a { background-color: #ED7D1B; display: block; padding: 17px 0; text-align: center; line-height: 100%; text-decoration: none; border-radius: 10px; }
	#content #topOther .box .btn_list a span { background-image: url(../images/icon/icon02.png); background-repeat: no-repeat; background-position: right center; display: inline-block; padding: 0 27px 0 0; color: #fff; font-size: 16px; }
	#content #topOther .box .btn_list a:hover { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
}