@charset "EUC-JP";

/* ==========================
 基本設定
========================== */

body {
	width: 100%;
	padding: 0;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif !improtant;
	-webkit-text-size-adjust: 100%;
}
img {
	border: none;
	width: auto;
}

/*----ベース----*/
#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#container ul {
	list-style-type: none;
}
/*----上部へ戻る----*/
.page-top {
	margin: 0;
	padding: 0;
}
.page-top p {
	margin: 0;
	padding: 0;
	position: fixed;
	right: 16px;
	bottom: 16px;
	cursor: pointer;
}
.move-page-top {
	display: block;
	background: rgba(221,0,0,0.7);
	width: 50px;
	height: 50px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	color: #fff;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
}
.move-page-top:hover { opacity: 0.85;}

/* ==========================
 オクコンページ
========================== */

.trico_cl01 { color: #000000 !important;}
.trico_cl02 { color: #dd0000 !important;}
.trico_cl03 { color: #ffce00 !important;}

.mttl {
	width: 100%;
	margin: 0;
	padding: 13px 0 10px 65px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #fff url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_mttl_icon.png) left top no-repeat;
	font-size: 167%;
	font-weight: bold;
	color: #000;
	text-align: left;
	position: relative;
}

/*---- メインビジュアル ----*/
.mainBox {
	width: 100%;
	margin: 0;
	padding: 0 0 50px;
	background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_main_bg.png) left top no-repeat;
	z-index: 9999;
}
.mainBox .upper {
	height: 700px;
	position: relative;
}
.mainBox .upper img {
	position: absolute;
}
.mainBox .upper .po01 { left: 0px; top: 120px; z-index: 9999;}
.mainBox .upper .po02 { left: 30px; top: 150px; z-index: 99999;}
.mainBox .upper .po03 { left: 80px; top: 40px;}
.mainBox .upper .po04 { left: 0px; top: 570px;}
.mainBox .upper .po05 { right: 10px; top: 110px;}

.mainBox ul {
	display: table;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}
.mainBox ul li {
	display: table-cell;
	width: 50%;
	margin: 0 auto;
}
.mainBox ul li p {
	width: 90%;
	margin: 0 auto;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
	background: rgba(255,206,0,0.8);
}
.mainBox ul li p img {
	margin-left: -10px;
}

/*---- とは ----*/
.aboutBox {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_about_bg.png) left top no-repeat;
	background-size: 100% auto;
	position: relative;
	z-index: 99999;
}
.aboutBox dl {
	display: table;
	width: 96%;
	margin: 0 auto;
	padding: 15px 0 30px;
	overflow: hidden;
	position: relative;
	z-index: 9999;
}
.aboutBox dl dt,
.aboutBox dl dd {
	display: table-cell;
	vertical-align: top;
}
.aboutBox dl dt {
	width: 45%;
	padding: 0 15px 0 0;
}
.aboutBox dl dt img:first-of-type {
	margin: 0 0 10px;
}
.aboutBox dl dd {
	width: 55%;
	padding: 10px 18px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	background: #fff;
	font-size: 1.18em;
	line-height: 1.8 !important;
}

/*---- 3つのポイント ----*/
.pointBox {
	width: 100%;
	margin: 0;
	padding: 0 0 12px;
	background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_point_bg.png) left top no-repeat;
}
.pointBox:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0.01em;
	height: 0px;
	overflow: hidden;
}
.pointBox dl {
	float: left;
	width: 32%;
	margin: 20px 0 20px 1%;
	padding: 0;
}
.pointBox dl:first-of-type {
	margin-top: 39px;
}
.pointBox dl:last-of-type {
	margin-top: 25px;
}
.pointBox dl dt,
.pointBox dl dd {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
.pointBox dl dt {
	width: 260px;
	height: 200px;
	margin: 0 auto;
	background: #ddd;
	overflow: hidden;
	z-index: 999;
}
.pointBox dl dt img {
	margin: -25px 0 0;
}
.pointBox dl dd {
	width: 100%;
	margin: 0;
	padding: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 3px 5px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0 3px 5px rgba(255,255,255,0.3);
	-moz-box-shadow: 0 3px 5px rgba(255,255,255,0.3);
	background: rgba(255,255,255,1);
	overflow: hidden;
	font-size: 1.1em;
	color: #333;
	line-height: 1.67;
	z-index: 9999;
}
.pointBox dl dd span {
	display: block;
	width: 100%;
	margin: 0 0 7px;
	font-size: 131%;
	font-weight: bold;
	color: #dd0000;
	text-align: center;
}

.present {
	clear: both;
	width: 100%;
}
.present ul {
	display: table;
	width: 98%;
	margin: 0 auto;
}
.present ul li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
.present ul li:first-of-type {
	width: 18%;
}
.present ul li:nth-of-type(2) {
	padding: 0 25px 0;
	font-size: 1.38em;
	color: #333;
	text-align: left;
	text-shadow: 0px 2px 5px #fff;
	-webkit-text-shadow: 0px 2px 5px #fff;
	-moz-text-shadow: 0px 2px 5px #fff;
}
.present ul li span {
	font-weight: bold;
}

/*---- 流れ ----*/
.schemeBox {
	width: 100%;
	height: 830px;
	margin: 0;
	padding: 0;
	background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_scheme_bg.png) left 58px no-repeat;
	position: relative;
}

