@charset "UTF-8";
/* ******************************************************************

	--dock.css--

	1. Layout setting

****************************************************************** */
/*==================================================================
	1. Layout setting
===================================================================*/
.dockBlock {
	margin-right:40px;
	line-height:1.65em;
}
.dockBlock .introBox,
.dockBlock .textBlock {
	margin-bottom:36px;
}
.dockBlock .introBox .blockImage {
	float:left;
	width:130px;
}
.dockBlock .introBox .blockImage span {
	display:block;
	margin-top:10px;
	line-height:1.35em;
}
.dockBlock .introBox .textBox {
	float:right;
	width:510px;
	margin-top:-5px;
	font-size:93%;
	text-align:justify;
	line-height:1.72em;
}
.textBox_kango_title {
	float:right;
	width:510px;
	margin-top:10px;
	font-size:93%;
	text-align:justify;
	line-height:1.72em;
	padding-bottom:5px;
	border-bottom:1px solid #333;
}
.textBox_kango_title2 {
	float:right;
	width:510px;
	margin-top:10px;
	font-size:16px;
	text-align:justify;
	line-height:1.72em;
	color:#ff6633;
}
.textBox_kango {
	float:right;
	width:510px;
	margin-top:10px;
	font-size:93%;
	text-align:justify;
	line-height:1.72em;
}
.blockImage2 {
	float:left;
	width:100px;
}

.textBox_kango2_title {
	float:right;
	width:545px;
	margin-top:10px;
	font-size:93%;
	text-align:justify;
	line-height:1.72em;
	padding-bottom:5px;
	border-bottom:1px solid #333;
}
.textBox_kango2 {
	float:right;
	width:545px;
	margin-top:10px;
	font-size:93%;
	text-align:justify;
	line-height:1.72em;
}
.orange_box {
	width:320px;
	background-color:#ED7D31;
	padding:15px 0px 15px 0px;
	float:left;
	color:#FFF;
	text-align:center;
	font-size:16px;
}

.banner_box {
	width:320px;
	float:right;
	margin-left:30px;
}
.orange_box a {
	color:#FFF;
}

.banner a:hover img {
	opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
 
a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}


.feature {
	position:relative;
}
.feature .text {
	left:16px; 
	position:absolute;
	top:0;
	font-size:92%; 
	display:table;
}
.feature .text span {
	height:118px;
	display:table-cell;
	vertical-align:middle;
}
.feature .featureText {
	position:absolute;
	top:118px;
	padding:13px 18px 8px 16px;
	font-size:110%;
	background:url(/img/common/bg_line01.png) repeat 0 0;
	z-index:100;  
}
.feature .featureText li {
	padding:0 0 5px 18px;
	color:#336;
	text-indent:-18px;  
}
.feature .featureText li:nth-child(2n-1) {
	color:#FF6633;
}
.featureImage {
	padding:0 0 0 70px; 
}
.featureImage li {
	float:left;
	font-size:0;
	line-height:0;
}
.featureBox {
	position:relative;
	margin-bottom: 20px;
}
.featureBox p {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	background:#C18655; 
	text-align:center;
	height:100%; 
}
.featureBox p span {
	height:228px; 
	display:table-cell;
	vertical-align:middle;
	font-size:92%;
	padding:0 10px 0 5px;
	color:#FFF;
	line-height:2; 
}
/*kenshin*/
.tableStyle td.blue {
	background-color:#d4e8ea;
}
.tableStyle td a:link {
	color:#0066cc;
}
.color:#0066cc;
.blue_text{
}
.red {
	color:#F00;
}

.tableStyle th.col01 {
	width:140px;
}
.tableStyle th.col02 {
	width:80px;
}
.tableStyle th.col03 {
	width:490px;
}
.alignRight {
	text-align:right;
}
.alignCenter {
	text-align:center;
}
.tableStyle td {
	padding:10px 8px;
}
.tableStyle td a {
	color:#333;
}
.tableStyle td a img {
	margin-right:4px;
}
.tableStyle td p.link {
	margin-top:3px;
	text-align:right;
}
.tableStyle td.middle {
	vertical-align:middle;
}
.headline1 span {
	display:inline-block;
	vertical-align:bottom;
	margin-bottom:-4px;
	width:48px;
	height:37px;
	padding:11px 5px;
	font-size:12px;
	color:#FFF;
	background-color:#D78D40;
}
.headline1 span em {
	display:inline-block;
	margin-right:12px;
}

