.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
* html .clearfix { height: 1px; }
.clearfix { min-height: 1px;}
#n-hedder{ margin:0 0 10px 0;}
#n-hedder p{ position:relative; text-align:right;}
#n-hedder p a{ position:absolute; display:block; top:-2em; right:1em; font-size:15px;}
#occu {margin-bottom: 10px;}
#occu .detail {width:764px; background:url(/success/catalog/images/common/catalog_bg_shosai.gif) no-repeat top left; margin: 0; font-size:16px;}
#occu .detail h2{ font-weight:bold; padding: 15px 0 0 17px;}
#occu .detail .catch{ color: #2993d6; padding: 15px 0 0 17px; font-size:20px;}
#occu .detail .text{ padding: 15px 40px 22px 17px; line-height: 145%;}
#occu .btn{ width:764px; height:58px; background:url(/success/catalog/images/common/catalog_line_sagasu.jpg) no-repeat top left;}
#occu .btn img{ margin: 12.5px 201px; }
#message h2{ padding-bottom: 15px;}
#message .copy{ position:relative; text-align:left; margin: 0;}
#message .copy span{ position:absolute; display:block; top:-35px; left:230px; color: #ff0000;}
#message .l-box{ width: 334px; margin: 0 0 0 25px;}
#message .r-box{ width: 334px; margin: 0 0 0 30px;}
#message img{margin:0 10px 0 0;}
#message .text-area{ width: 244px;}
#message .fukidashi{ background:url(/success/catalog/images/common/scl_bg_fukidashi_2.gif); width: 244px; height: 49px; margin-bottom: 10px;}
#message .fukidashi p{ width: 170px; padding: 7px 0 0 10px; }
#message .katagaki{ width: 244px; font-weight:bold;}
#message .name{ width: 244px;}
#page-move{padding:0 32px;line-height:30px;}
#page-move .back1{ text-align:left; width:30px;}
#page-move .back2{ text-align:left; width:320px;}
#page-move .back2 span{ display:block; padding-right:50px;}
#page-move .next2 span{ display:block; padding-left:50px;}
#page-move .next2{ text-align:right; width:320px;}
#page-move .next1{ text-align:right; width:30px;}
#n-footer{ margin-top: 40px;}
#n-footer p { text-align:right;}
#n-footer p a{ padding-right: 1em;}
#reco{ width:764px; margin-top:20px;}
.bg-jobline { background-image:url(/success/catalog/job/images/bg_jobline.gif); background-repeat:repeat-x;}
#mezaseru table {border-collapse:collapse;}
#mezaseru .blue-line {border:solid 1px #4fa6dd;}
#mezaseru .blue-lineTB {border-top:solid 1px #4fa6dd; border-bottom:solid 1px #4fa6dd;}
#mezaseru .blue-lineTBR {border-top:solid 1px #4fa6dd; border-bottom:solid 1px #4fa6dd; border-right:solid 1px #4fa6dd;}
#mezaseru .box-center {padding:0 10px; vertical-align:middle;}
#mezaseru .td-btn {width:25px; border-top:solid 1px #4fa6dd; border-bottom:solid 1px #4fa6dd; border-left:solid 1px #4fa6dd; margin:auto; background-color:#cde6f5;}
#mezaseru .order-btn-box-u {width:700px; height:47px; background-color:#f2f2f2; padding:5px 0 0 0;}
#mezaseru .order-btn-box-m {width:700px; height:45px; background-color:#f2f2f2; padding:2px 0 5px 0;}
#mezaseru .order-btn-box-l {width:700px; height:47px; background-color:#f2f2f2; padding:0 0 5px 0;}
#mezaseru .src-result-pages-u {height:44px; padding:0 0 0 248px; line-height:45px;}
#mezaseru .src-result-pages-m {height:44px; padding:0 0 0 240px; line-height:45px;}
#mezaseru .src-result-pages-l {height:44px; padding:0 0 0 248px; line-height:40px;}
#mezaseru .spcer {height:20px; padding:10px 0;}
#mezaseru .scl-result-photo {width:85px; height:85px; padding:10px 15px 10px 10px; vertical-align:top;}
#mezaseru .scl-result-inf {padding:10px 0 2px 0px; width:555px;}
#mezaseru .t-scl-kind {padding-bottom:5px;}
#mezaseru .scl-kind {padding-bottom:1px;font-weight:normal;}
#mezaseru .scl-kind2 {padding-bottom:6px;}
#mezaseru .order-btn {padding:2px 0 8px 0;}
#mezaseru .order-btn2 {padding:10px 0 10px 0;}
#mezaseru .result-couse1 {width :619px; height 10px; padding:3px 0 1px 0;}
#mezaseru .eruji-mark {vertical-align:middle; margin:0 3px 6px 10px;}
#mezaseru .eruji-mark2 {vertical-align:middle; margin:0 3px 6px 70px;}
#mezaseru .eruji-mark3 {vertical-align:middle; margin:0 3px 6px 130px;}
#mezaseru .sen-mark {vertical-align:middle; margin:0 8px 2px 8px;}
#mezaseru .blue-arw {vertical-align:middle; margin:0 5px 5px 5px;}
#mezaseru .arw-box {vertical-align:middle; margin:0 5px 0px 0;}
#mezaseru .space-bottom {margin-bottom:10px;}
#mezaseru .space-bottom2 {margin-bottom:10px;}
#mezaseru .more-inf-link {background-color:#ebf5fb; width:555px;}
#mezaseru .more-inf-link2 {padding:10px 10px 10px 10px;}
.catalog_box {
	margin:20px 0 0 0;
	padding:5px 10px 5px 10px;
	border: 2px #D6E9F7 solid;
}
.itiran_title {
	font-size:14px;
	padding-bottom:5px;
}
.gakmn_title {
	font-size:16px;
	font-weight:bold;
}
em {font-style:normal;}
p.cl.t10 {
	font-size: 15px;
	line-height: 1.8;
}
/*-------- #67031　デザイン変更 --------*/
main.gakumon_catalog * {box-sizing: border-box;}
main.gakumon_catalog p, main.gakumon_catalog h2 {color: #333;}
main.gakumon_catalog a {transition: .4s;}
main.gakumon_catalog a:hover {
	opacity: .8;
	text-decoration: none;
	color: inherit;
}
main.gakumon_catalog section {margin-bottom: 100px;}
.detail_top_area .gakumon_detail_ttl {
	color: #01AFEC !important;
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
	margin: 30px 0;
}
.detail_top_area .lead {
	font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
.detail_cont {
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 70px;
}
.scl_search_btn {
	display: block;
	width: 530px;
	height: 70px;
	background: #01AFEC;
	border-radius: 3px;
	margin: 0 auto;
	color: white;
  font-size: 18px;
  position: relative;
  padding: 12px 60px;
}
.scl_search_btn:hover {color: white !important;}
.scl_search_btn::before {
	content: "";
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: white;
	position: absolute;
	top: 20px;
	right: 60px;
}
.scl_search_btn::after {
	content: "";
  width: 9px;
  height: 9px;
  border-right: 2px solid #01AFEC;
  border-bottom: 2px solid #01AFEC;
  transform: rotate(-45deg);
  position: absolute;
  top: 27px;
  right: 69px;
}
.scl_search_btn span {
	font-size: 28px;
	font-weight: bold;
	margin-right: 16px;
	color: white;
}
.gakumon_sec_ttl {
	color: #1C1C1C;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 50px;
}
ul.study_cont_list {
	display: flex;
	flex-wrap: wrap;
}
ul.study_cont_list li {
	width: calc(25% - 32px * 3 / 4);
	margin-right: 32px;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	margin-bottom: 40px;
}
ul.study_cont_list li:nth-child(4n) {
	margin-right: 0;
}
ul.study_cont_list .scl_photo img,
ul.gakumon_scl_list .scl_photo img {
	width: 100%;
}
ul.study_cont_list .study_name {
	margin: 20px 0 0;
	min-height: 60px;
}
ul.study_cont_list .study_name a {
	font-size: 16px;
	font-weight: bold;
	color: inherit;
}
ul.study_cont_list .scl_name {
	margin-top: 20px;
	font-size: 15px;
	color: #1C1C1C;
}
.gakumon_catalog .and_more_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 50px;
	border: 1px solid #707070;
	font-size: 20px;
	color: #1C1C1C;
	margin: 0 auto;
}
.gakumon_catalog .and_more_btn:hover {
	text-decoration: none;
}
ul.gakumon_scl_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 55px;
}
ul.gakumon_scl_list li {
	width: calc(50% - 16px / 2);
	font-size: 12px;
	color: #464646;
	border: 1px solid #C1C1C1;
	padding: 20px;
	margin-top: -1px;
}
ul.gakumon_scl_list .scl_name a {
	font-size: 24px;
	color: #1981E8;
	font-weight: bold;
}
ul.gakumon_scl_list .scl_name a:hover,
ul.gakumon_scl_list .btn_box a:hover {
	text-decoration: none;
	color: #1981E8;
}
ul.gakumon_scl_list .photo4 {
	display: flex;
	margin: 5px 0 15px;
}
ul.gakumon_scl_list .photo4 .cell {
	width: 105px;
	height: 100px;
}
ul.gakumon_scl_list .photo4 .cell + .cell {
	margin-left: 7px;
}
ul.gakumon_scl_list .photo4 .cell img {
	width: 100%;
  height: 100%;
  object-fit: cover;
}
ul.gakumon_scl_list .btn_box {
	text-align: right;
	margin-bottom: 15px;
}
ul.gakumon_scl_list .btn_box a {
	font-size: 14px;
	position: relative;
	margin-left: 40px;
	color: #1981E8;
}
ul.gakumon_scl_list .btn_box a::before {
	content: "";
  position: absolute;
  top: 6px;
  left: -10px;
  border: 5px solid transparent;
  border-left-color: #1981E8;
  border-top-width: 4px;
  border-bottom-width: 4px;
}
ul.gakumon_scl_list .btn_box2 {
	display: flex;
}
ul.gakumon_scl_list .btn_box2 a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	border-radius: 40px;
	padding: 7px;
	box-shadow: 2px 5px 5px #C5C5C5;
	margin-right: 8px;
	text-align: center;
}
ul.gakumon_scl_list a.pamph {
	width: 150px;
	border: 2px solid #F12843;
	color: #F12843;
}
ul.gakumon_scl_list a.cart {
	width: 200px;
	border: 2px solid #F12843;
	color: white;
  background: #F12843 url(/common_img/18p/car_seikyu.png) no-repeat center right 10px / 24px;
  padding-right: 40px;
}
.pamp_btn6 {
	width: 200px;
  border: 1px solid #C1C1C1;
  font-weight: normal;
  color: #C1C1C1;
}
ul.gakumon_3column {
	display: flex;
	flex-wrap: wrap;
}
ul.gakumon_3column li {
	width: 33.333%;
	position: relative;
	margin-bottom: 6px;
}
ul.gakumon_3column li::before {content: "・ "}
ul.gakumon_3column li a {
	font-size: 16px;
	color: 333;
}