.schemeBox .inner div { position: absolute; z-index: 99999;}
.schemeBox .inner .scheme01 { left: 30px; top: 160px;}
.schemeBox .inner .scheme02 { left: 310px; top: 70px;}
.schemeBox .inner .scheme03 { right: 30px; top: 230px; z-index: 9999;}
.schemeBox .inner .scheme04 { right: 260px; bottom: 25px; z-index: 999;}
.schemeBox .inner .scheme05 { left: 220px; bottom: 145px;}

.schemeBox .inner img.arrow {
	width: 30px;
	position: absolute;
	z-index: 999999;
}
.schemeBox .inner img.next_arrow01 {
	left: 307px;
	top: 265px;
	transform: rotate(65deg);
}
.schemeBox .inner img.next_arrow02 {
	right: 318px;
	top: 298px;
}
.schemeBox .inner img.next_arrow03 {
	right: 328px;
	bottom: 334px;
}
.schemeBox .inner img.next_arrow04 {
	left: 364px;
	bottom: 204px;
	transform: rotate(30deg);
}

.schemeBox .inner div {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	/*background: #ccc;*/
}
.schemeBox .inner .scheme01 {
	width: 342px;
	height: 356px;
	background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_scheme_img01.png) left top no-repeat;
	background-size: 100% auto;
}
.schemeBox .inner .scheme02 {
	width: 342px;
	height: 356px;
	background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_scheme_img02.png) left top no-repeat;
	background-size: 100% auto;
}
.schemeBox .inner .scheme03 {
	width: 342px;
	height: 356px;
	background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_scheme_img03.png) left top no-repeat;
	background-size: 100% auto;
}
.schemeBox .inner .scheme04 {
	width: 342px;
	height: 356px;
	background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_scheme_img04.png) left top no-repeat;
	background-size: 100% auto;
}

.schemeBox .inner div p {
	margin-top: 200px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 2px 5px #ccc;
	-webkit-box-shadow: 0 2px 5px #ccc;
	-moz-box-shadow: 0 2px 5px #ccc;
	background: #fff;
}
.schemeBox .inner .scheme01 p {
	width: 260px;
	margin: 260px auto;
}
.schemeBox .inner .scheme02 p {
	width: 240px;
	margin: 290px auto 0;
}
.schemeBox .inner .scheme03 p {
	width: 250px;
	margin: 260px auto;
}
.schemeBox .inner .scheme04 p {
	width: 240px;
	margin: 280px auto;
}
.schemeBox .inner div span {
	display: block;
	width: 100%;
	padding: 12px 0;
	font-size: 138.5%;
	font-weight: bold;
	color: #dd0000;
	text-align: center;
}
.schemeBox .inner .scheme05 {
	width: 160px;
	height: 160px;
	padding-top: 40px;
	border: 7px solid #fff;
	background: #ffce00;
	font-size: 123.1%;
	text-align: center;
	vertical-align: middle;
}

/*---- スケジュール オクコン ----*/
.scheduleBox {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
}
.scheduleBox .schedule_sttl {
	width: 100%;
}
.scheduleBox .schedule_sttl ul {
	display: table;
	width: 100%;
}
.scheduleBox .schedule_sttl ul li {
	display: table-cell;
}
.scheduleBox .schedule_sttl ul li:first-of-type {
	width: 35%;
	padding: 10px 0 0 10px;
	font-size: 2.8em;
	font-weight: bold;
	color: #dd0000;
	text-align: left;
	position: relative;
}
.scheduleBox .schedule_sttl ul li:first-of-type:before {
	content: "";
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_schedule_ttlicon01.png) left top no-repeat;
	background-size: 100% auto;
	vertical-align: -20%;
}
.scheduleBox .schedule_sttl ul li:last-of-type {
	font-size: 1.6em;
	color: #666;
}