/*option*/
.tableStyle01 .col01 {
	width:442px !important;
}
.tableStyle01 .col02 {
	width:80px !important;
}
.tableStyle01 .col03 {
	width:36px !important;
	text-align:center;
	vertical-align:middle;
}
.tableStyle01 .col04 {
	width:189px !important;
}
.tableStyle01 .col05 {
	width:102px !important;
}
.tableStyle01 td span {
	color:#FF0000;
}
.tableStyle01 td span.earlyText {
	padding:5px 5px;
	border:1px solid #000;
}
.tableStyle01 td,
.tableStyle02 td {
	vertical-align:middle;
}
.tableStyle02 .col01 {
	width:237px !important;
}
.tableStyle02 .col02 {
	width:80px !important;
}
.tableStyle02 td.yellow {
	background:#FAF29C;
}
.optionBox {
	display: flex;
	margin-bottom:13px;
	padding:3px 4px;
	line-height:1.7;
	border:1px solid #333;
}
.optionBox .optionLeft,
.optionBox .optionLeft2 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 210px;
	min-width:210px;
	margin-right:10px;
	padding:8px 10px 10px;
	background:#D78D40;
	color:#FFF;
	font-size:108%;
	text-align:center;
}
.optionBox .optionLeft2 {
	height:80px;
}
.optionBox .optionRight {
	align-self: center;
}
.optionBox .optionRight span {
	color:#FF0000;
}
/* .optionBox {
	margin-bottom:13px;
	padding:3px 4px;
	border:1px solid #333;
}
.optionBox p {
	display:inline-block;
	vertical-align:middle;
	line-height:1.7;
}
.optionBox .optionLeft {
	width:210px;
	margin-right:8px;
	padding:8px 10px 10px;
	background:#D78D40;
	color:#FFF;
	font-size:108%;
	text-align:center;
}
.optionBox .optionLeft2 {
	width:210px;
	height:80px;
		margin-right:8px;
	background:#D78D40;
	color:#FFF;
	font-size:108%;
	text-align:center;
	padding-top:30px;
}
.optionBox .optionRight {
	width:430px;
}
.optionBox .optionRight span {
	color:#FF0000;
} */
.general01 .group {
	padding-left:10px;
}
.general01 .group .infoElement {
	border:1px solid #333;
	display:inline-block;
	font-size:110%;
	
	margin:0 0 10px;
	min-width:141px;
	vertical-align:middle;
}
.general01 .group .infoElement span {
	float:left;
	min-width:21px;
	text-align:right;
}
.general01 .group .infoElement span:first-child {
	float:left;
	min-width:33px;
	text-align:right;
}
.general01 .group .infoElement span:last-child {
	float:right;
	min-width:33px;
	text-align:left;
}
.general01 .group .infoElement .size01 span {
	min-width:32px;
}
.optionText {
	font-size:93%;
}
/* ------------------------------------------------------------------
	page course.html styles
-------------------------------------------------------------------*/
.groupList {
	padding-right:40px;
	line-height:1.46;
	margin-top:20px;
}
.titleCheck {
	border:1px solid #333;
	border-left:0;
	border-right:0;
	padding:5px 0;
	margin-bottom:10px;
}
.titleCheck .linkPDF {
	display:inline-block;
	float:right;
	padding-right:10px;
	font-size:12px;
	padding-top:2px;
}
.titleCheck h3 {
	display:inline-block;
	color:#333366;
	font-size:14px;
}
.titleCheck h3 span {
	color:#333;
	padding-left:10px;
	font-size:93%;
}
.titleCheck .linkPDF a {
	color:#333;
}
.titleCheck .linkPDF a img {
	margin-right:3px;
	position:relative;
	top:1px;
}
.boxCheck {
	float:left;
	width:330px;
	min-height:115px;
	border:1px solid #333;
	padding:3px 5px 12px;
	margin-right:5px;
	font-size:12px;
}
.boxCheck h4 {
	text-align:center;
	line-height:33px;
	font-size:14px;
	background:#93AE3D;
	color:#FFF;
	position:relative;
	margin-bottom:10px;
}
.boxCheck h4 span {
	display:flex;
	display:-webkit-flex;
	position:absolute;
	right:10px;
	height:100%;
	top:0;
	align-items:center;
	-webkit-align-items:center;
}
.boxCheck h4 span img {
}
.infoCheck {
	float:right;
	width:192px;
	height:100px;
	display:flex;
	display:-webkit-flex;
	flex-direction:column;
	-webkit-flex-direction:column;
	font-size:12px;
	justify-content:flex-end;
	-webkit-justify-content:flex-end;
}
.itemCheck {
	margin-bottom:32px;
}
p.priceCheck .price {
	width:68px;
	display:inline-block;
	text-align:right;
	font-size:14px;
}
p.priceCheck {
	margin-top:6px;
}
.titleCheck h3 img {
	position:relative;
	top:2px;
	margin-left:2px;
}
.boxCheck .titleBg01{
	background:#666699;
}
.boxCheck .titleBg02{
	background:#004164;
}
.boxCheck .titleBg03{
	background:#BE6C78;
}
.boxCheck .titleBg04{
	background:#D78D40;
}
.boxCheck .titleBg02 span {
	right:22px;
}
.boxCheck .titleBg04 span {
	right:6px;
}
.course .headline1 span {
	padding:5px;
	margin-right:5px;
	background:#333366;
}
/*process*/
.processWrap .headline1 span,
.optionWrap .headline1 span {
	padding:6px 5px;
	text-align:center;
	background-color:#336;
	margin-right:7px;
}
.processWrap .headline1 span em {
	margin-right:0;
}
.processWrap .headline1 span em:first-child {
	margin-right:12px;
}
.processWrap .dockBlock .headline2:first-child {
	margin-bottom:3px;
}
.block01 {
	padding-top:7px;
	padding-bottom:8px;
	background-image:url(/img/dock/bg_process.jpg);
}
.bgTransparent {
	padding-top:14px;
	padding-bottom:11px;
	display:inline-block;
	width:640px;
	background-color:rgba(255,255,255,0.8);
}
.text {
	margin-bottom:5px;
}
.text p {
	line-height:2;
}
.steps {
	margin-top:-5px;
}
.steps .wrap01,
.steps .wrap02 {
	position:relative;
}
.steps .wrap01 {
	margin-bottom:20px;
}
.steps .wrap02 {
	text-align:right;
	padding-right:42px;
}
.steps .wrap01 > div,
.steps .wrap02 > div {
	display:inline-block;
	position:relative;
	vertical-align:top;
	margin-right:19px;
	text-align:center;
}
.steps .wrap01 > div > span ,
.steps .wrap02 > div > span {
	margin-bottom:2px;
	display:inline-block;
}
.steps .wrap01 > div p,
.steps .wrap02 > div p {
	position:relative;
	width:135px;
	min-height:77px;
	text-align:left;
	border:1px solid #333;
	padding:8px;
	background-color:#FFF;
}
.steps .wrap01 > div p:after,
.steps .wrap02 > div p:after {
	content:'';
	background:url(/img/common/icon_arrow08.png);
	position:absolute;
	top:31px;
	right:-21px;
	width:14px;
	height:15px;
}
.steps .wrap01 > div.step4 p:after {
	content:'';
	background:url(/img/common/icon_arrow09.png);
	position:absolute;
	top:79px;
	right:58px;
	width:16px;
	height:14px;
}
.steps .wrap02 > div.step6 p:after {
	background:url(/img/common/icon_arrow10.png);
}
.steps .wrap02 > div.step5 p:after {
	content:none;
}
.steps .wrap02 .step5 p {
	padding:5px;
	letter-spacing:-1px;
}
.text02 {
	margin-top:12px;
}
.text02 p {
	line-height:1.7;
	text-indent:-17px;
	margin-top:5px;
	margin-bottom:2px;
	padding-left:17px;
}
.blackBox {
	display:inline-block;
	width:40px;
	height:40px;
	background-color:#333;
}

.listFAQ {
	padding-left: 10px;
}
.listFAQ dt,
.listFAQ dd {
	padding: 10px 0;
	padding-left: calc(1em + 10px);
	text-indent: -1em;
}
.listFAQ dt {
	background: #D4E8EA;
}
.listFAQ dt::before {
	content: "Q.";
}
.listFAQ dd + dt {
	margin-top: 1em;
}
.listFAQ dd::before {
	content: "A.";
}