@charset "utf-8";
/* CSS Document */
body {
	color: #212121;
	font-family: 'Noto Sans Japanese', sans-serif;
	
	min-width: 100%;
}

img {
	width: 100%;
}
#container{
	min-width:320px;	
}
.remodal-is-opened {
	display: block !important;
}
.pcbr {
	display: none;	
}
.spbr {
	display: inline;
}


#header {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#logo_wrap {
	padding-top: 0px;
}
#logo_wrap:after {
	content: "";
	display: block;
	clear: both;
}
#logo {
	float: left;
	width: 64.15%;
	padding-top: 0px;
	line-height: 0;
  letter-spacing: -.4em;
}
#logo a:nth-of-type(1) {
  width: 63.49%;
  display: inline-block;
  margin-right: 4.77%;
  letter-spacing: normal;
  vertical-align: middle;
}
#logo a:nth-of-type(2) {
  width: 31.74%;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
}
#logo .logo02 {
  margin-left: 0;
}
#logo_wrap_right {
	float: right;
}
#logo_wrap_right #login_wrap {
	display: none;
}

#logo_wrap_right #contact_wrap {
	
}
#logo_wrap_right #contact_wrap:after {
	content: "";
	display: block;
	clear: both;
}
#logo_wrap_right #contact_wrap .link_contact {
	float: none;
  display: block;
	position: absolute;
	top: 0;
	right: 14%;
	width: 14%;
	margin-left: 0px;
}
#logo_wrap_right #contact_wrap #sns_wrap {
	display: none;
}



#gnav {
	display: none;
}

#h_menu {
	display: block;
	width: 14%;
	
	position: absolute;
	top: 0;
	right: 0;
}
#menu {
	display: none;
}
.menu_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 14%;
}
#sp_menu {
	padding-top: 14%;
	padding-bottom: 6%;
	background: #00A0E9;
}
#sp_menu #sp_nav {
	width: 88%;
	margin: 0 auto;
	border-top: 1px solid rgba(255,255,255,.5);
}
#sp_menu #sp_nav li {
	border-bottom: 1px solid rgba(255,255,255,.5);
	background: url(../img/icon_arrow_menu01.png) no-repeat 98% center;
	background-size:10px;
}
#sp_menu #sp_nav li.open {
	background: url(../img/icon_arrow_menu01_down.png) no-repeat 98% center;
	background-size:10px;
}
#sp_menu #sp_nav li.pay_child {
	display: none;
}
#sp_menu #sp_nav li a {
	display: block;
	margin: 0 auto;
	color: #fff;
	font-size: 14px;
	text-align: left;
	
	padding: 4% 0;
}
#sp_menu #sp_nav li.pay a {
	pointer-events: none;
}

#sp_login_wrap {
	padding: 6% 0;
}
#sp_login_wrap #sp_login {
	width: 88%;
	margin: 0 auto;
	border-top: 1px solid #ccc;
}
#sp_login_wrap #sp_login li {
	border-bottom: 1px solid #ccc;
	background: url(../img/icon_arrow_menu02.png) no-repeat 98% center;
	background-size:7px;
}

#sp_login_wrap #sp_login li a {
	display: block;
	font-size: 14px;
	text-align: left;
	padding: 4% 0;
	padding-left: 25px;
}
#sp_login_wrap #sp_login li:nth-child(1) a {
	background: url(../img/icon_pc_sp.png) no-repeat left center;
	background-size:20px;
}
#sp_login_wrap #sp_login li:nth-child(2) a {
	background: url(../img/icon_student_sp.png) no-repeat left center;
	background-size:20px;
}
#sp_login_wrap #sp_login li:nth-child(3) a {
	background: url(../img/icon_cart_sp.png) no-repeat left center;
	background-size:20px;
}
#sp_sns_wrap {
	margin: 7% 0;
}
#sp_sns_wrap ul {
	font-size: 0;
	text-align: center;
}
#sp_sns_wrap li {
	display: inline-block;
	margin: 0 3%;
}
#sp_sns_wrap li a {
	
}
#sp_sns_wrap li a img {
	width: 35px;
}
.sp_link_contact {
	text-align: center;
}
.sp_link_contact a {
	display: inline-block;
	width: 90%;
}



#footer_link01 {
	border-top: 1px solid #ddd;
	padding: 4% 0;
}
#footer_link01 ul {
	width: 94%;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
}
#footer_link01 ul:after {
	content: "";
	display: block;
	clear: both;
}
#footer_link01 li {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
	margin: 0 0 10px;
}
#footer_link01 li:nth-child(odd) {
	float: left;
}
#footer_link01 li:nth-child(even) {
	float: right;
}

#footer_link02 {
	border-top: 1px solid  #ddd;
	padding: 7% 0;
}
#footer_link02 ul {
	width: 94%;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
}
#footer_link02 ul:after {
	content: "";
	display: block;
	clear: both;
}
#footer_link02 li {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
	margin: 0 0 5px;
}
#footer_link02 li:nth-child(odd) {
	float: left;
}
#footer_link02 li:nth-child(even) {
	float: right;
}



#fnav_wrap {
	background: #EEF1F2;
	padding: 10% 0 6%;
}
#fnav_inner {
	width: 94%;
	margin: 0 auto;
}
#fnav_inner:after {
	content: "";
	display: block;
	clear: both;
}
#fnav_inner #f_logo_wrap {
	float: none;
	text-align: center;
	margin-bottom: 10%;
}
#fnav_inner #f_logo_wrap #f_logo {
	margin-bottom: 20px;
}
#fnav_inner #f_logo_wrap #f_logo img {
	width: auto;
}
#fnav_inner #f_logo_wrap #f_tel h4 {
	color: #1F1F1F;
	font-size: 13px;
	text-align: center;
	border: 1px solid #1F1F1F;
	border-radius: 30px;
	padding: 10px 20px;
	margin-bottom: 3%;
}
#fnav_inner #f_logo_wrap #f_tel .f_tel {
	color: #1F1F1F;
	font-size: 12px;
	text-align: center;
}
#fnav_inner #f_logo_wrap #f_tel .f_tel a {
	display: block;
	font-size: 30px;
	pointer-events: auto;
}
#fnav_inner #f_logo_wrap #f_tel .f_tel a:before {
	content: url(../img/icon_tel_pc.png);
	display: inline-block;
	margin-right: 5px;
}
#fnav {
	float: none;
	width: 100%;
}
#fnav ul {
	font-size: 0;
}
#fnav li {
	display: block;
	width: auto;
	line-height: 140%;
	margin-left: 3%;
	margin-bottom: 6%;
}
#fnav li:first-child {
	display: block;
	width: auto;
}
#fnav li:nth-child(5),
#fnav li:nth-child(9) {
	width: 7em;
}
#fnav li:before {
	content: url(../img/icon_arrow_fnav.png);
	display: inline-block;
	margin-right: 5px;
}
#fnav li a {
	color: #1F1F1F;
	font-size: 14px;
	line-height: 100%;
}




#copyright_wrap {
	background: #484D50;
	padding: 20px 0;
}
#copyright_inner {
	width: 100%;
	margin: 0 auto;
}
#copyright_inner:after {
	content: "";
	display: block;
	clear: both;
}
#copyright_inner .copyright {
	float: none;
	color: #fff;
	font-size: 10px;
	text-align: center;
}
#copyright_inner ul {
	font-size: 0;
	float: none;
	margin-bottom: 6%;
	padding-left: 3%;
}
#copyright_inner li {
	display: block;
	margin-left: 6%;
	margin-bottom: 3%;
}
#copyright_inner li a {
	color: #fff;
	font-size: 12px;
}





/*------------------------------------------------------------

トップ

------------------------------------------------------------*/

#mainslide {
	padding-bottom: 10%;
}
#mainslide .slider {
	background: #000;
}
#mainslide .slider img {
	width: 100%;
	opacity: .5;
	transition: .3s;
}
#mainslide .slider .slick-current img {
	opacity: 1;
	transition: .3s;
}
#mainslide .slick-dots {
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
	font-size: 0;
}
#mainslide .slick-dots li {
    width: 22%;
    height: auto;
    margin: 0 5px;
    padding: 0;
	background: transparent;
	border-radius: 12px;
    cursor: pointer;
}
#mainslide .slick-dots li img {
	opacity: 1;
}

h2.title01 {
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 160%;
	background: #009FE9;
	padding: 20px 3%;
	margin-bottom: 50px;
}


