@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　clearfix
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.clear,
.course_info,
.course_ico,
.inner_02,
.apply_btn_list,
.schedule_img,
.schedule_list li,
.center_access {
	display: block;
}
.clear:after,
.course_info:after,
.course_ico:after,
.inner_02:after,
.apply_btn_list:after,
.schedule_img:after,
.schedule_list li:after,
.center_access:after {
	content: '.';
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}


/* ------------------------------------------------------------
	コースタイトル
------------------------------------------------------------ */

.course_head .head_tag_item {
	display: flex;
	align-items: center;
}
.course_head .head_tag_item li {
	font-size: 16px;
	vertical-align: middle;
	line-height: 26px;
	border-radius: 50px;
	color: #fff;
	background: #000;
	min-width: 200px;
	text-align: center;
	padding: 15px 20px 17px;
	margin-right: 10px;
}
.course_head .head_tag_item li a {
	color: #fff;
}
.course_head .head_tag_item li:nth-child(n+2) {
	color: #000;
	background: #fff;
	border: 3px solid #000;
	padding: 13px 17px 15px;
	min-width: 180px;
}
.course_head .head_tag_item li em {
	font-size: 26px;
	font-style: normal;
	vertical-align: middle;
	line-height: 26px;
}
.course_head .head_tag_item li.job em {
	text-decoration: underline;
}

.course_head .head_title {
	margin-top: 20px;
}
.course_head .head_title .catch {
	font-size: 30px;
	font-weight: 400;
}
.course_head .head_title .title {
	font-size: 43px;
	margin: 0 0 10px;
}

.course_head .head_day {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	background: #000;
	padding: 10px 13px;
}
.course_head .head_day_item {
	display: flex;
}
.course_head .head_day_item dt:nth-child(n+2) {
	margin-left: 30px;
}


/* ------------------------------------------------------------
	コースメイン
------------------------------------------------------------ */

.course_contents {
	display: flex;
	justify-content: space-between;
}

.course_contents_main {
	width: 780px;
}

