@charset "utf-8";
/* CSS Document */

/* .global_title */

body {
	background: url("../images/common/bg_body.png") repeat-x left top;
}


.sc_mark {
	border-color: transparent transparent transparent #116CB0;
}

.sc_mark p.tt {
	border-color: transparent #116CB0 transparent transparent;
}

/* --- full --- */

.on .sc_mark p.tt > span.line {
	background-color: #116CB0;
}

/**/

#navigation nav > h2 > span.mk {
	background-color: #116CB0;
}

/* .owl //将来バナー差し替えられるようにする */

.owl {
	width: 522px;
	margin: 0 auto;
}

.owl .item {
	margin-bottom: 15px;
}

.owl .item a {
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
}

.owl .item a:hover {
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));
}

.owl .teacher_link {
	margin-bottom: 25px;
	text-align: right;
}

.owl .teacher_link a {
	display: inline-block;
	background: url("../images/common/bg_link01.png") no-repeat left center;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	padding-left: 20px;
}

.owl .teacher_link a:hover {
	text-decoration: underline;
}

/* dotOr_box */

.dotOr_box dt {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #fff;
	font-size: 1.7em;
	font-weight: bold;
	background: #EA5404;
	border-radius: 6px;
	text-align: center;
	display: block;
}

.dotOr_box dt:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #EA5404;
}

.dotOr_box dt strong {
	font-size: 120%;
	font-weight: bold;
}

.dotOr_box dd {
	font-size: 1.4em;
	font-weight: bold;
	color: #333;
	line-height: 1.8;
}

/**/

.move_photo {
	float: left;
	position: relative;
	transition: all .4s;
}

.move_photo img {
	position: absolute;
	width: auto;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
	transition: all .4s;
}

.move_photo img.l {
	transform: rotate(-5deg);
	left: 0px;
	top: 15px;
	z-index: 2;
}

.move_photo img.r {
	transform: rotate(10deg);
	left: 50px;
	top: 180px;
}

/**/

.flow_table {
	background-color: #FCE4CF;
	padding: 20px 30px;
	margin-bottom: 15px;
}