#contents_area {
	background: #EEF1F2;
	padding: 10% 0;
}
#contents_area_inner {
	width: 94%;
	margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#contents_area:after {
	content: "";
	display: block;
	clear: both;
}
#left_side {
	width: 100%;
	margin-right: 0;
  margin-top: 40px;
  order: 3;
}
#left_side .login_student {
	margin-bottom: 20px;
}
#left_side .login_student_btn a {
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#left_side .login_student_btn a:hover {
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 4px 0 #BE690C;
}
#left_side h3 {
	color: #fff;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	background: url(../img/btn_open.png) no-repeat right 10px center #00A0E9;
	padding: 15px 0;
}
#left_side #choice_purpose {
	border: 1px solid #DDD;
	border-bottom: none;
	margin-bottom: 20px;
}
#left_side #choice_purpose h3 ,
#left_side #choice_product h3 {
	background: url(../img/btn_open.png) no-repeat right 10px center #00A0E9;
  background-size: 18px;
}
#left_side #choice_purpose h3.active ,
#left_side #choice_product h3.active {
	background: url(../img/btn_close.png) no-repeat right 10px center #0073AA;
  background-size: 18px;
}
#left_side #choice_purpose ul {
  display: none;
	background: #fff;
}
#left_side #choice_purpose li {
	
	border-bottom: 1px solid  #ddd;
	display: inline-block;
	width: 49%;
	box-sizing: border-box;
	
}
#left_side #choice_purpose li:nth-child(odd) {
	border-right: 1px solid  #ddd;
}
#left_side #choice_purpose li:nth-child(even) {
	border-right: 1px solid  #fff;
}
#left_side #choice_purpose li a {
	display: block;
	font-size: 14px;
	padding: 25px 0;
	padding-left: 25px;
	background: #fff url(../img/icon_arrow01off.png) no-repeat 5% center;
}
#left_side #choice_purpose li a:hover {
	opacity: 1;
	background: rgba(0,160,233,.15) url(../img/icon_arrow01on.png) no-repeat 5% center;
}

#left_side #choice_product {
	background: #fff;
	border: 1px solid #DDD;
	margin-bottom: 20px;
}
#left_side #choice_product ul {
  display: none;
	font-size: 0;
	text-align: center;
	padding-top: 25px;
}
#left_side #choice_product li {
	display: inline-block;
	width: 40%;
	margin: 0 10px 25px;
	box-sizing: border-box;
}
#left_side #choice_product li:last-child {
	//width: 90%;
}


#main_contents {
	width: 100%;
  order: 1;
}
h2.recommended_title {
	color: #1F1F1F;
	font-size: 24px;
	border-left: 2px solid #009FE9;
	padding-left: 20px;
	margin-bottom: 30px;
}
.recommended_box {
	padding: 30px;
	background: #fff;
	border: 1px solid  #ddd;
	margin-bottom: 20px;
}
.recommended_box .img {
	border-bottom: 1px solid  #ddd;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.recommended_box .tag_list {
	margin-bottom: 10px;
	font-size: 0;
}
.recommended_box .tag_list li {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	line-height: 100%;
	background: #00A0E9;
	padding: 7px 10px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.recommended_box .text {
	color: #1F1F1F;
	font-size: 14px;
	line-height: 180%;
	margin-bottom: 10px;
}
.recommended_box .price_wrap {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}
.recommended_box .price_wrap:after {
	content: "";
	display: block;
	clear: both;
}
.recommended_box .price_wrap .kakaku {
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-left: 0px;
}
.recommended_box .price_wrap .option_green {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	background: #50B7B2;
	border-radius: 5px;
	padding: 12px;
	vertical-align: top;
	margin-top: 10px;
}
.recommended_box .price_wrap .option_orange {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 100%;
	background: #FF7C00;
	border-radius: 5px;
	padding: 12px;
	vertical-align: top;
	margin-top: 10px;
	float: none;
}
.recommended_box .price_wrap .option_orange .fz24 {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 100%;
}
.recommended_box .price_wrap .shipping {
	display: block;
	width: 100px;
	margin-top: 3%;
	margin-left: 0px;
	margin-right: 5px;
}
.recommended_box .price_wrap .shipping span {
	font-size: 20px;
	font-weight: bold;
}
.recommended_box .price_wrap .shipping .set {
	color: #EF4D4D;
}
.recommended_box .price_wrap .shipping .free {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #D70008;
	padding: 2px 0;
}
.recommended_box .price_wrap .price {
	color: #ED4C4C;
	font-size: 40px;
	font-weight: bold;
	line-height: 100%;
}
.recommended_box .price_wrap .yen {
	color: #ED4C4C;
	font-size: 24px;
	font-weight: bold;
}
.recommended_box .price_wrap .taxless {
	display: block;
	color: #202020;
	font-size: 14px;
	font-weight: normal;
}
.recommended_box .link_buy a {
  width: 100%;
  box-sizing: border-box;
  padding-right: 12px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.recommended_box .link_buy a span {
  font-size: 14px;
  padding: 16px 0 14px;
  padding-left: 22px;
  background: url(../img/icon_buy.png) no-repeat left center;
  background-size: 18px;
}
.recommended_box .link_buy a:after {
  right: 10px;
  top: 19px;
  width: 7px;
  height: 11px;
  background: url(../img/icon_arrow_recommended_buy.png) no-repeat;
  background-size: cover;
}
.recommended_box .link_buy a span big {
  font-size: 17px;
}
.recommended_box .link_buy a:hover {
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 6px 0 #8C0003;
}

#right_side {
	width: 100%;
	line-height: 0;
  order: 2;
  margin-left: 0;
}
#right_side p {
	display: inline-block;
	width: 49%;
	margin-bottom: 10px;
}
#right_side p:nth-child(even) {
	float: left;
}
#right_side p:nth-child(odd) {
	float: right;
}
#right_side p.first_banner,
#right_side p.side_mail,
#right_side p.side_tel {
	width: 100%;
	float: none;
	clear: both;
}
#right_side p.side_tel {
  pointer-events: auto;
}






#top_feature {
	padding-bottom: 40px;
}
#top_feature h2 {
  background: url(../img/btn_open.png) no-repeat right 10px center #00A0E9;
  background-size: 18px;
}
#top_feature h2.active {
  background: url(../img/btn_close.png) no-repeat right 10px center #0073AA;
  background-size: 18px;
}
#top_feature ul {
	width: 94%;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
  display: none;
}
#top_feature ul:after {
	content: "";
	display: block;
	clear: both;
}
#top_feature li {
	display: inline-block;
	width: 49%;
	margin-right: 0px;
	margin-bottom: 40px;
  vertical-align: top;
}
#top_feature li:nth-child(2n) {
  margin-left: 2%;
}
#top_feature li:nth-child(3n) {
	margin-right: 0;
}
/*#top_feature li:nth-child(odd) {
	float: left;
}
#top_feature li:nth-child(even) {
	float: right;
}*/
#top_feature li .img {
	margin-bottom: 15px;
}
#top_feature li .text {
	color: #1F1F1F;
	font-size: 15px;
	line-height: 180%;
	text-align: left;
}






#top_application {
	background: #EEF1F2;
	padding-bottom: 110px;
}
#top_application ul.top_app_slider {
	width: 90%;
	margin: 0 auto;
}
#top_application ul.top_app_slider li {
	background: #fff;
	margin: 0 10px;
}
#top_application ul.top_app_slider li .img {
	margin-bottom: 15px;
  width: auto;
}
#top_application ul.top_app_slider li h3.title {
	color: #1F1F1F;
	font-size: 16px;
	text-align: center;
	padding: 0 3%;
	margin-bottom: 5px;
}
#top_application ul.top_app_slider li h3.name {
	padding: 0 3%;
	margin-bottom: 5px;
}
#top_application ul.top_app_slider li h4 {
	color: #ED4C4C;
	font-size: 30px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 10px;
	padding: 0 3%;
}
#top_application ul.top_app_slider li h4 span.yen {
	color: #ED4C4C;
	font-size: 24px;
}
#top_application ul.top_app_slider li h4 span.taxless {
	display: block;
	color: #1F1F1F;
	font-size: 14px;
}
#top_application ul.top_app_slider li p.link_buy {
	text-align: center;
	padding-bottom: 15px;
}
#top_application ul.top_app_slider li p.link_buy a {
	display: inline-block;
	width: 90%;
}
#top_application ul.top_app_slider li p.link_buy a:hover {
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 4px 0 #C91212;
}

#top_application ul.top_app_slider .slick-dots li {
    background: none;
}
#top_application .slick-prev:before {
    content: '';
	background-image:url(../img/slide01_prev.png);
}
#top_application .slick-next:before {
    content: '';
	background-image:url(../img/slide01_next.png);
}
#top_application .slick-prev
{
	left: -5%;
}
#top_application .slick-next
{
	right: -5%;
}





#top_course {
	
}
#top_course .course_list {
	width: 94%;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
	padding-bottom: 12%;
}
#top_course .course_list li {
	display: inline-block;
	margin-right: 0px;
	margin-bottom: 15px;
	line-height: 0;
}
#top_course .course_list li:nth-child(even) {
	margin-right: 0;
}
#top_course .course_list li:nth-child(1) {
	background: url(../../img/top/top_course01_on.png) no-repeat left top;
	background-size:cover;
}
#top_course .course_list li:nth-child(2) {
	background: url(../../img/top/top_course02_on.png) no-repeat left top;
	background-size:cover;
}
#top_course .course_list li:nth-child(3) {
	background: url(../../img/top/top_course03_on.png) no-repeat left top;
	background-size:cover;
}
#top_course .course_list li:nth-child(4) {
	background: url(../../img/top/top_course04_on.png) no-repeat left top;
	background-size:cover;
}
#top_course .course_list li:nth-child(5) {
	background: url(../../img/top/top_course05_on.png) no-repeat left top;
	background-size:cover;
}
#top_course .course_list li:nth-child(6) {
	background: url(../../img/top/top_course06_on.png) no-repeat left top;
	background-size:cover;
}
#top_course .course_list li:nth-child(7) {
	background: url(../../img/top/top_course07_on.png) no-repeat left top;
	background-size:cover;
}
#top_course .course_list li:nth-child(8) {
	background: url(../../img/top/top_course08_on.png) no-repeat left top;
	background-size:cover;
}
#top_course .course_list li:nth-child(9) {
	background: url(../../img/top/top_course09_on.png) no-repeat left top;
	background-size:cover;
}
#top_course .course_list li:nth-child(10) {
	background: url(../../img/top/top_course10_on.png) no-repeat left top;
	background-size:cover;
}
#top_course .course_list li:nth-child(11) {
	background: url(../../img/top/top_course11_on.png) no-repeat left top;
	background-size:cover;
}
#top_course .course_list li a {
	display: block;
}
#top_course .course_about {
	background: url(../../img/top/top_bg01.jpg);
	padding: 12% 0;
}
#top_course .course_about ul {
	width: 94%;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
}
#top_course .course_about li {
	display: inline-block;
	width: 100%;
	margin: 0 0 10%;
}
#top_course .course_about li h3 {
	color: #009FE9;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3%;
}
#top_course .course_about li .img {
	margin-bottom: 15px;
}
#top_course .course_about li .text {
	color: #1F1F1F;
	font-size: 15px;
	line-height: 180%;
	text-align: left;
	margin-bottom: 15px;
}
#top_course .course_about li .link_detail {
	
}
#top_course .course_about li .link_detail a {
  width: 70%;
}
#top_course .course_about li .link_detail a:hover {
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 4px 0 #006291;
}
#top_course .course_about li .link_detail img {
	width: auto;
}