.course_contents_image {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.course_contents_image li.item:first-child {
	width: 780px;
	margin-bottom: 15px;
}
.course_contents_image li.item:nth-child(n+2) {
	width: 380px;
	margin-bottom: 0;
}
.course_contents_image li.item .caption {
	font-size: 13px;
}
.course_contents_image img {
	max-width: 100%;
}


/* 申込ユニット
------------------------------------------------------------ */

.course_contents_app {
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	overflow: hidden;
	padding: 0 0 20px;
	margin: 30px 0 0 0;
}
.course_contents_app .app_title {
	color: #000;
	background: #e6e6e6;
	font-size: 13px;
	text-align: center;
	padding: 4px 0;
}
.course_contents_app .app_title.top {
	color: #fff;
	background: #000;
}
.course_contents_app .app_link {
	text-align: center;
	margin: 15px 0 30px;
}
.course_contents_app .app_link a {
	position: relative;
	display: block;
	width: 580px;
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	background: #e7141a;
	border-radius: 6px;
	padding: 10px 0;
	margin: 0 auto;
}
.course_contents_app .app_link a.end_btn {
	color: #fff;
	background: #bbb;
}
.course_contents_app .app_link a::after {
  content: '';
  display: inline-block;
  background-image: url('../img/common/btn_arrow.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 17px;
  height: 33px;
  margin-top: -16.5px;
}
.course_contents_app .app_link a.end_btn::after {
	background-image: none;
}
.course_contents_app .app_address {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 15px;
	margin: 20px 0 10px;
}
.course_contents_app .app_address .name {
	font-weight: 600;
	margin-right: 10px;
	width: 50%;
}
.course_contents_app .app_address .address {
	font-size: 14px;
	width: 50%;
}
.course_contents_app .app_contact {
	display: flex;
	justify-content: center;
	align-items: center;
}
.course_contents_app .app_contact .number {
	width: 350px;
	text-align: center;
	margin-right: 30px;
}
.course_contents_app .app_contact .number .phone {
	font-size: 32px;
	font-weight: 600;
	line-height: 32px;
}
.course_contents_app .app_contact .number .hours {
	font-size: 12px;
}
.course_contents_app .app_contact .form a {
	display: block;
	width: 380px;
	font-size: 16px;
	text-align: center;
	border-radius: 50px;
	color: #fff;
	background: #000;
	padding: 10px 0;
}
.course_contents_app .app_contact .form a.end_btn {
	color: #fff;
	background: #bbb;
}


/* 共通ブロック
------------------------------------------------------------ */

.course_block {
	font-size: 16px;
	margin-top: 30px;
}

.course_block_title {
	display: flex;
	align-items: center;
	font-size: 30px;
	font-weight: 400;
	border: 0;
	margin: 0 0 10px;
	padding: 0;
}
.course_block_title span {
	font-size: 16px;
	color: #000;
	font-weight: normal;
	margin-left: 20px;
}


/* カレンダー
------------------------------------------------------------ */

.calendar_title {
	margin-bottom: 0 !important;
}
.calendar_caption {
	margin-bottom: 10px;
}
.calendar_list {
	display: flex;
	flex-wrap: wrap;
}
.calendar_list li {
	width: calc(50% - 10px);
	margin-left: 20px;
}
.calendar_list li:nth-child(n+3) {
	margin-top: 20px;
}
.calendar_list li:first-child,
.calendar_list li:nth-child(3n) {
	margin-left: 0;
}
.calendar_caption_bottom {
	margin-top: 10px;
	line-height: 20px;
}
.calendar_caption_bottom .c1_block,
.calendar_caption_bottom .c2_block {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	line-height: 20px;
	margin-right: 3px;
}

/* カリキュラム
------------------------------------------------------------ */

.schedule_list .item {
	font-size: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f2f2f2;
	position: relative;
	width: 100%;
	min-height: 36px;
	border-radius: 100px;
}
.schedule_list .item:nth-of-type(n+2) {
	margin-top: 10px;
}

.schedule_list .schedule_detail {
	display: flex;
	align-items: flex-start;
	font-size: 16px;
	width: 100%;
	vertical-align: middle;
	word-break: break-all;
	margin-left: 110px;
}
.schedule_list .schedule_detail .icon { /* 20201130 */
	width: 30px;
	height: 30px;
	padding: 3px 0;
	margin-right: 10px;
}
.schedule_list .schedule_detail p { /* 20201130 */
	min-height: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 3px 0;
}

.schedule_list .schedule_marker {
	font-size: 16px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 190px;
	margin-left: 10px;
}
.schedule_list .schedule_marker .mark {
	width: 100px;
	text-align: center;
	color: #fff;
	background: #00a0e9;
	border-radius: 50px;
	margin-right: 10px;
}
.schedule_list .schedule_marker .mark2 {
	width: 100px;
	text-align: center;
	color: #fff;
	background: #00a0e9;
	border-radius: 50px;
	margin-right: 10px;
}
.schedule_list .schedule_marker .day {
	width: 80px;
	text-align: center;
	background: #fff;
	border-radius: 50px;
}

.schedule_list .schedule_head { /* 20201130 */
	position: absolute;
	width: 100px;
}
.schedule_list .schedule_head .schedule_marker { /* 20201130 */
	justify-content: flex-start;
	width: initial;
	margin-left: 0;
	line-height: 36px;
}
.schedule_list .schedule_head .schedule_marker .mark,
.schedule_list .schedule_head .schedule_marker .mark2 { /* 20201130 */
	width: 100px;
	line-height: 36px;
	margin: 0;
}

.schedule_while_list {
	margin: 5px 0 5px 20px;
}
.schedule_while_list li:before {
	content: '●';
}
.schedule_while_list li {
	padding: 5px 0;
}
.schedule_point {
	padding-top: 10px;
	font-weight:bold;
}

.schedule_icon_exp { /* 20201130 */
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 10px;
}
.schedule_icon_exp img { /* 20201130 */
	width: 30px;
	height: 30px;
	margin-right: 10px;
}


/* 訓練場所
------------------------------------------------------------ */
.place_list .item:nth-child(n+2) {
	margin-top: 30px;
}
.place_list .title {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	color: #000;
	margin: 0 0 10px;
}
.place_list .address {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px;
}
.place_list .address a {
	text-decoration: underline;
}


/* 複合：学べること
------------------------------------------------------------ */
.learn {
	color: #000;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	padding: 20px 30px;
	border: 1px solid #9cc813;
}
.learn dl {
	display: flex;
	flex-wrap: wrap;
}
.learn dl dt.title{
	width: 100%;
	font-size: 30px;
	margin-bottom: 20px;
}
.learn dl dd.image {
	width: 380px;
}
.learn dl dd.image p {
	font-size: 13px;
}
.learn dl dd.image img {
	max-width: 100%;
}
.learn dl dd.image .item:nth-child(n+2) {
	margin-top: 15px;
}
.learn dl dd.text {
	width: calc(100% - 408px);
	font-size: 16px;
	line-height: 24px;
	margin-left: 28px;
}
.learn dl dd.left-2026 {
	width: 35%;
	font-size: 16px;
	line-height: 24px;
}
.learn dl dd.right-2026 {
	width: calc(65% - 28px);
	font-size: 16px;
	line-height: 24px;
	margin-left: 28px;
}


/* 複合：メッセージ
------------------------------------------------------------ */
.message {
	color: #fff;
	background: #00a0e9;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	padding: 20px 30px;
}
.message dl {
	display: flex;
	flex-wrap: wrap;
}
.message dl dt.title{
	order: 1;
	width: 100%;
	font-size: 30px;
	margin-bottom: 20px;
}
.message dl dd.image {
	order: 3;
	width: 150px;
}
.message dl dd.image img {
	border-radius: 10px;
	overflow: hidden;
}
.message dl dd.text {
	order: 2;
	width: calc(100% - 170px);
	font-size: 16px;
	line-height: 24px;
	margin-right: 20px;
}


/* 複合：共通クラス
------------------------------------------------------------ */
.w100 {
	width: 100% !important;
	margin: 0 !important;
}


/*------------------------------------------------------------
	スティッキー
------------------------------------------------------------ */

.course_contents_sticky {
	width: 282px;
	margin-left: 18px;
}
.course_contents_sticky .sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	width: 280px;
}

.course_contents_sticky .course_about {
	padding: 20px;
	border-bottom: 1px solid #e6e6e6;
}
.course_contents_sticky .course_about dt {
	font-size: 16px;
	font-weight: 600;
}
.course_contents_sticky .course_about dd {
	font-size: 14px;
}
.course_contents_sticky .course_about dd a {
	text-decoration: underline;
}
.course_contents_sticky .course_about dd .title {
	font-size: 16px;
	font-weight: 400;
}
.course_contents_sticky .course_about dt:nth-of-type(n+2) {
	margin-top: 20px;
}

.course_contents_sticky .course_contact {
	padding: 20px;
}
.course_contents_sticky .course_contact .entry a {
	display: block;
	color: #fff;
	background: #e7141a;
	font-size: 22px;
	font-weight: 400;
	line-height: 22px;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	padding: 25px 18px;
}
.course_contents_sticky .course_contact .entry a.end_btn {
	color: #fff;
	background: #bbb;
}
.course_contents_sticky .course_contact .phone {
	margin: 20px 0;
}
.course_contents_sticky .course_contact .phone .text {
	font-size: 14px;
	line-height: 20px;
}
.course_contents_sticky .course_contact .phone .number {
	font-size: 27px;
	font-weight: 600;
	line-height: 30px;
	margin: 20px 0 10px;
}
.course_contents_sticky .course_contact .form a {
	display: block;
	width: 240px;
	color: #fff;
	background: #000;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	padding: 12px 0;
	margin: 0 auto;
}
.course_contents_sticky .course_contact .form a.end_btn {
	color: #fff;
	background: #bbb;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　course_info
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
.course_info {
	margin-bottom: 30px;
}
.course_info .read_area a {
	text-decoration: underline;
}
.course_info .inner_01 {
	float: left;
	width: 470px;
}
.course_info .inner_01 .read_area .grayback_ttl {
	margin-bottom: 10px;
}
.course_info .course_ico {
	margin-top: 10px;
	margin-bottom: 15px;
}
.course_info .course_ico li {
	float: left;
	margin-right: 10px;
}
.course_info .course_ico li:nth-child(6n) {
	margin-right: 0;
}
.course_info .inner_02 {
	float: right;
	width: 300px;
	border: 1px solid #EEEEEE;
	border-radius:4px;
	padding: 13px;
	box-sizing: border-box;
	font-size: 12px;
}
.course_info .inner_02 p {
	margin-bottom: 15px;
}
.course_info .inner_02 p + a {
	color: #fff;
	background: #000;
	padding: 2px 10px;
	float: right;
}

*/


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　qualifi
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.qualifi {
	position: relative;
}
.qualifi section {
	margin-bottom: 20px;
}
.qualifi section p + p {
	margin-top: 20px;
	font-size: 12px;
}
.qualifi section img {
	float: left;
}

.anchor_link {
	position: relative;
	top: -70px;
	height: 10px;
	width: 10px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　center_access
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.center_access {
	margin-top: 40px;
	margin-bottom: 20px;
}
.center_access h2 {
	margin-top: 0;
}
.center_access h3 {
	float: left;
	width: 525px;
}
.center_access .ttl_fl {
	margin-bottom: 15px;
}
.center_access .ttl_fl p {
	float: right;
	width: 275px;
}
.center_access p {
	word-break: break-all;
}
.center_access .inner_01 {
	width: 525px;
	float: left;
}
.center_access .inner_02 {
	width: 250px;
	float: right;
}
.center_access .inner_02 section:last-child {
	margin-top: 20px;
}
.inner_03 {
	clear: both;
	position: relative;
}
.inner_03 p {
	margin-bottom: 10px;
}
.center_access .inner_04 {
	width: 100%;
	float: left;
}
.inner_04 p {
	margin-bottom: 20px;
}

.raw_ttl {color:#0A308E; font-size: 17px; font-weight:bold; }


/*------------------------------------------------------------
	コース一覧：条件で探す
------------------------------------------------------------ */

.input_grp {
	background: linear-gradient(
    -45deg,
    #e7141a 25%, #ec4348 25%,
    #ec4348 50%, #e7141a 50%,
    #e7141a 75%, #ec4348 75%,
    #ec4348
  );
  background-size: 30px 30px;
	border: 1px solid #e6e6e6;
	padding: 26px 0 0;
	/*margin-bottom: 20px;*/
}

.input_grp p.title{
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	/*
	background-color: #DC0000;
	color:#fff;
	padding:20px 0px;
	width: 120px;
	height:75px;
	font-size:17px;
	font-weight:bold;
	text-align: center;
	float: left;
	*/
}

.input_grp select {
	padding: 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #DDDDDD;
	background: #F4F4F4;
	background: url("../img/get/select_arrow.png") right no-repeat, linear-gradient(to bottom, #fff 0%,#F4F4F4 100%);
	border-radius: 5px;
	box-shadow: 0px 0px 2px 2px rgba(255,255,255,1) inset;
}

.input_grp input[type="reset"] {
	width: 100px;
	height: 35px;
	border-radius: 5px;
	background: #777777;
	color: #FFF;
	border: none;
	cursor: pointer;
	margin-right: 48px;
}

.input_grp_raw1 div.raw1 {
	position: relative;
	/*
	left: 30px;
	height: 60px;
	*/
}
.input_grp_raw1 div.raw1 {
	display: flex;
	align-items: center;
	margin: 28px 0 42px;
}
/*
.input_grp_raw1 div.raw1 div {
	float:left;
}
*/
.input_grp_raw1 div.raw2 { margin-top  : 20px; position:relative; left:30px; }
.input_grp_raw2 {position:relative; /*left:150px;*/ margin-bottom:20px;}
.valign_mid { vertical-align:middle; padding-right:5px;}

#course_count { color: #DC0000; margin-bottom:15px;}

#place { width: 180px; margin-left: 0px;}
#work { width: 180px; margin-left: 10px;}
#date { width: 180px; margin-left: 10px;}
#deadline { width: 180px; margin-right: 20px;}

/* Selectmenu
----------------------------------*/
.ui-selectmenu {display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; position:absolute; top:0px; left:0px; display: none; z-index: 10005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu  ul {
	padding:0;
	margin:0;
	list-style:none;
	position: relative;
	overflow: auto;
	overflow-y: auto ;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	width: 323px !important;
	margin-top: 0px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-bottom: 1px solid #eee; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-status { line-height: 1.4em; display: block; padding: 8px; outline:none; text-decoration:none; }
.ui-selectmenu-menu li a { line-height: 1.4em; display: block; padding: 14px; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }

.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: 0; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; -webkit-filter:chroma(color=pink); filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }
/* IE7 workaround (opacity disabled) */
*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }

/* Component containers
----------------------------------*/
/*.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }*/
.ui-widget-content {
    border: 1px solid #aaaaaa/*{borderColorContent}*/;
    background: #ffffff/*{bgColorContent}*/;
}

.ui-widget-header {
    border: 1px solid #aaaaaa/*{borderColorHeader}*/;
    background: #cccccc/*{bgColorHeader}*/;
    font-weight: bold;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	padding: 1px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #DDDDDD;
	background: #F4F4F4;
	background: url("../img/get/select_arrow.png") right no-repeat, linear-gradient(to bottom, #fff 0%,#F4F4F4 100%);
    font-weight: normal/*{fwDefault}*/;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    text-decoration: none;
}


.ui-state-hover a, .ui-state-hover a:hover {
    opacity: 1!important;
    color: #fff;
    background-color: #3388FF;
    text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    /*border: 1px solid #aaaaaa{borderColorActive};*/
    background: #ffffff;/*{bgColorActive}*/
    font-weight: normal/*{fwDefault}*/;
}


.ui-widget :active { outline: none; }

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 5px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 5px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 5px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 5px/*{cornerRadius}*/; }

.ui-state-disabled { cursor: default !important; }

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-selectmenu { margin-left: 0px; margin-right: 2px; }
.ui-selectmenu-item-header  { font-size: 18px; }
.ui-selectmenu-item-content { font-size: 18px; }

.input_grp a:hover { opacity: 1!important;}


/* form 2020-06 編集
------------------------------------------------------------ */

/* formの横幅 */
.ui-selectmenu {
	width: 307px !important;
	padding: 8px;
}
.input_grp_raw1 select {
	width: 325px !important;
}

/* formのデザイン部分 */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.input_grp_raw1 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #c9c9c9;
	border-radius: 0;
	background-color: #fff;
	background-image: url('../img/course/select_arrow.png');
	background-position: right 10px top 50%;
	background-repeat: no-repeat;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}
.raw1_1 .ui-state-default,
.input_grp_raw1 .raw1_1 select {
	border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	-ms-border-radius: 6px 0 0 6px;
	-o-border-radius: 6px 0 0 6px;
}
.input_grp_raw1 select {
	font-size: 18px;
	padding: 12px;
	margin: 0 !important;
}
.raw1_2 .ui-selectmenu-item-header + .ui-selectmenu-item-content {
	display: none;
}
.raw1_2 {
	margin: 0 1px;
}
.raw1_3 .ui-state-default,
.input_grp_raw1 .raw1_3 select {
	border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	-ms-border-radius: 0 6px 6px 0;
	-o-border-radius: 0 6px 6px 0;
}

/* form横のボタン */
.raw1_4 {
	position: absolute;
	right: 0;
}
.raw1_4 input[type="image"] {
	width: 80px;
	height: 80px;
	cursor: pointer;
}


/* 追加
------------------------------------------------------------ */

.course_list_heading {
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 0;
	margin-top: 0;
	margin-bottom: 30px;
	line-height: 1.0;
}

.course_list_heading > .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.course_list_heading .title {
	font-size: 18px;
	font-weight: 600;
	border: 0;
	padding: 0;
	margin: 0;
}

.course_list_heading .sort_block {
	display: flex;
	align-items: center;
}

.course_list_heading .sort_block .ui-state-default {
	padding: 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.course_list_heading .sort_block .ui-selectmenu-item-content {
	font-size: 16px;
	margin: 0;
}
.course_list_heading .sort_block .ui-selectmenu {
	width: 320px !important;
	height: auto;
	margin: 0;
}
.course_list_heading .sort_block #course_count {
	margin: 0 20px 0 0;
}

/* 追加 2021-06-09
------------------------------------------------------------ */

.course_head .head_day_block {
	display: flex;
	align-items: center;
}

.course_head .head_day_numb {
	margin-right: 30px;
}