.scheduleBox dl {
	display: table;
	width: 100%;
	margin: 7px 0 0;
}
.scheduleBox dl dt,
.scheduleBox dl dd {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
.noon_schedule,
.night_schedule {
	width: 100%;
	margin: 0 auto;
	padding: 12px 7px;
	overflow: hidden;
	box-sizing: border-box;
}
.noon_schedule img,
.night_schedule img {
	text-align: center;
}
.noon_schedule {
	background: #fffcee;
}
.night_schedule {
	background: #e7f6ff;
}

.scheduleBox dl dt ul {
	width: 96%;
}
.scheduleBox dl ul {
	width: 100%;
}
.scheduleBox dl ul li {
	width: 100%;
	margin: 0;
	padding: 15px 5px 20px 10px;
	font-size: 2.0em;
	font-weight: bold;
	color: #333;
	text-align: left;
	line-height: 1.27 !important;
}
.scheduleBox dl ul li.saturday {
	color: #0064b8;
}
.scheduleBox dl ul li.sunday {
	color: #dd0000;
}
.scheduleBox dl ul li span {
	display: inline-block;
	font-size: 0.56em;
	font-weight: normal;
	color: #666;
}
.scheduleBox dl ul li .subinfo {
	font-size: 0.56em;
	font-weight: normal;
	color: #666;
}
.scheduleBox dl ul li .subinfo:first-of-type {
	margin-top: 10px;
}
.scheduleBox dl ul li .subinfo span {
	width: 60px;
	font-size: 0.92em;
}
.scheduleBox dl ul li .place {
	font-size: 0.82em;
}
.scheduleBox dl ul li .maplink {
	width: 80px;
	margin: 7px 0 0;
	padding: 0;
	background: #2ca0d0;
}
.scheduleBox dl ul li p.maplink a {
	display: block;
	width: 100%;
	height: auto;
	padding: 5px;
	font-size: 0.6em;
	font-weight: normal;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.scheduleBox dl ul li:last-of-type {
	font-size: 1.8em;
}

/*---- 申込ボタン ----*/
.orders {
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
}
.orders p {
	display: inline-block;
	width: 44%;
	margin: 0 8px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 2px 2px 3px #ccc;
	-webkit-box-shadow: 2px 2px 3px #ccc;
	-moz-box-shadow: 2px 2px 3px #ccc;
	overflow: hidden;
}
.orders p.man {
	background-image: -moz-linear-gradient(
		top,
		#4d4d4d 0%,
		#4d4d4d 49%,
		#000 50%,
		#000);
	background-image: -ms-linear-gradient(
		top,
		#4d4d4d 0%,
		#4d4d4d 49%,
		#000 50%,
		#000);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#4d4d4d),
		color-stop(0.49, #4d4d4d),
		color-stop(0.50, #000),
		to(#000));
}
.orders p.woman {
	background-image: -moz-linear-gradient(
		top,
		#e74d4d 0%,
		#e74d4d 49%,
		#dd0000 50%,
		#dd0000);
	background-image: -ms-linear-gradient(
		top,
		#e74d4d 0%,
		#e74d4d 49%,
		#dd0000 50%,
		#dd0000);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#e74d4d),
		color-stop(0.49, #e74d4d),
		color-stop(0.50, #dd0000),
		to(#dd0000));
}
.orders p.noneman {
	background-image: -moz-linear-gradient(
		top,
		#4d4d4d 0%,
		#4d4d4d 49%,
		#000 50%,
		#000);
	background-image: -ms-linear-gradient(
		top,
		#4d4d4d 0%,
		#4d4d4d 49%,
		#000 50%,
		#000);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#9e9e9e),
		color-stop(0.49, #9e9e9e),
		color-stop(0.50, #9e9e9e),
		to(#9e9e9e));
	width: 45%;
	height: auto;
	padding: 20px 0 18px;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;

}

.orders p.nonewoman {
	background-image: -moz-linear-gradient(
		top,
		#e74d4d 0%,
		#e74d4d 49%,
		#dd0000 50%,
		#dd0000);
	background-image: -ms-linear-gradient(
		top,
		#e74d4d 0%,
		#e74d4d 49%,
		#dd0000 50%,
		#dd0000);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#9e9e9e),
		color-stop(0.49, #9e9e9e),
		color-stop(0.50, #9e9e9e),
		to(#9e9e9e));
	width: 45%;
	height: auto;
	padding: 20px 0 18px;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
}


.orders p a {
	display: block;
	width: 100%;
	height: auto;
	padding: 20px 0 18px;
	font-size: 184%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.orders span {
	display: block;
	width: 100%;
	margin: 15px 0 5px;
	padding: 10px 0 0;
	border-top: 1px solid #000;
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
}
.scheduleBox dl dd:first-of-type .orders span {
	color: #0064b8;
}
.orders .order_info {
	border-top: 1px dotted #ccc;
	padding: 20px 0 0;
	font-size: 1.8em;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
}


/*---- スケジュール オクコンミニ ----*/
.scheduleBox_mini {
	width: 100%;
	margin: 0;
	padding: 0 0 20px;
	border-top: 1px solid #000;
	background: #fff;
}
.scheduleBox_mini .schedule_sttl {
	width: 100%;
}
.scheduleBox_mini .schedule_sttl ul {
	display: table;
	width: 100%;
}
.scheduleBox_mini .schedule_sttl ul li {
	display: table-cell;
}
.scheduleBox_mini .schedule_sttl ul li:first-of-type {
	width: 35%;
	padding: 10px 0 0 10px;
	font-size: 2.8em;
	font-weight: bold;
	color: #dd0000;
	text-align: left;
	position: relative;
}
.scheduleBox_mini .schedule_sttl ul li:first-of-type:before {
	content: "";
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_schedule_ttlicon02.png) left top no-repeat;
	background-size: 100% auto;
	vertical-align: -20%;
}
.scheduleBox_mini .schedule_sttl ul li:last-of-type {
	font-size: 1.6em;
	color: #666;
}

.scheduleBox_mini .exam_mini {
	width: 100%;
	margin: 0;
	padding: 15px 0 25px;
	font-size: 1.8em;
	font-weight: bold;
	color: #dd0000;
	text-align: center;
}
.scheduleBox_mini .exam_mini span {
	display: block;
	margin: 0;
	font-size: 0.7em;
	font-weight: normal;
	color: #ccc;
}

.scheduleBox_mini dl {
	width: 100%;
	margin: 0;
	padding: 0;
}
.scheduleBox_mini dl dt,
.scheduleBox_mini dl dd {
	width: 100%;
	margin: 0;
	padding: 0;
}
.scheduleBox_mini dl dt ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.scheduleBox_mini dl dt ul li {
	width: 49%;
	margin: 0 0 10px 0.7%;
	padding: 7px 2px 3px 15px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 2px solid #999;
	background: #fff;
	overflow: hidden;
}
.scheduleBox_mini dl dt ul li.sat {
	border: 2px solid #4ebeff;
}
.scheduleBox_mini dl dt ul li.sun {
	border: 2px solid #dd0000;
}
.scheduleBox_mini dl dt ul li table {
	width: 100%;
	margin: 0;
}
.scheduleBox_mini dl dt ul li table td:first-of-type {
	width: 20%;
	font-size: 1.8em;
	font-weight: bold;
}
.scheduleBox_mini dl dt ul li.sat table td:first-of-type {
	color: #4ebeff;
}
.scheduleBox_mini dl dt ul li.sun table td:first-of-type {
	color: #dd0000;
}
.scheduleBox_mini dl dt ul li table td:nth-of-type(2) {
	width: 25%;
	font-size: 1.4em;
	text-align: center;
}
.scheduleBox_mini dl dt ul li table td:last-of-type {
	width: 55%;
}
.scheduleBox_mini dl dt ul li table td:last-of-type p {
	display: inline-block;
	text-align: center;
}
.scheduleBox_mini dl dt ul li table td:last-of-type p {
	display: inline-block;
	width: 45%;
	margin: 0 3px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 2px 2px 3px #ccc;
	-webkit-box-shadow: 2px 2px 3px #ccc;
	-moz-box-shadow: 2px 2px 3px #ccc;
	overflow: hidden;
}
.scheduleBox_mini dl dt ul li table td:last-of-type p.man {
	background-image: -moz-linear-gradient(
		top,
		#4d4d4d 0%,
		#4d4d4d 49%,
		#000 50%,
		#000);
	background-image: -ms-linear-gradient(
		top,
		#4d4d4d 0%,
		#4d4d4d 49%,
		#000 50%,
		#000);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#4d4d4d),
		color-stop(0.49, #4d4d4d),
		color-stop(0.50, #000),
		to(#000));
}
.scheduleBox_mini dl dt ul li table td:last-of-type p.woman {
	background-image: -moz-linear-gradient(
		top,
		#e74d4d 0%,
		#e74d4d 49%,
		#dd0000 50%,
		#dd0000);
	background-image: -ms-linear-gradient(
		top,
		#e74d4d 0%,
		#e74d4d 49%,
		#dd0000 50%,
		#dd0000);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#e74d4d),
		color-stop(0.49, #e74d4d),
		color-stop(0.50, #dd0000),
		to(#dd0000));
}

.scheduleBox_mini dl dt ul li table td:last-of-type p.noneman {
	background-image: -moz-linear-gradient(
		top,
		#4d4d4d 0%,
		#4d4d4d 49%,
		#000 50%,
		#000);
	background-image: -ms-linear-gradient(
		top,
		#4d4d4d 0%,
		#4d4d4d 49%,
		#000 50%,
		#000);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#9e9e9e),
		color-stop(0.49, #9e9e9e),
		color-stop(0.50, #9e9e9e),
		to(#9e9e9e));
	width: 45%;
	height: auto;
	padding: 20px 0 18px;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.scheduleBox_mini dl dt ul li table td:last-of-type p.nonewoman {
	background-image: -moz-linear-gradient(
		top,
		#e74d4d 0%,
		#e74d4d 49%,
		#dd0000 50%,
		#dd0000);
	background-image: -ms-linear-gradient(
		top,
		#e74d4d 0%,
		#e74d4d 49%,
		#dd0000 50%,
		#dd0000);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#9e9e9e),
		color-stop(0.49, #9e9e9e),
		color-stop(0.50, #9e9e9e),
		to(#9e9e9e));
	width: 45%;
	height: auto;
	padding: 20px 0 18px;
	font-size: 1.56em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;

}

.scheduleBox_mini dl dt ul li table td:last-of-type p a {
	display: block;
	width: 100%;
	height: auto;
	padding: 20px 0 18px;
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.scheduleBox_mini dl dd {
	width: 100%;
	margin: 0;
	padding: 0 0 30px;
	border-bottom: 1px solid #000;
}
.scheduleBox_mini dl dd ul {
	width: 100%;
}
.scheduleBox_mini dl dd ul li {
	display: inline-block;
	width: 46%;
	margin: 0 0 0 2%;
	padding: 15px 5px 20px 10px;
	font-size: 2.0em;
	font-weight: bold;
	color: #333;
	text-align: left;
	line-height: 1.27 !important;
	vertical-align: top;
}
.scheduleBox_mini dl dd ul li.saturday {
	color: #0064b8;
}
.scheduleBox_mini dl dd ul li.sunday {
	color: #dd0000;
}
.scheduleBox_mini dl dd ul li span {
	display: inline-block;
	font-size: 0.56em;
	font-weight: normal;
	color: #666;
}
.scheduleBox_mini dl dd ul li .subinfo {
	font-size: 0.56em;
	font-weight: normal;
	color: #666;
}
.scheduleBox_mini dl dd ul li .subinfo:first-of-type {
	margin-top: 10px;
}
.scheduleBox_mini dl dd ul li .subinfo span {
	width: 60px;
	font-size: 0.92em;
}
.scheduleBox_mini dl dd ul li .place {
	font-size: 0.82em;
}
.scheduleBox_mini dl dd ul li .maplink {
	width: 80px;
	margin: 7px 0 0;
	padding: 0;
	background: #2ca0d0;
}
.scheduleBox_mini dl dd ul li p.maplink a {
	display: block;
	width: 100%;
	height: auto;
	padding: 5px;
	font-size: 0.6em;
	font-weight: normal;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.scheduleBox_mini dl dd ul li:last-of-type {
	font-size: 1.8em;
}

/*---- 注意事項 ----*/
.attentionBox {
	width: 100%;
	margin: 0;
	padding: 0 0 50px;
	background: #fff url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_tricoroll.png) left bottom no-repeat;
}
.attentionBox .inner {
	width: 86%;
	margin: 0 auto 35px;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 2px solid #ddd;
	overflow: hidden;
}
.attentionBox .inner p {
	width: 100%;
	margin: 0 0 15px;
	padding: 0 0 7px;
	border-bottom: 2px solid #ddd;
	font-size: 108%;
	font-weight: bold;
	color: #666;
}
.attentionBox .inner ul {
	width: 96%;
	margin: 0 0 0 0.5em;
	padding: 0 0 0 1em;
	list-style-type: disc !important;
}
.attentionBox .inner ul li {
	width: 100%;
	margin: 0 0 7px;
	padding: 0;
	font-size: 98%;
	color: #999;
	text-align: left;
	line-height: 1.47;
}



/* =====================================================

スマホ用

===================================================== */
@media screen and (max-width: 768px){

	#container {
		width: 100%;
		margin: 0;
	}

	.mttl {
		width: 100%;
		margin-bottom: 0px;
		padding: 10px 0 10px 65px;
		font-size: 1.2em;
	}

	img {
		width: 100%;
	}

	/*---- メインビジュアル ----*/
	.mainBox {
		width: 100%;
		height: auto;
		padding: 0;
		background: none;
	}
	.mainBox img {
		position: relative;
	}

	/*---- とは ----*/
	.aboutBox {
		background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_about_bg.png) left top repeat;
	}
	.aboutBox dl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		padding: 10px 0;
	}
	.aboutBox dl dt,
	.aboutBox dl dd {
		display: block;
		vertical-align: top;
	}
	.aboutBox dl dt {
		width: 100%;
		padding: 5px 0 0;
		text-align: center;
	}
	.aboutBox dl dt img {
		width: 48%;
	}
	.aboutBox dl dt img:first-of-type {
		margin: 0;
	}
	.aboutBox dl dd {
		width: 100%;
		
		padding: 10px 18px;
		
		font-size: 1.1em;
		line-height: 1.47 !important;
	}

	/*---- 3つのポイント ----*/
	.pointBox {
		width: 100%;
		margin: 0;
		padding: 0 0 20px;
		background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_point_bg.png) left 40px no-repeat;
		background-size: 180% auto;
	}
	.pointBox dl {
		float: none;
		display: block;
		width: 96%;
		margin: -25px auto;
	}
	.pointBox dl:first-of-type {
		margin-top: 10px;
	}
	.pointBox dl:last-of-type {
		margin-top: 0;
	}
	.pointBox dl dt,
	.pointBox dl dd {
		display: inline-block;
		margin: 0;
		padding: 0;
		vertical-align: middle;
	}
	.pointBox dl dt {
		width: 30%;
		height: auto;
		margin: 0 auto;
		background: none;
	}
	.pointBox dl dt img {
		margin: 0;
	}
	.pointBox dl dd {
		width: 70%;
		margin: 0 0 0 -10px;
		padding: 0;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		background: none;
		line-height: 1.27;
		z-index: 99;
	}
	.pointBox dl dd span {
		display: inline-block;
		width: 100%;
		margin: 0;
		padding: 10px 10px 10px 20px;
		border-radius: 0 5px 5px 0;
		-webkit-border-radius: 0 5px 5px 0;
		-moz-border-radius: 0 5px 5px 0;
		box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
		-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
		-moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
		background: rgba(255,255,255,0.95);
		font-size: 116%;
		text-align: left;
	}
	.present_sp {
		width: 100%;
		margin: 35px 0 0;
	}
	.present_sp ul {
		display: table;
	}
	.present_sp ul li {
		display: table-cell;
		vertical-align: top;
	}
	.present_sp ul li:first-of-type {
		width: 28%;
	}
	.present_sp ul li:first-of-type img:last-of-type {
		margin-top: -20px;
	}
	.present_sp ul li:last-of-type {
		padding: 12px 10px 0;
		font-size: 1.2em;
		line-height: 1.47;
		text-shadow: 0 0 10px rgba(255,255,255,0.98);
		-webkit-text-shadow: 0 0 10px rgba(255,255,255,0.98);
		-moz-text-shadow: 0 0 10px rgba(255,255,255,0.98);
	}
	.present_sp ul li:last-of-type span {
		font-weight: bold;
	}

	/*---- 流れ ----*/
	.schemeBox {
		height: auto;
		background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_scheme_bg.png) left 39px no-repeat;
		background-size: 170% auto;
		padding: 0 0 50px;
	}
	.schemeBox .inner_sp p {
		margin: -30px 0 0;
		padding: 0 0 0 7%;
	}
	.schemeBox .inner_sp p:first-of-type {
		margin: 10px 0 0;
	}
	.schemeBox .inner_sp p:before {
		content: "";
		float: left;
		width: 100px;
		height: 100px;
		margin: 0 auto -30px;
		position: relative;
		z-index: 9999;
	}
	.schemeBox .inner_sp p.flowA:before {
		background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_scheme_img_sp01.png) left top no-repeat;
		background-size: 100% auto;
	}
	.schemeBox .inner_sp p.flowB:before {
		background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_scheme_img_sp02.png) left top no-repeat;
		background-size: 100% auto;
	}
	.schemeBox .inner_sp p.flowC:before {
		background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_scheme_img_sp03.png) left top no-repeat;
		background-size: 100% auto;
	}
	.schemeBox .inner_sp p.flowD:before {
		background: url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_scheme_img_sp04.png) left top no-repeat;
		background-size: 100% auto;
	}
	.schemeBox .inner_sp p:after {
		clear: both;
		display: block;
		content: "";
		width: 0;
		height: 0;
		margin: 0 auto;
		border: 35px solid transparent;
		border-top: 15px solid #dd0000;
		position: relative;
		top: 18px;
	}
	.schemeBox .inner_sp p span {
		float: left;
		width: 70%;
		margin: 30px 0 0 -30px;
		padding: 12px 12px 12px 35px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
		-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
		background: #fff;
		overflow: hidden;
		font-size: 1.2em;
		font-weight: bold;
		color: #dd0000;
		text-align: left;
		z-index: 999;
	}
	.schemeBox .inner_sp p.flowC span {
		margin-top: 18px;
	}
	.schemeBox .inner_sp p.flowE span {
		float: none;
		width: 30%;
		margin: 0 auto 0;
		padding: 10px 60px;
		border: 2px solid #fff;
		background: #ffcd00;
		text-align: center;
	}
	.schemeBox .inner_sp p.flowE {
		margin: 0;
	}
	.schemeBox .inner_sp p.flowE:after {
		clear: both;
		display: none;
	}

	/*---- スケジュール オクコン ----*/
	.scheduleBox .schedule_sttl ul li {
		vertical-align: middle;
	}
	.scheduleBox .schedule_sttl ul li:first-of-type {
		width: 45%;
		padding: 10px 0 0 10px;
		font-size: 1.4em;
	}
	.scheduleBox .schedule_sttl ul li:first-of-type:before {
		content: "";
		width: 24px;
		height: 24px;
	}
	.scheduleBox .schedule_sttl ul li:last-of-type {
		padding: 15px 0 5px;
		font-size: 1.0em;
	}

	.noon_schedule,
	.night_schedule {
		padding: 5px 3px 15px;
	}

	.scheduleBox dl dt ul {
		margin: 0 auto;
	}
	.scheduleBox dl ul {
		width: 100%;
	}
	.scheduleBox dl ul li {
		padding: 10px 5px;
		font-size: 1.16em;
		line-height: 1.47 !important;
	}
	.scheduleBox dl ul li span {
		font-size: 0.8em;
	}
	.scheduleBox dl ul li .subinfo {
		font-size: 0.8em;
	}
	.scheduleBox dl ul li .subinfo:first-of-type {
		margin-top: 10px;
	}
	.scheduleBox dl ul li .subinfo span {
		width: auto;
		margin: 0 3px 0 0;
		font-size: 0.8em;
	}
	.scheduleBox dl ul li .place {
		font-size: 0.8em;
	}
	.scheduleBox dl ul li .maplink {
		width: 100px;
		margin: 7px 0 0;
	}
	.scheduleBox dl ul li p.maplink a {
		padding: 10px;
		font-size: 0.8em;
	}
	.scheduleBox dl ul li:last-of-type {
		font-size: 1.16em;
	}

	/*---- 申込ボタン ----*/
	.orders p {
		width: 46%;
		margin: 0 0 2px;
	}

	.orders p.noneman {
		width: 46%;
		margin: 0 0 2px;
		font-size: 0.98em;	
	}
	.orders p.nonewoman {
		width: 46%;
		margin: 0 0 2px;
		font-size: 0.98em;	
	}
	.orders p a {
		font-size: 0.98em;
	}
	.orders span {
		margin: 15px 0 5px;
		font-size: 0.9em;
	}
	.orders .order_info {
		border-top: 1px dotted #ccc;
		padding: 20px 0 0;
		font-size: 1.8em;
		font-weight: bold;
		color: #ff0000;
		text-align: center;
	}

	/*---- スケジュール オクコンミニ ----*/
	.scheduleBox_mini .schedule_sttl ul li {
		vertical-align: middle;
	}
	.scheduleBox_mini .schedule_sttl ul li:first-of-type {
		width: 45%;
		padding: 10px 0 0 10px;
		font-size: 1.4em;
	}
	.scheduleBox_mini .schedule_sttl ul li:first-of-type:before {
		content: "";
		width: 24px;
		height: 24px;
	}
	.scheduleBox_mini .schedule_sttl ul li:last-of-type {
		padding: 15px 0 5px 5px;
		font-size: 0.9em;
	}

	.scheduleBox_mini .exam_mini {
		padding: 15px 0;
		font-size: 1.18em;
	}
	.scheduleBox_mini .exam_mini span {
		font-size: 0.9em;
		color: #999;
	}

	.scheduleBox_mini dl dt ul li {
		width: 98%;
		margin: 0 auto 10px;
		padding: 7px 2px 3px 10px;
	}
	.scheduleBox_mini dl dt ul li table {
		width: 100%;
		margin: 0;
	}
	.scheduleBox_mini dl dt ul li table td:first-of-type {
		width: 20%;
		font-size: 1.2em;
		font-weight: bold;
	}
	.scheduleBox_mini dl dt ul li table td:nth-of-type(2) {
		width: 25%;
		font-size: 1.0em;
	}
	.scheduleBox_mini dl dt ul li table td:last-of-type {
		width: 55%;
	}
	.scheduleBox_mini dl dt ul li table td:last-of-type p {
		width: 48%;
		margin: 0;
	}
	.scheduleBox_mini dl dt ul li table td:last-of-type p a {
		font-size: 0.9em;
	}
	.scheduleBox_mini dl dt ul li table td:last-of-type p.noneman {
		width: 48%;
		font-size: 0.9em;
	}
	.scheduleBox_mini dl dt ul li table td:last-of-type p.nonewoman {
		width: 48%;
		font-size: 0.9em;
	}

	.scheduleBox_mini dl dd {
		width: 100%;
		margin: 0;
		padding: 0 0 30px;
		border-bottom: 1px solid #000;
	}
	.scheduleBox_mini dl dd ul {
		width: 100%;
	}
	.scheduleBox_mini dl dd ul li {
		width: 46%;
		padding: 10px 0px 0px;
		font-size: 1.0em;
		line-height: 1.47 !important;
	}
	.scheduleBox_mini dl dd ul li span {
		display: inline-block;
		font-size: 0.56em;
		font-weight: normal;
		color: #666;
	}
	.scheduleBox_mini dl dd ul li .subinfo {
		font-size: 0.8em;
	}
	.scheduleBox_mini dl dd ul li .subinfo:first-of-type {
		margin-top: 10px;
	}
	.scheduleBox_mini dl dd ul li .subinfo span {
		width: auto;
		margin: 0 3px 0 0;
		font-size: 0.8em;
	}
	.scheduleBox_mini dl dd ul li .maplink {
		width: 100px;
		margin: 7px 0 0;
	}
	.scheduleBox_mini dl dd ul li p.maplink a {
		padding: 10px;
		font-size: 1.0em;
	}
	.scheduleBox_mini dl dd ul li:last-of-type {
		font-size: 1.0em;
	}

	/*---- 注意事項 ----*/
	.attentionBox {
		background: #fff url(https://www.will-gocon.net/machicon/okcon/common/img/okcon_tricoroll.png) left bottom no-repeat;
	}
	.attentionBox .inner {
		width: 100%;
		margin: 0;
		padding: 10px 0 0;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border: 1px solid #ddd;
		border-left: none;
		border-right: none;
	}
	.attentionBox .inner p {
		margin: 0 0 5px;
		font-size: 98%;
	}
	.attentionBox .inner ul {
		padding-bottom: 10px;
	}
	.attentionBox .inner ul li {
		margin: 0 0 7px;
		font-size: 83%;
	}

}


.fBox_bnr {
	 display: flex;
	 margin: 20px 0;
}
.fBox_bnr li:first-of-type {
	margin-right: 32px;
}