#top_comparison {
	background: #fff;
  padding-bottom: 0;
	margin-bottom: 60px;
}
#top_comparison tr:nth-child(2n){
  background: #EEF1F2;
}
#top_comparison::after {
  display: block;
  padding-top: 10px;
  padding-left: 10px;
  content:"横にスライドできます";
  font-size: 14px;
}
#top_comparison .scroll {
	overflow-x: auto;
}
#top_comparison .scroll::-webkit-scrollbar {
  height: 10px;
}
#top_comparison .scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #ddd;
}
#top_comparison .scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #666;
}
#top_comparison table {
	width: 980px;
	margin: 0 auto;
	border-top: 4px solid  #00A0E9;
}
#top_comparison tr {
	
}
#top_comparison tr:nth-child(odd) {
	background: #fff;
}
#top_comparison th {
	color: #212121;
	font-size: 15px;
	vertical-align: middle;
	padding: 15px 10px;
  text-align: left;
}
#top_comparison th img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: auto;
}
#top_comparison td {
	color: #212121;
	font-size: 14px;
	text-align: left;
	vertical-align: middle;
	padding: 18px 0;
}
#top_comparison td img {
	width: auto;
}
#top_comparison .link_apply a:hover {
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 4px 0 #C91212;
}

#top_news_wrap {
	width: 94%;
	margin: 0 auto;
	padding: 10% 0;
}
#top_news_wrap:after {
	content: "";
	display: block;
	clear: both;
}
#top_news {
	float: none;
	width: 100%;
	margin-bottom: 10%;
}
#top_news h3 {
	font-size: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
#top_news ul {
	
}
#top_news li ,
.ec-newsRole .ec-newsRole__news {
	position: relative;
}
#top_news li a {
	display: block;
	padding: 20px 0;
}
#top_news li a span.date ,
#top_news .ec-newsRole__newsItem .date {
	color: #878787;
	font-size: 14px;
	margin-right: 20px;
	vertical-align: top;
}
#top_news li a span.title ,
#top_news .ec-newsRole__newsItem .title {
	color: #1F1F1F;
	font-size: 14px;
	display: inline-block;
	width: 87%;
}
#top_news li a span.arrow {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
#top_link {
	float: none;
}
#top_link ul {
	line-height: 0;
}
#top_link li {
	margin-bottom: 20px;
}




/*------------------------------------------------------------

下層共通

------------------------------------------------------------*/

#breadcrumb {
	padding: 20px 0;
	margin-bottom: 20px;
}
#breadcrumb ul {
	width: 94%;
	margin: 0 3%;
}
#breadcrumb ul li:before {
	content: url(../img/bread_arrow.png);
	display: inline-block;
	margin: 0 5px;
}

.table02 {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}
.table02 th {
	box-sizing: border-box;
	color: #1F1F1F;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background: #E8F7FD;
	padding: 3%;
}
.table02 tr:last-child th {
	padding: 3%;
}
.table02 td { 
	color: #1F1F1F;
	font-size: 14px;
	text-align: left;
	padding: 0 0 0 3%;
}
.table02 tr:nth-last-child(n+2) td {
	border-bottom: 10px solid  #fff;
}
.table02 td .ttl {
  font-size: 16px;
  margin-left: 0;
  text-indent: -30px;
  padding-left: 30px;
  margin-bottom: 10px;
}
.table02 td .no {
  display: inline-block;
  color: #fff;
  line-height: 1;
  background: #009FE9;
  text-indent: 0;
  padding: 5px 10px 7px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  font-size: 16px;
  font-weight: bold;
  margin-right: 10px;
  vertical-align: middle;
}
.table02 td .ttl small {
  font-size: 16px;
  font-weight: inherit;
}
.table02 .inbox {
  padding: 4% 3%;
  border: 1px solid #ccc;
  position: relative;
}
.table02 .inbox a {
  color: #009FE9;
  text-decoration: underline;
}

.steplist {
  list-style-type: none;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.steplist li{
  display: block;
  position: relative;
  background: #EEF1F2;
  padding: 16px 16px 16px 22px;
  color: #1F1F1F;
  text-align: center;
  font-size: 16px;
}
.steplist li:last-child{
  padding-right: 1em;
}
.steplist li:last-child:before,
.steplist li:last-child:after{
  display: none;
}
.steplist li:before,
.steplist li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.steplist li:before{
  top: inherit;
  bottom:-42px;
  left: 50%;
  right: inherit;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 22px;
  z-index: 10;
  transform: translateX(-50%) rotate(90deg);
}
.steplist li:after{
  top: inherit;
  bottom:-40px;
  left: 50%;
  right: inherit;
  border-style: solid;
  border-color: transparent transparent transparent #EEF1F2;
  border-width: 40px 0 40px 22px;
  z-index: 10;
  transform: translateX(-50%) rotate(90deg);
}
.steplist li.current{
  color: #fff;
  background: #009FE9;
  font-weight: bold;
}
.steplist li.current:after{
  border-color: transparent transparent transparent #009FE9;
}



/*------------------------------------------------------------

common

------------------------------------------------------------*/
#mainimg h1 {
	font-size: 20px;
	padding: 40px 0;
}

h2.title02 {
  font-size: 18px;
  padding: 14px;
  margin-bottom: 20px;
}
h3.title03 {
  font-size: 16px;
  padding-bottom: 8px;
  margin-bottom: 15px;
}


.table01 { 
	border-collapse:collapse;
	border-bottom: none;
}
.table01 tr {
	
}
.table01 th {
	font-size: 14px;
	padding: 3% 4%;
}
.table01 td {
	font-size: 14px;
	padding: 3% 4%;
}


/*------------------------------------------------------------

通信講座について　about

------------------------------------------------------------*/

.about_banner {
	text-align: center;
	/* 元の赤 */
	background: #CC000F;
	
	/* キャンペーン用 
	background: #84c785;*/
}
.about #mainimg {
	background: url(../../img/about/about_mainimg.jpg) no-repeat center center;
	background-size:cover;
}

#about01 {
	padding-bottom: 30px;
}
#about01 p.text {
	margin-bottom: 30px;
}
#about01 h3.table_title {
	font-size: 16px;
}
#about01 .table01 th {
	display: block;
	width: 100%;
}
#about01 .table01 td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
#about01 p.comment {
	font-size: 12px;
}
#about01 .clearfix {
	margin-bottom: 30px;
}
#about01 .clearfix .photo img {
  width: 100%;
} 
#about01 .clearfix p.text {
	float: none;
	width: 100%;
}

#about02 {
	padding-bottom: 70px;
}
#about02 ul {
	font-size: 0;
	margin: 20px 0 0;
}
#about02 ul:after {
	content: "";
	display: block;
	clear: both;
}
#about02 li {
	line-height: 0;
	text-align: center;
	margin-bottom: 20px;
}
#about02 li:nth-child(odd) {
	float: none;
}
#about02 li:nth-child(even) {
	float: none;
}
#about02 li:nth-child(1) {
	background: url(../../img/about/kouza_list01_on.png) no-repeat center top;
}
#about02 li:nth-child(2) {
	background: url(../../img/about/kouza_list02_on.png) no-repeat center top;
}
#about02 li:nth-child(3) {
	background: url(../../img/about/kouza_list03_on.png) no-repeat center top;
}
#about02 li:nth-child(4) {
	background: url(../../img/about/kouza_list04_on.png) no-repeat center top;
}
#about02 li:nth-child(5) {
	background: url(../../img/about/kouza_list05_on.png) no-repeat center top;
}
#about02 li:nth-child(6) {
	background: url(../../img/about/kouza_list06_on.png) no-repeat center top;
}
#about02 li:nth-child(7) {
	background: url(../../img/about/kouza_list07_on.png) no-repeat center top;
}
#about02 li:nth-child(8) {
	background: url(../../img/about/kouza_list08_on.png) no-repeat center top;
}
#about02 li:nth-child(9) {
	background: url(../../img/about/kouza_list09_on.png) no-repeat center top;
}
#about02 li:nth-child(10) {
	background: url(../../img/about/kouza_list10_on.png) no-repeat center top;
}
#about02 li:nth-child(11) {
	background: url(../../img/about/kouza_list11_on.png) no-repeat center top;
}
#about02 li img {
	transition: .3s;
	width: auto;
	max-width: 100%;
}
#about02 li:hover img {
	opacity: 0;
	transition: .3s;
}