.flow_table > h3 {
	font-size: 2.4em;
	line-height: 1.6;
	color: #EA5404;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}

.flow_table > dl > div {
	border: solid 3px #B3B2B3;
	border-radius: 15px;
	background-color: #fff;
	display: table;
	width: 100%;
	margin-bottom: 20px;
    position:relative;
	
}

.flow_table > dl > div:nth-child(1):after {
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(234, 84, 4, 0);
    border-top-width:18px;
    border-bottom-width:18px;
    border-left-width:21px;
    border-right-width:21px;
    margin-left: -21px;
    border-top-color:#B3B2B3;
    top:100%;
    left:18%;
}

.flow_table > dl > div:nth-child(2){
	border: solid 3px #EA5404;
}

.flow_table > dl > div:nth-child(2):after {
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(234, 84, 4, 0);
    border-top-width:18px;
    border-bottom-width:18px;
    border-left-width:21px;
    border-right-width:21px;
    margin-left: -21px;
    border-top-color:#EA5404;
    top:100%;
    left:18%;
}

.flow_table > dl > div:nth-child(3) {
	margin-bottom: 0px;
}

.flow_table > dl > div > dt {
	display: table-cell;
	width:10%;
	font-size:1.4em;
	font-weight: bold;
	color:#333;
	vertical-align: middle;
	text-align: center;
}

.flow_table > dl > div dd {
	display: table;
	width:100%;
	border-bottom: solid 3px #FCE4CF;
	float: right;
}

.flow_table > dl > div dd:last-child {
	border-bottom: none;
}

.flow_table > dl > div dd span.td {
	display: table-cell;
	vertical-align: middle;
	border-left: solid 3px #FCE4CF;
	padding: 1%;
	font-size: 1.4em;
}

.flow_table > dl > div dd span:nth-child(1) {
	width: 16%;
	text-align: center;
}

.flow_table > dl > div dd span:nth-child(2) {
	width: 33%;
	font-weight: bold;
}

.flow_table > dl > div dd span:nth-child(3) {
	width: 50%;
	font-size: 1.2em;
}

.flow_table > dl > div dd span.td small{
	font-size: 0.8em;
	display: block;
}


/**/

.picup_ccd {
	background-color: #FCE3CF;
	border-radius: 25px;
	padding: 15px 25px;
	margin-bottom: 30px;
}

.picup_ccd p {
	font-size: 1.4em;
}

.picup_ccd .whats_ccd {
	background-color: #fff;
	border-radius: 10px;
	padding: 15px;
	position: relative;
}

.picup_ccd .whats_ccd dt {
	position: absolute;
	left: -10px;
	top: -10px;
}

.picup_ccd .whats_ccd p img {
	width: 100%;
	height: auto;
}

.bdr_Or {
	border: solid 8px #FCE3CF;
	border-radius: 20px;
	position: relative;
	margin-bottom: 25px;
	padding: 20px;
	text-align: center;
}
.bdr_Or h3 {
	position: absolute;
	font-size: 2em;
	font-weight: bold;
	top: -10px;
	left: 0px;
	width:100%;
}

.bdr_Or h3 span {
	display: inline-block;
	background-color: #fff;
	padding: 0 10px;
	color: #EA5404;
}

.bdr_Or figure figcaption {
	font-size: 1.4em;
	margin-bottom: 20px;
}

.voice {
	background-color: #FCE3CF;
	border-radius: 15px;
	padding: 10px;
	margin-bottom: 25px;
}

.voice > h4 {
	font-size: 2em;
	font-weight: bold;
	color: #EA5404;
	padding: 10px 0 15px;
	
}

.voice > ul {
	width: 100%;
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1rem;
}

.voice > ul > li{
	display:flex;
}

.voice > ul > li.man {
	background: url("../images/business/bg_man.png") no-repeat left bottom;
}

.voice > ul > li.woman {
	background: url("../images/business/bg_woman.png") no-repeat left bottom;
}

.voice > ul > li p {
	margin-left: 70px;
	background-color: #fff;
	border-radius: 10px;
	height: 100%;
}

.voice > ul > li p span {
	display: block;
	margin: 10px;
}

/*
dl dd.man {
	float: left;
	width: 48%;
	background: url("../images/business/bg_man.png") no-repeat left bottom;
}

dl dd.woman {
	float: right;
	width: 48%;
	background: url("../images/business/bg_woman.png") no-repeat left bottom;
}

dl dd.man p,
dl dd.woman p {
	margin-left: 60px;
	background-color: #fff;
	border-radius: 10px;
	padding: 10px;
}
*/

/* 動画 */
.company-movie-title {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 2em;
	font-weight: bold;
	color: #EA5404;
	text-align: center;
}

.compani-movie-body {
	margin-bottom: 30px;
}

@media screen and (max-width: 770px) {

	.move_photo img.l {
		transform: rotate(0deg);
		left: 20px;
		top: 25px;
		z-index: 2;
	}

	.move_photo img.r {
		transform: rotate(0deg);
		left: 20px;
		top: 230px;
	}
}


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

SmartPhone layout

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

	.owl .teacher_link {
		margin-bottom: 25px;
		margin-top: 25px;
		text-align: center;
	}

	.owl .teacher_link a {
		font-size: 1.2rem;
	}
	
	.bdr_Or figure img {
		width:100%;
		height: auto;
	}

	.bdr_Or figure figcaption {
		font-size: 1.4em;
		margin-bottom: 20px;
	}
	
	/**/

	.move_photo {
		float: none;
		position: static;
		overflow: hidden;
		margin-top: 15px;
		padding: 5px;
		padding-left: 0;
	}

	.move_photo img {
		position: static;
		width: auto;
		filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
	}

	.move_photo img.l {
		transform: rotate(0deg);
		left: 0px;
		top: 0px;
		z-index: 2;
		float: left;
	}

	.move_photo img.r {
		transform: rotate(0deg);
		left: 0px;
		top: 0px;
		float: right;
	}

	/**/

	.flow_table {
		background-color: #FCE4CF;
		padding: 20px 15px;
		margin-bottom: 45px;
	}

	.flow_table > h3 {
		font-size: 2.4em;
		line-height: 1.6;
		color: #EA5404;
		font-weight: bold;
		margin-bottom: 15px;
		text-align: center;
	}

	.flow_table > dl > div {
		border: solid 3px #B3B2B3;
		border-radius: 15px;
		background-color: #fff;
		display: block;
		width: 100%;
		margin-bottom: 20px;
		position:relative;

	}

	.flow_table > dl > div:nth-child(1):after {
		border: solid transparent;
		content:'';
		height:0;
		width:0;
		pointer-events:none;
		position:absolute;
		border-color: rgba(234, 84, 4, 0);
		border-top-width:18px;
		border-bottom-width:18px;
		border-left-width:21px;
		border-right-width:21px;
		margin-left: -21px;
		border-top-color:#B3B2B3;
		top:100%;
		left:12%;
	}

	.flow_table > dl > div:nth-child(2){
		border: solid 3px #EA5404;
	}

	.flow_table > dl > div:nth-child(2):after {
		border: solid transparent;
		content:'';
		height:0;
		width:0;
		pointer-events:none;
		position:absolute;
		border-color: rgba(234, 84, 4, 0);
		border-top-width:18px;
		border-bottom-width:18px;
		border-left-width:21px;
		border-right-width:21px;
		margin-left: -21px;
		border-top-color:#EA5404;
		top:100%;
		left:12%;
	}

	.flow_table > dl > div:nth-child(3) {
		margin-bottom: 0px;
	}

	.flow_table > dl > div > dt {
		display: block;
		width:100%;
		font-size:1.2rem;
		padding: 10px 0;
		border-bottom: solid 3px #FCE4CF;
		margin-bottom: 0;
	}

	.flow_table > dl > div dd {
		float: none;
	}

	.flow_table > dl > div dd span.td {
		display: table;
		border-left: none;
		font-size: 1.2rem;
	}

	.flow_table > dl > div dd span:nth-child(1) {
		width: 25%;
		text-align: center;
		display: table-cell;
	}

	.flow_table > dl > div dd span:nth-child(2) {
		width: 99.8%;
		font-weight: bold;
		float: right;
		border-bottom: dashed 1px #B3B2B3;
		border-left: solid 2px #FCE4CF;
		text-align: center;
	}

	.flow_table > dl > div dd span:nth-child(3) {
		width: 98%;
		font-size: 1.2rem;
		float: right;
		border-left: solid 2px #FCE4CF;
		padding: 2%;
	}

	/* picup_ccd */

	.picup_ccd p {
		font-size: 1.2rem;
	}

	/* dotOr_box */

	.dotOr_box dt {
		position: relative;
		display: inline-block;
		margin: 1.5em 0;
		padding: 7px 10px;
		min-width: 120px;
		max-width: 100%;
		color: #fff;
		font-size: 1.4rem;
		font-weight: bold;
		background: #EA5404;
		border-radius: 6px;
		text-align: center;
		display: block;
	}

	.dotOr_box dt:before {
	  content: "";
	  position: absolute;
	  top: 100%;
	  left: 50%;
	  margin-left: -15px;
	  border: 15px solid transparent;
	  border-top: 15px solid #EA5404;
	}

	.dotOr_box dd {
		font-size: 1.2rem;
		font-weight: bold;
		color: #333;
		line-height: 1.8;
	}
	
	.bdr_Or h3 {
		font-size: 1.6rem;
	}

	.bdr_Or figure figcaption {
		font-size: 1.2rem;
		line-height: 1.4;
	}
	
	
	.voice {
		padding: 20px;
	}

	.voice > h4 {
		font-size: 1.8rem;
		display: block;
		text-align: center;
	}

	.voice > ul {
		width: 100%;
		display:grid;
		grid-template-columns: 1fr;
		grid-gap: 2rem;
	}

	.voice > ul > li{
		display:block;
	}


	.voice > ul > li p {
		margin-left: 80px;
		background-color: #fff;
		border-radius: 10px;
		height: 100%;
		padding: 10px 10px 0px;
	}

	
}