#about03 {
	padding-bottom: 70px;
}
#about03 ul {
	font-size: 0;
	padding-top: 10px;
	margin-bottom: 0px;
}
#about03 li {
	display: inline-block;
	width: 100%;
	position: relative;
	margin-right: 0px;
	vertical-align: top;
	margin-bottom: 40px;
}
#about03 li:after {
	content: url(../../img/about/about_arrow.png);
	position: absolute;
	top:inherit;
	bottom:-30px;
	right: inherit;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
}
#about03 li:last-child {
	margin-right: 0;
}
#about03 li:last-child:after {
	content:none;
}
#about03 li .img {
	text-align: center;
	margin-bottom: 20px;
}
#about03 li .img img {
	width: auto;
}
#about03 li h4 {
	color: #009FE9;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
}
#about03 li .text {
	color: #1F1F1F;
	font-size: 14px;
	line-height: 160%;
}
#about03 .text a {
	color: #009FE9;
	font-size: 100%;
	border-bottom: 1px solid  #009FE9;
}



#about04 {
	padding-bottom: 70px;
}
#about04 .f_l {
	float: none;
	text-align: center;
	margin-bottom: 5%;
}
#about04 .f_l p img {
	width: auto;
}
#about04 .f_r {
	width: 100%;
	float: none;
}
#about04 .f_r h3 {
	color: #009FE9;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}


#about05 {
	padding-bottom: 70px;
}
#about05 .f_l {
	float: none;
	text-align: center;
	margin-bottom: 5%;
}
#about05 .f_l img {
	width: auto;
}
#about05 .f_r {
  float: none;
	width: 100%;
}
#about05 .f_r a {
	color: #009FE9;
	font-size: 100%;
	border-bottom: 1px solid  #009FE9;
}

/*-------------------
講座
-------------------*/

#kouza01 {
	padding-bottom: 15%;
}
#kouza_title {
	text-align: center;
	padding: 70px 0 80px;
	margin-bottom: 50px;
}
#kouza_title .kouza_title_img {
	margin-bottom: 30px;
}
#kouza_title .kouza_title_img img {
	width: auto;
}
#kouza_title h1 {
	display: inline-block;
	width: 90%;
	margin: 0 auto;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	line-height: 100%;
	border: 1px solid  #fff;
	padding: 15px 3%;
	margin-bottom: 20px;
	box-sizing: border-box;
}
#kouza_title h2 {
	width: 90%;
	margin: 0 auto;
	color: #fff;
	font-size: 15px;
	line-height: 170%;
	text-align: left;
}
#kouza01 h3 {
	color: #1F1F1F;
	font-size: 20px;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
#kouza01 p.img {
	float: none;
	margin-right: 0px;
	margin-bottom: 3%;
}
#kouza01 p.text {
	float: none;
	width: 100%;
	color: #1F1F1F;
	font-size: 14px;
	line-height: 180%;
}
#kouza02 {
	padding-bottom: 15%;
}
h2.kouza_title01 {
	color: #fff;
	font-size: 20px;
	line-height: 100%;
	padding: 5% 3%;
	margin-bottom: 3%;
}
#kouza02 h3 {
	font-size: 15px;
	line-height: 100%;
	margin-bottom: 15px;
}
#kouza02 table {
	width: 100%;
	border: 1px solid  #ddd;
	border-collapse: collapse;
}
#kouza02 tr {
	
}
#kouza02 th {
	display: block;
	width: 100%;
	color: #1F1F1F;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background: #EEF1F2;
	border-bottom: 1px solid  #ddd;
	padding: 3%;
	box-sizing: border-box;
}
#kouza02 td {
	display: block;
	width: 100%;
	color: #1F1F1F;
	font-size: 14px;
	text-align: left;
	border-bottom: 1px solid  #ddd;
	padding: 3%;
	box-sizing: border-box;
}

#kouza03 {
	padding-bottom: 15%;
}
#kouza03 li {
	margin-bottom: 20px;
}
#kouza03 li a {
	color: #009FE9;
	font-size: 14px;
	line-height: 180%;
	text-decoration: none;
	border-bottom: 1px solid  #009FE9;
	padding-bottom: 1px;
}

#kouza04 {
	padding-bottom: 15%;
}
#kouza04 ul {
	font-size: 0;
	text-align: center;
}
#kouza04 li {
	display: inline-block;
	width: 45%;
	margin: 0 1%;
}

#kouza05 {
	padding-bottom: 15%;
}
#kouza05 h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 160%;
	margin-bottom: 15px;
}
#kouza05 .text {
	color: #1F1F1F;
	font-size: 14px;
	line-height: 180%;
	margin-bottom: 20px;
}
#kouza05 ul {
	font-size: 0;
}
#kouza05 ul:after {
	content: "";
	display: block;
	clear: both;
}
#kouza05 li {
	display: inline-block;
	line-height: 0;
	margin-bottom: 20px;
}
#kouza05 li:nth-child(odd) {
	float: left;
}
#kouza05 li:nth-child(even) {
	float: right;
}
#kouza05 li:nth-child(1) {
	background: url(../../img/about/kouza_list01_on.png) no-repeat left top;
	background-size:cover;
}
#kouza05 li:nth-child(2) {
	background: url(../../img/about/kouza_list02_on.png) no-repeat left top;
	background-size:cover;
}
#kouza05 li:nth-child(3) {
	background: url(../../img/about/kouza_list03_on.png) no-repeat left top;
	background-size:cover;
}
#kouza05 li:nth-child(4) {
	background: url(../../img/about/kouza_list04_on.png) no-repeat left top;
	background-size:cover;
}
#kouza05 li:nth-child(5) {
	background: url(../../img/about/kouza_list05_on.png) no-repeat left top;
	background-size:cover;
}
#kouza05 li:nth-child(6) {
	background: url(../../img/about/kouza_list06_on.png) no-repeat left top;
	background-size:cover;
}
#kouza05 li:nth-child(7) {
	background: url(../../img/about/kouza_list07_on.png) no-repeat left top;
	background-size:cover;
}
#kouza05 li:nth-child(8) {
	background: url(../../img/about/kouza_list08_on.png) no-repeat left top;
	background-size:cover;
}
#kouza05 li:nth-child(9) {
	background: url(../../img/about/kouza_list09_on.png) no-repeat left top;
	background-size:cover;
}
#kouza05 li:nth-child(10) {
	background: url(../../img/about/kouza_list10_on.png) no-repeat left top;
	background-size:cover;
}
#kouza05 li:nth-child(11) {
	background: url(../../img/about/kouza_list11_on.png) no-repeat left top;
	background-size:cover;
}
#kouza05 li img {
	transition: .3s;
}
#kouza05 li:hover img {
	opacity: 0;
	transition: .3s;
}


/*---Illustrator CC------------------------------------------*/

.kouza_ill #kouza_title {
	background: url(../../img/about/kouza_ill_title_bg.jpg) no-repeat center center;
	background-size:cover;
}
.kouza_ill #kouza01 h3 {
	background: url(../../img/about/kouza_ill_line.png) no-repeat left bottom;
	background-size:100%;
}
.kouza_ill h2.kouza_title01 {
	background: #F08200;
}
.kouza_ill #kouza02 h3 {
	color: #F08200;
}
.kouza_ill #kouza05 h3 {
	color: #F08200;
}
.kouza_ill #kouza05 li:nth-child(1) a {
	pointer-events: none;
}
.kouza_ill #kouza05 li:nth-child(1) img {
	opacity: 0;
}


/*---Adobe dimension CC------------------------------------------*/

.kouza_ill #kouza_title {
	background: url(../../img/about/kouza_dimension_title_bg.jpg) no-repeat center center;
	background-size:cover;
}
.kouza_ill #kouza01 h3 {
	background: url(../../img/about/kouza_dimension_line.png) no-repeat left bottom;
	background-size:100%;
}
.kouza_ill h2.kouza_title01 {
	background: #518a61;
}
.kouza_ill #kouza02 h3 {
	color: #518a61;
}
.kouza_ill #kouza05 h3 {
	color: #518a61;
}
.kouza_ill #kouza05 li:nth-child(10) a {
	pointer-events: none;
}
.kouza_ill #kouza05 li:nth-child(10) img {
	opacity: 0;
}


/*---Adobe Fresco CC------------------------------------------*/

.kouza_ill #kouza_title {
	background: url(../../img/about/kouza_fresco_title_bg.jpg) no-repeat center center;
	background-size:cover;
}
.kouza_ill #kouza01 h3 {
	background: url(../../img/about/kouza_fresco_line.png) no-repeat left bottom;
	background-size:100%;
}
.kouza_ill h2.kouza_title01 {
	background: #9FB136;
}
.kouza_ill #kouza02 h3 {
	color: #9FB136;
}
.kouza_ill #kouza05 h3 {
	color: #9FB136;
}
.kouza_ill #kouza05 li:nth-child(9) a {
	pointer-events: none;
}
.kouza_ill #kouza05 li:nth-child(9) img {
	opacity: 0;
}


/*---Photoshop CC------------------------------------------*/

.kouza_psx #kouza_title {
	background: url(../../img/about/kouza_psx_title_bg.jpg) no-repeat center center;
	background-size:cover;
}
.kouza_psx #kouza01 h3 {
	background: url(../../img/about/kouza_psx_line.png) no-repeat left bottom;
	background-size:100%;
}
.kouza_psx h2.kouza_title01 {
	background: #2B99D5;
}
.kouza_psx #kouza02 h3 {
	color: #2B99D5;
}
.kouza_psx #kouza05 h3 {
	color: #2B99D5;
}
.kouza_psx #kouza05 li:nth-child(2) a {
	pointer-events: none;
}
.kouza_psx #kouza05 li:nth-child(2) img {
	opacity: 0;
}


/*---XD CC------------------------------------------*/

.kouza_xd #kouza_title {
	background: url(../../img/about/kouza_xd_title_bg.jpg) no-repeat center center;
	background-size:cover;
}
.kouza_xd #kouza01 h3 {
	background: url(../../img/about/kouza_xd_line.png) no-repeat left bottom;
	background-size:100%;
}
.kouza_xd h2.kouza_title01 {
	background: #D62B68;
}
.kouza_xd #kouza02 h3 {
	color: #D62B68;
}
.kouza_xd #kouza05 h3 {
	color: #D62B68;
}
.kouza_xd #kouza05 li:nth-child(3) a {
	pointer-events: none;
}
.kouza_xd #kouza05 li:nth-child(3) img {
	opacity: 0;
}



/*---Dreamweaver CC------------------------------------------*/

.kouza_dre #kouza_title {
	background: url(../../img/about/kouza_dre_title_bg.jpg) no-repeat center center;
	background-size:cover;
}
.kouza_dre #kouza01 h3 {
	background: url(../../img/about/kouza_dre_line.png) no-repeat left bottom;
	background-size:100%;
}
.kouza_dre h2.kouza_title01 {
	background: #81A720;
}
.kouza_dre #kouza02 h3 {
	color: #81A720;
}
.kouza_dre #kouza05 h3 {
	color: #81A720;
}
.kouza_dre #kouza05 li:nth-child(4) a {
	pointer-events: none;
}
.kouza_dre #kouza05 li:nth-child(4) img {
	opacity: 0;
}


/*---Premiere Pro CC------------------------------------------*/

.kouza_pre #kouza_title {
	background: url(../../img/about/kouza_pre_title_bg.jpg) no-repeat center center;
	background-size:cover;
}
.kouza_pre #kouza01 h3 {
	background: url(../../img/about/kouza_pre_line.png) no-repeat left bottom;
	background-size:100%;
}
.kouza_pre h2.kouza_title01 {
	background: #4F2389;
}
.kouza_pre #kouza02 h3 {
	color: #4F2389;
}
.kouza_pre #kouza05 h3 {
	color: #4F2389;
}
.kouza_pre #kouza05 li:nth-child(5) a {
	pointer-events: none;
}
.kouza_pre #kouza05 li:nth-child(5) img {
	opacity: 0;
}


/*---AfterEffects CC------------------------------------------*/

.kouza_af #kouza_title {
	background: url(../../img/about/kouza_af_title_bg.jpg) no-repeat center center;
	background-size:cover;
}
.kouza_af #kouza01 h3 {
	background: url(../../img/about/kouza_af_line.png) no-repeat left bottom;
	background-size:100%;
}
.kouza_af h2.kouza_title01 {
	background: #515C9F;
}
.kouza_af #kouza02 h3 {
	color: #515C9F;
}
.kouza_af #kouza05 h3 {
	color: #515C9F;
}
.kouza_af #kouza05 li:nth-child(6) a {
	pointer-events: none;
}
.kouza_af #kouza05 li:nth-child(6) img {
	opacity: 0;
}


/*---InDesign CC------------------------------------------*/

.kouza_ind #kouza_title {
	background: url(../../img/about/kouza_ind_title_bg.jpg) no-repeat center center;
	background-size:cover;
}
.kouza_ind #kouza01 h3 {
	background: url(../../img/about/kouza_ind_line.png) no-repeat left bottom;
	background-size:100%;
}
.kouza_ind h2.kouza_title01 {
	background: #DB4C71;
}
.kouza_ind #kouza02 h3 {
	color: #DB4C71;
}
.kouza_ind #kouza05 h3 {
	color: #DB4C71;
}
.kouza_ind #kouza05 li:nth-child(7) a {
	pointer-events: none;
}
.kouza_ind #kouza05 li:nth-child(7) img {
	opacity: 0;
}


/*---HTML5&CSS3 CC------------------------------------------*/

.kouza_ht5 #kouza_title {
	background: url(../../img/about/kouza_ht5_title_bg.jpg) no-repeat center center;
	background-size:cover;
}
.kouza_ht5 #kouza01 h3 {
	background: url(../../img/about/kouza_ht5_line.png) no-repeat left bottom;
	background-size:100%;
}
.kouza_ht5 h2.kouza_title01 {
	background: #53A13A;
}
.kouza_ht5 #kouza02 h3 {
	color: #53A13A;
}
.kouza_ht5 #kouza05 h3 {
	color: #53A13A;
}
.kouza_ht5 #kouza05 li:nth-child(8) a {
	pointer-events: none;
}
.kouza_ht5 #kouza05 li:nth-child(8) img {
	opacity: 0;
}


/*------------------------------------------------------------

会社概要　company

------------------------------------------------------------*/

.company #mainimg {
	background: url(../../img/company/company_mainimg.jpg) no-repeat center center;
	background-size:cover;
}

#company01 {
	padding-bottom: 30px;
}
#company01 p.text {
	margin-bottom: 30px;
}
#company01 h3.table_title {
	color: #00A0E9;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
#company01 .table01 th {
	display: block;
	width: 100%;
}
#company01 .table01 td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
#company01 .table01 td a {
  color: #009FE9;
  text-decoration: underline;
}
#company01 .table01 td dt {
  float: left;
  line-height: 200%;
}
#company01 .table01 td dd {
  margin-left: 8em;
  line-height: 200%;
}
#company01 .table01 li {
  line-height: 200%;
}




/*------------------------------------------------------------

特定商取引に基づく表記　law

------------------------------------------------------------*/

.law #mainimg {
	background: url(../../img/law/law_mainimg.jpg) no-repeat center center;
	background-size:cover;
}

#law01 {
	padding-bottom: 60px;
}
#law01 .table01 {
  margin-bottom: 50px;
}
#law01 .table01 th {
	display: block;
	width: 100%;
}
#law01 .table01 td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
#law01 .table01 td a {
  color: #009FE9;
  text-decoration: underline;
}
#law01 .table01 td dt {
  font-weight: bold;
}
#law01 .table01 td dd {
  margin-bottom: 0;
}

#law01 section {
  margin-bottom: 40px;
}
#law01 ol {
  list-style: decimal;
  margin-left: 1em;
}
#law01 ol li {
  line-height: 180%;
  margin-bottom: 20px;
}
#law01 ol a {
  color: #009FE9;
  text-decoration: underline;
  word-break: break-all;
}
#law01 .text01 {
  line-height: 180%;
}
#law01 dt {
  font-weight: bold;
}
#law01 dd {
  margin-bottom: 20px;
}
#law01 dd li {
  line-height: 200%;
}


/*------------------------------------------------------------

よくある質問　faq

------------------------------------------------------------*/

.faq #mainimg {
	background: url(../../img/faq/faq_mainimg.jpg) no-repeat center center;
	background-size:cover;
}

#faq01 {
	padding-bottom: 30px;
}
#faq01 ul {
  letter-spacing: -.4em;
  margin-bottom: 30px;
}
#faq01 li {
  display: inline-block;
  width: 100%;
  letter-spacing: normal;
  margin-bottom: 10px;
}
#faq01 li:nth-child(2n) {
  margin-left: 0px;
}
#faq01 li a {
  display: block;
  background: url(../../img/faq/icon_arrow01.png) no-repeat right 14px center #EEF1F2;
  padding: 20px 0 20px 20px;
  line-height: 160%;
}

#faq01 dl {
  margin-bottom: 40px;
}
#faq01 dt {
  background:  url(../../img/faq/icon_open.png) no-repeat right 16px center #EEF1F2;
  position: relative;
  color: #00A0E9;
  font-size: 18px;
  padding: 20px 60px 20px 66px;
  margin-top: 20px;
  cursor: pointer;
}
#faq01 dt.active {
  background:  url(../../img/faq/icon_close.png) no-repeat right 16px center #EEF1F2;
}
#faq01 dt::after {
  content: "Q";
  font-size: 20px;
  line-height: 1;
  color: #fff;
  padding: 5px 11px 11px;
  display: inline-block;
  background: #00A0E9;
  border-radius:40px;
  -webkit-border-radius:40px;
  -moz-border-radius:40px;
  position: absolute;
  left: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
#faq01 dd {
  background: #fff;
  border-left: 20px solid #EEF1F2;
  border-right: 20px solid #EEF1F2;
  border-bottom: 20px solid #EEF1F2;
  padding: 20px 20px 20px 70px;
  position: relative;
  line-height: 180%;
}
#faq01 dd::after {
  content: "A";
  font-size: 20px;
  line-height: 1;
  color: #009FE9;
  padding: 6px 11px 8px;
  display: inline-block;
  background: #fff;
  border-radius:40px;
  -webkit-border-radius:40px;
  -moz-border-radius:40px;
  border:2px solid #009FE9;
  position: absolute;
  left: 20px;
  top: 20px;
  box-sizing: border-box;
}
#faq01 dd a {
  color: #009FE9;
  text-decoration: underline;
}

/*------------------------------------------------------------

サイトマップ　sitemap

------------------------------------------------------------*/

.sitemap #mainimg {
	background: url(../../img/sitemap/sitemap_mainimg.jpg) no-repeat center center;
	background-size:cover;
}

#sitemap01 {
	padding-bottom: 30px;
}
#sitemap01 ul {
  letter-spacing: -.4em;
  margin-bottom: 30px;
}
#sitemap01 li {
  display: inline-block;
  width: 100%;
  letter-spacing: normal;
  margin-bottom: 10px;
}
#sitemap01 li:nth-child(2n) {
  margin-left: 0px;
}
#sitemap01 li a {
  display: block;
  background: url(../../img/sitemap/icon_arrow01.png) no-repeat right 14px center #EEF1F2;
  padding: 20px 0 20px 20px;
  line-height: 1;
}




/*------------------------------------------------------------

お支払い方法（代引き）　pay_daibiki

------------------------------------------------------------*/

.pay_daibiki #mainimg {
	background: url(../../img/pay_daibiki/pay_daibiki_mainimg.jpg) no-repeat center center;
	background-size:cover;
}

#pay_daibiki01 {
	padding-bottom: 30px;
}
#pay_daibiki01 .table02 {
  margin-bottom: 70px;
}
#pay_daibiki01 .table02 th {
  background: #E8F7FD;
  width: 20%;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
#pay_daibiki01 .table02 tr:nth-of-type(n+2) th::before {
  position: absolute;
  top: -2.5em;
  left: 0;
  content: "";
  background: url(../../img/pay_daibiki/pay_daibiki_arrow01.png) no-repeat bottom center;
  display: block;
  width: 100%;
  height: 51px;
}
#pay_daibiki01 .steplist {
  margin-bottom: 40px;
}



/*------------------------------------------------------------

お支払い方法（銀行振込）　pay_bank

------------------------------------------------------------*/

.pay_bank #mainimg {
	background: url(../../img/pay_bank/pay_bank_mainimg.jpg) no-repeat center center;
	background-size:cover;
}

#pay_bank01 {
	padding-bottom: 30px;
}
#pay_bank01 .table02 {
  margin-bottom: 70px;
}
#pay_bank01 .table02 th {
  background: #E8F7FD;
  width: 20%;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
#pay_bank01 .table02 tr:nth-of-type(n+2) th::before {
  position: absolute;
  top: -2.5em;
  left: 0;
  content: "";
  background: url(../../img/pay_bank/pay_bank_arrow01.png) no-repeat bottom center;
  display: block;
  width: 100%;
  height: 51px;
}
#pay_bank01 .steplist {
  margin-bottom: 40px;
}
#pay_bank01 .table01 th {
	width: 200px;
}

/*------------------------------------------------------------

お支払い方法（クレジットカード決済）　pay_card

------------------------------------------------------------*/

.pay_card #mainimg {
	background: url(../../img/pay_card/pay_card_mainimg.jpg) no-repeat center center;
	background-size:cover;
}

#pay_card01 {
	padding-bottom: 30px;
}
#pay_card01 .table02 {
  margin-bottom: 70px;
}
#pay_card01 .table02 th {
  background: #E8F7FD;
  width: 20%;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
#pay_card01 .table02 tr:nth-of-type(n+2) th::before {
  position: absolute;
  top: -2.5em;
  left: 0;
  content: "";
  background: url(../../img/pay_card/pay_card_arrow01.png) no-repeat bottom center;
  display: block;
  width: 100%;
  height: 51px;
}

/*------------------------------------------------------------

お申込みの流れ　orderflow

------------------------------------------------------------*/

.orderflow #mainimg {
	background: url(../../img/orderflow/orderflow_mainimg.jpg) no-repeat center center;
	background-size:cover;
}

#orderflow01 {
	padding-bottom: 30px;
}
#orderflow01 .table02 {
  margin-bottom: 40px;
}
#orderflow01 .table02 th {
  background: #E8F7FD;
  width: 20%;
  vertical-align: middle;
  position: relative;
  text-align: center;
  padding: 3%;
}
#orderflow01 .table02 tr:nth-of-type(n+2) th::before {
  position: absolute;
  top: -2.5em;
  left: 0;
  content: "";
  background: url(../../img/orderflow/orderflow_arrow01.png) no-repeat bottom center;
  display: block;
  width: 100%;
  height: 51px;
}




/*------------------------------------------------------------

学習システムについて　system

------------------------------------------------------------*/

.system #mainimg {
	background: url(../../img/system/system_mainimg.jpg) no-repeat center center;
	background-size:cover;
}
#system01 {
	padding-bottom: 70px;
}
#system01 ul {
	font-size: 0;
	padding-top: 10px;
	margin-bottom: 30px;
}
#system01 li {
	display: inline-block;
	width: 100%;
	position: relative;
	margin-right: 0px;
	margin-bottom: 60px;
	vertical-align: top;
}
#system01 li:after {
	content: url(../../img/about/about_arrow.png);
	position: absolute;
	top: inherit;
	bottom: -30px;
	right: inherit;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
}
#system01 li:last-child {
	margin-right: 0;
	margin-bottom: 0;
}
#system01 li:last-child:after {
	content:none;
}
#system01 li .img {
	text-align: center;
	margin-bottom: 20px;
}
#system01 li .img img {
	width: auto;
}
#system01 li h4 {
	color: #009FE9;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
}
#system01 li .text {
	color: #1F1F1F;
	font-size: 14px;
	line-height: 160%;
}
#system01 .text a {
	color: #009FE9;
	font-size: 100%;
	border-bottom: 1px solid  #009FE9;
}


#system02 {
	padding-bottom: 70px;
}
#system02 ul {
	
}
#system02 li {
	position: relative;
	margin-bottom: 90px;
}
#system02 li:last-child {
	margin-bottom: 40px;
}
#system02 li:after {
	content: url(../../img/system/system_arrow02.png);
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform: translateX(-50%);
}
#system02 li:last-child:after {
	content: none;
}
#system02 h3 {
	color: #1F1F1F;
	font-size: 16px;
	line-height: 180%;
	margin-bottom: 15px;
	text-indent: -30px;
	padding-left: 30px;
}
#system02 h3 span {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
	background: #FC8E20;
	text-indent: 0px;
	padding: 3px 8px 5px;
	border-radius: 20px;
	margin-right: 8px;
}
#system02 .link {
	text-align: center;
}
#system02 .link a {
  position: relative;
	display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  background: #EF4D4D url(../img/icon_arrow_topapp_buy.png) no-repeat 95% center;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  padding: 15px 3%;
  line-height: 1.4;
  box-shadow: 0 3px 0 #C91212; 
  box-sizing: border-box;
}
#system02 .link a:hover {
  -moz-transform: translate3d(0, 3px, 0);
  -webkit-transform: translate3d(0, 3px, 0);
  transform: translate3d(0, 3px, 0);
  box-shadow: none;
  opacity: 1;
}


#system03 {
	padding-bottom: 70px;
}
#system03 ul {
	font-size: 0;
	margin: 20px 0 0;
}
#system03 ul:after {
	content: "";
	display: block;
	clear: both;
}
#system03 li {
	line-height: 0;
	margin-bottom: 20px;
}
#system03 li:nth-child(odd) {
	float: left;
}
#system03 li:nth-child(even) {
	float: right;
}
#system03 li:nth-child(1) {
	background: url(../../img/about/kouza_list01_on.png) no-repeat left top;
}
#system03 li:nth-child(2) {
	background: url(../../img/about/kouza_list02_on.png) no-repeat left top;
}
#system03 li:nth-child(3) {
	background: url(../../img/about/kouza_list03_on.png) no-repeat left top;
}
#system03 li:nth-child(4) {
	background: url(../../img/about/kouza_list04_on.png) no-repeat left top;
}
#system03 li:nth-child(5) {
	background: url(../../img/about/kouza_list05_on.png) no-repeat left top;
}
#system03 li:nth-child(6) {
	background: url(../../img/about/kouza_list06_on.png) no-repeat left top;
}
#system03 li:nth-child(7) {
	background: url(../../img/about/kouza_list07_on.png) no-repeat left top;
}
#system03 li:nth-child(8) {
	background: url(../../img/about/kouza_list08_on.png) no-repeat left top;
}
#system03 li:nth-child(9) {
	background: url(../../img/about/kouza_list09_on.png) no-repeat left top;
}
#system03 li:nth-child(10) {
	background: url(../../img/about/kouza_list10_on.png) no-repeat left top;
}
#system03 li:nth-child(11) {
	background: url(../../img/about/kouza_list11_on.png) no-repeat left top;
}
#system03 li img {
	transition: .3s;
}
#system03 li:hover img {
	opacity: 0;
	transition: .3s;
}

#system04 {
	padding-bottom: 100px;
}
#system04 p.img {
	text-align: center;
	margin-top: 15px;
}



/*------------------------------------------------------------

お問い合わせ　contact

------------------------------------------------------------*/

.contact #mainimg {
	background: url(../../img/contact/contact_mainimg.jpg) no-repeat center center;
	background-size:cover;
}
#contact01 {
	padding-bottom: 70px;
}
#contact01 .btn_confirm {
  position: relative;
	display: inline-block;
  width: auto;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  background: #EF4D4D url(../img/icon_arrow_topapp_buy.png) no-repeat 95% center;
  border: none;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  padding: 15px 90px;
  line-height: 1;
  box-shadow: 0 3px 0 #C91212;
  transition: .3s;
}
#contact01 .btn_confirm:hover {
  -moz-transform: translate3d(0, 3px, 0);
  -webkit-transform: translate3d(0, 3px, 0);
  transform: translate3d(0, 3px, 0);
  box-shadow: none;
  opacity: 1;
  transition: .3s;
}

#contact01 .text {
	margin-bottom: 15px;
	color: #1F1F1F;
	font-size: 14px;
	line-height: 160%;
}
#contact01 .text a {
	color: #009FE9;
	font-size: 100%;
	border-bottom: 1px solid  #009FE9;
}
#contact01 .text .tel a {
	color: #009FE9;
	font-size: 23px;
	font-weight: bold;
	border-bottom: none;
}
#contact01 .text .tel a:before {
	content: url(../img/icon_tel_contact.png);
	display: inline-block;
	vertical-align: middle;
	margin: 10px 0;
	margin-right: 5px;
}
#contact01 .text span.text_red {
	color: #D70006;
	font-weight: bold;
}

#contact01 table {
	border: 1px solid #ddd;
	border-collapse: collapse;
	margin: 40px 0;
}
#contact01 tr {
	
}
#contact01 th {
	display: block;
	width: 100%;
	color: #1F1F1F;
	font-size: 14px;
	text-align: left;
	background: #EEF1F2;
	border-bottom: 1px solid #ddd;
	padding: 20px;
	position: relative;
	vertical-align: top;
	box-sizing: border-box;
}
#contact01 th span.reqruired {
	color: #fff;
	font-size: 12px;
	background: #D70008;
	padding: 2px 5px;
	position: absolute;
	top: 20px;
	right: 15px;
}
#contact01 th span.any {
	color: #fff;
	font-size: 12px;
	background: #888;
	padding: 2px 5px;
	position: absolute;
	top: 20px;
	right: 15px;
}
#contact01 td {
	display: block;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 20px 15px;
	box-sizing: border-box;
}
#contact01 td a {
	display: inline-block;
	color: #009FE9;
	font-size: 100%;
	border-bottom: 1px solid  #009FE9;
	margin: 5px 0;
}
#contact01 td input {
	font-size: 14px;
	padding: 10px 5px;
	border: 1px solid  #ccc;
}
#contact01 .name td input,
#contact01 .ruby td input {
	width: 180px;
	box-sizing: border-box;
}
#contact01 td button {
	margin: 5px 0;
	background: #eee;
	border: 1px solid  #ccc;
}
#contact01 .address input {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
}
#contact01 .mail input {
	width: 60%;
	box-sizing: border-box;
	margin-bottom: 10px;
}
#contact01 td select {
	font-size: 14px;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid  #ccc;
}
#contact01 td span.text_red {
	color: #D70006;
}
#contact01 td textarea {
	width: 100%;
	height: 20em;
	box-sizing: border-box;
	border: 1px solid  #ccc;
}
#contact01 #confirm_wrap {
	text-align: center;
}




/*------------------------------------------------------------

●●コース　detail

------------------------------------------------------------*/
.detail #breadcrumb {
	background: #484D50;
	margin-bottom: 0;
}
.detail #breadcrumb ul li {
	display: inline-block;
	color: #fff;
	font-size: 12px;
}
.detail #breadcrumb ul li:before {
	content: url(../img/bread_arrow_detail.png);
	display: inline-block;
	margin: 0 5px;
}
.detail #breadcrumb ul li:first-child:before {
	content: none;
}
.detail #breadcrumb ul li a {
	color: #fff;
}
.detail #main_contents {
	width: 100%;
	margin: 0 auto;
}
.detail #contents_area_inner {
	width: 100%;
}

.detail .lead_img {
	text-align: center;
	margin: 7% 3%;
	display: block;
}
.detail .lead_img .products_main_img{
	width: 100%;
	margin-right: 0;
}

.detail .lead_img .products_main_txt{
	width: 100%;
}
.detail .lead_img .products_main_txt h1 {
    font-size: 20px;
    padding: 15px 10px;
}
.detail .lead_img .products_main_txt h3 {
    font-size: 18px;
}
.detail .lead_img span {
	display: inline-block;
	margin-right: 0px;
	margin-bottom: 5%;
}
.detail .lead_img img {
	display: inline-block;
	vertical-align: top;
}
.detail .order_box {
	background: #EEF1F2;
	padding: 7% 3%;
}
.detail .order_box .order_box_inner {
	width: 100%;
	margin: 0 auto;
}
.detail .order_box .price {
	font-size: 18px;
	text-align: left;
	margin-bottom: 30px;
}
.detail .order_box .price .number {
	color: #EC4C4C;
	font-size: 40px;
	font-weight: bold;
	margin-left: 5px;
}
.detail .order_box .price .yen {
	color: #EC4C4C;
	font-size: 20px;
}
.detail .order_box .receipt {
	font-size: 18px;
	float: none;
	margin-bottom: 5%;
}
.detail .order_box .receipt select {
	width: 70%;
	font-size: 18px;
	padding: 10px;
	border: 1px solid  #ccc;
	box-sizing: border-box;
}
.detail .order_box .quantity {
	font-size: 18px;
	float: none;
}
.detail .order_box .quantity select {
	width: 200px;
	font-size: 18px;
	padding: 10px;
	border: 1px solid  #ccc;
	box-sizing: border-box;
}
.detail .order_box .link_buy {
	clear: both;
	margin-top: 30px;
}
.detail .order_box .link_buy {
  position: relative; 
}
.detail .order_box .link_buy .btn {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  background: #D70008;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  line-height: 1;
  box-shadow: 0 6px 0 #8C0003;
}
.detail .order_box .link_buy .btn:after {
  content: "";
  display: block;
  position: absolute;
  right: 15px;
  top: 20px;
  width: 13px;
  height: 22px;
  background: url(../img/icon_arrow_recommended_buy.png) no-repeat;
  background-size: cover;
}
.detail .order_box .link_buy button {
  position: relative;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  text-align: left;
  line-height: 100%;
  padding: 22px 0 16px;
  font-weight: bold;
  padding-left: 60px;
  background: url(../img/icon_buy.png) no-repeat left 20px center;
  background-size:30px;
  box-sizing: border-box;
}
.detail .order_box .link_buy button span {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}
.detail .order_box .link_buy .btn:hover {
  -moz-transform: translate3d(0, 6px, 0);
  -webkit-transform: translate3d(0, 6px, 0);
  transform: translate3d(0, 6px, 0);
  box-shadow: none;
  opacity: 1;
}

#detail01 {
	text-align: center;
	background: url(../../img/detail/detail02_bg.png) repeat-x left bottom;
	padding: 15% 0 9%;
}
h2.detail_title01 {
	color: #1F1F1F;
	font-size: 24px;
	text-align: center;
	background: url(../../img/detail/detail_title_line.png) no-repeat center bottom;
	padding-bottom: 20px;
	margin-bottom: 7%;
}
h2.detail_title01 span {
	display: block;
}
h3.detail_title02 {
	display: inline-block;
	width: 100%;
	color: #1F1F1F;
	font-size: 20px;
	padding: 7px 3% 10px;
	border: 1px solid  #1F1F1F;
	border-radius: 35px;
	margin-bottom: 50px;
	box-sizing: border-box;
}
h3.detail_title02 span.brackets {
	display: block;
}
h3.detail_title02 span.text_red {
	color: #D70007;
	font-weight: bold;
}
h3.detail_title02 span.text_red_big {
	color: #D70007;
	font-size: 30px;
	font-weight: bold;
}
h3.detail_title03 {
	color: #1F1F1F;
	font-size: 20px;
	text-align: left;
	background: url(../../img/detail/detail_title_line02.png) no-repeat left bottom;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.detail_inner {
	width: 94%;
	margin: 0 auto;
}
#detail01 .f_r {
	width: 100%;
	text-align: left;
	padding-top: 20px;
}
#detail01 .f_r h4 {
	font-size: 22px;
	margin-bottom: 30px;
}
#detail01 .f_r p {
	font-size: 16px;
	line-height: 200%;
}
#detail01 ul {
	font-size: 0;
	margin-top: 80px;
	text-align: center;
}
#detail01 li {
	display: inline-block;
	background: #fff;
	padding-bottom: 30px;
	margin-right: 0px;
	margin-bottom: 40px;
}
#detail01 li:nth-child(4n) {
	margin-right: 0;
}
#detail01 li h5 {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin: 25px 20px 20px;
}
#detail01 li .link_detail {
	
}
#detail01 li .link_detail a {
  position: relative;
	display: block;
  width: auto;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  background: #00A0E9 url(../img/icon_arrow_topapp_buy.png) no-repeat 95% center;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  padding: 15px 0 13px;
  line-height: 1;
  box-shadow: 0 3px 0 #006291; 
  margin: 0 20px;
}
#detail01 li .link_detail a:hover {
  -moz-transform: translate3d(0, 3px, 0);
  -webkit-transform: translate3d(0, 3px, 0);
  transform: translate3d(0, 3px, 0);
  box-shadow: none;
  opacity: 1;
}


#detail02 {
	text-align: center;
	padding: 100px 0 0;
}
#detail02 h3 {
	margin-bottom: 30px;
}
#detail02 p.lead_text {
	font-size: 16px;
	text-align: left;
	line-height: 200%;
}
#detail02 p.lead_text a {
	color: #009FE9;
	font-size: 100%;
	border-bottom: 1px solid  #009FE9;
	margin-bottom: 70px;
}

#detail02-01 {
	border-bottom: 1px solid  #ddd;
	padding-bottom: 30px;
}
#detail02-02 {
	border-bottom: 1px solid  #ddd;
	padding: 15% 0 4%;
}
#detail02-03 {
	padding: 15% 0 4%;
}
#detail02 ul {
	font-size: 0;
	margin-top: 12%;
}
#detail02 li {
	display: inline-block;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 10%;
	vertical-align: top;
}
#detail02 li:nth-child(3n) {
	margin-right: 0;
}
#detail02 li:after {
	content: "";
	display: block;
	clear: both;
}
#detail02 li .icon {
	float: left;
	margin-right: 3%;
}
#detail02 li .name_wrap {
	float: left;
	width: calc(100% - 60px - 3%);
	text-align: left;
}
#detail02 li h4 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
#detail02-01 li:nth-child(1) h4 {
	color:#2B99D3;
}
#detail02-01 li:nth-child(2) h4 {
	color:#F08000;
}
#detail02-01 li:nth-child(3) h4 {
	color:#7FA51F;
}
#detail02-01 li:nth-child(4) h4 {
	color:#DA4C71;
}
#detail02-01 li:nth-child(5) h4 {
	color:#06A9A9;
}
#detail02-01 li:nth-child(6) h4 {
	color:#C79100;
}
#detail02-01 li:nth-child(7) h4 {
	color:#4E2288;
}
#detail02-01 li:nth-child(8) h4 {
	color:#515B9F;
}
#detail02-01 li:nth-child(9) h4 {
	color:#A512EC;
}
#detail02-01 li:nth-child(10) h4 {
	color:#E61926;
}
#detail02-01 li:nth-child(11) h4 {
	color:#009F84;
}
#detail02-01 li:nth-child(12) h4 {
	color:#00C070;
}
#detail02-01 li:nth-child(13) h4 {
	color:#1F83BD;
}
#detail02-01 li:nth-child(14) h4 {
	color:#00A5C0;
}
#detail02-01 li:nth-child(15) h4 {
	color:#E554E0;
}
#detail02-02 li:nth-child(1) h4 {
	color:#FF1B54;
}
#detail02-02 li:nth-child(2) h4 {
	color:#F07F00;
}
#detail02-02 li:nth-child(3) h4 {
	color:#1F83BD;
}
#detail02-02 li:nth-child(4) h4 {
	color:#2B99D3;
}
#detail02-02 li:nth-child(5) h4 {
	color:#4E2288;
}
#detail02-02 li:nth-child(6) h4 {
	color:#D62B67;
}
#detail02-02 li:nth-child(7) h4 {
	color:#2B99D3;
}
#detail02-02 li:nth-child(8) h4 {
	color:#2B99D3;
}
#detail02-02 li:nth-child(9) h4 {
	color:#2B99D3;
}
#detail02-03 li:nth-child(1) h4 {
	color:#FF1A53;
}
#detail02-03 li:nth-child(2) h4 {
	color:#D70513;
}
#detail02-03 li:nth-child(3) h4 {
	color:#1496FF;
}
#detail02-03 li:nth-child(4) h4 {
	color:#D70513;
}
#detail02-03 li:nth-child(5) h4 {
	color:#D70513;
}
#detail02-03 li:nth-child(6) h4 {
	color:#2586FE;
}
#detail02 li p {
	color: #1F1F1F;
	font-size: 14px;
}

#detail03 {
	background: #EEF1F2;
	padding: 15% 0%;
	text-align: center;
}
#detail03 .lead_text {
	color: #1F1F1F;
	font-size: 16px;
	text-align: left;
	line-height: 200%;
	margin-bottom: 12%;
	padding: 0 3%;
}
#detail03 .lead_text span.text_red {
	color: #D70006;
	font-size: 100%;
}
#detail03 .lead_text a {
	color: #009FE9;
	font-size: 100%;
	border-bottom: 1px solid  #009FE9;
}
#detail03 h2.caution {
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 100%;
	background: #009FE9;
	padding: 12% 0 20%;
}
#detail03 .detail03_inner {
	width: 90%;
	margin: -15% auto 0;
	background: #fff;
	padding: 6% 4%;
	box-sizing: border-box;
}
#detail03 ul {
	margin-bottom: 70px;
}
#detail03 li {
	color: #1F1F1F;
	font-size: 16px;
	text-align: left;
	line-height: 180%;
	margin-bottom: 20px;
	position: relative;
	padding-left: 20px;
}
#detail03 li span {
	color: #D70006;
	font-size: 100%;
}
#detail03 li:before {
	content: '●';
	color: #009FE9;
	position: absolute;
	top: 0;
	left: 0;
}
#detail03 h3.detail_title02 {
	margin-bottom: 30px;
}
#detail03 p.comment {
	color: #EC4C4C;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin: 30px 0 70px;
}
#detail03 .tel_box {
	border: 1px solid  #ddd;
	padding: 25px 3%;
}
#detail03 .tel_box .tel_wrap {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
#detail03 .tel_box .tel_wrap p {
	color: #1F1F1F;
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px;
}
#detail03 .tel_box .tel_wrap p span {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	background: #484D50;
	padding: 10px 0;
	margin-right: 20px;
}
#detail03 .tel_box .tel_wrap p a {
	color: #009FE9;
	font-size: 18px;
	border-bottom: 1px solid  #009FE9;
	word-break: break-all;
}
#detail03 .detail03-04 ul {
	margin-bottom: 20px;
}


#detail04 {
	padding: 15% 0;
	text-align: center;
}
#detail04 .lead_text {
	width: 94%;
	margin: 0 auto;
	color: #1F1F1F;
	font-size: 16px;
	text-align: left;
	line-height: 200%;
	margin-bottom: 12%;
}
#detail04 .detail04_slider {
	width: 80%;
	margin: 0 auto;
}
#detail04 .detail04_slider ul.slider {

}
#detail04 .detail04_slider ul.slider li {

	padding: 0 10px;
}
#detail04 .detail04_slider ul.slider ul li {
	width: auto !important;
}

#detail04 .detail04_slider ul.slider li h3 {
	color: #1F1F1F;
	font-size: 16px;
	text-align: center;
}
#detail04 .detail04_slider ul.slider li h4 {
	color: #ED4C4C;
	font-size: 30px;
	font-weight: bold;
	text-align: right;
}
#detail04 .detail04_slider ul.slider li h4 span.yen {
	color: #ED4C4C;
	font-size: 24px;
}
#detail04 .detail04_slider ul.slider li h4 span.tax {
	color: #1F1F1F;
	font-size: 14px;
}
#detail04 .detail04_slider ul.slider li .link_buy a {
  position: relative;
	display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  background: #EF4D4D url(../img/icon_arrow_topapp_buy.png) no-repeat 95% center;
  border: none;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  padding: 15px 0px;
  line-height: 1;
  box-shadow: 0 3px 0 #C91212;
  transition: .3s;
}
#detail04 .detail04_slider ul.slider li .link_buy a:hover {
  -moz-transform: translate3d(0, 3px, 0);
  -webkit-transform: translate3d(0, 3px, 0);
  transform: translate3d(0, 3px, 0);
  box-shadow: none;
  opacity: 1;
  transition: .3s;
}
#detail04 .slick-list {
    padding: 0 !important;
	height: 335px;
}
#detail04 .slick-prev:before {
    content: '';
    background-image: url(../../img/detail/detail04_slider_prev.png);
}
#detail04 .slick-next:before {
    content: '';
    background-image: url(../../img/detail/detail04_slider_next.png);
}

#detail18 {
	text-align: center;
	padding: 100px 0 0;
}
#detail18 h3 {
	margin-bottom: 30px;
}
#detail18 p.lead_text {
	font-size: 16px;
	text-align: left;
	line-height: 200%;
}
#detail18 p.lead_text a {
	color: #009FE9;
	font-size: 100%;
	border-bottom: 1px solid  #009FE9;
	margin-bottom: 70px;
}

#detail18 ul {
	font-size: 0;
	margin-top: 12%;
}
#detail18 li {
	display: inline-block;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 10%;
	vertical-align: top;
}
#detail18 li:nth-child(3n) {
	margin-right: 0;
}
#detail18 li:after {
	content: "";
	display: block;
	clear: both;
}
#detail18 li .icon {
	float: left;
	margin-right: 3%;
}
#detail18 li .name_wrap {
	float: left;
	width: calc(100% - 60px - 3%);
	text-align: left;
}
#detail18 li h4 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

#detail18 .detail18_inner {
	width: 90%;
	margin: -15% auto 0;
	background: #fff;
	padding: 6% 4%;
	box-sizing: border-box;
}

.sp_topics {
	display: block !important; 
}