@charset "utf-8";
 @media screen and (max-width: 760px) {
/*==================================================

module
==================================================*/


/*	btn	*/

.btn {
	display: block;
	height: 32px;
	padding-top: 8px;
	font-size: 100%;
	width: 100%;
}
.btn-wrap {
	margin-top: 24px;
}
.btn-m {
	width: auto;
}
/*	section	*/

.section {
	margin-top: 40px;
}
.section-header {
	margin: -24px 0 0;
	padding: 0 0 0 16px;
}
.close .section-header {
	margin-left: -16px;
}
.section-header h1 {
	font-size: 246%;
}
.section-header h2 {
	font-size: 100%;
}
/*	title	*/

.en-title {
	font-size: 184%;
	letter-spacing: 0;
}
/*	template	*/

.default-template p, .default-template ul, .default-template ol, .default-template table, .default-template dl {
}
.default-template ul li, .default-template ol li {
}
.default-template table, .default-template table thead, .default-template table tbody, .default-template table tr, .default-template table th, .default-template table td {
	display: block;
}
.default-template table th, .default-template table td {
	border-bottom: 1px solid rgba( 0,0,0,0.15 );
	padding: 0;
}
.default-template table thead {
	display: none;
}
.default-template table th {
	margin-top: 16px;
}
.default-template table td {
	margin-top: 8px;
}
/*	form-wrap	*/
	
.form-wrap dl {
	float: none;
	display: block;
	width: auto;
}
.form-wrap input[type="submit"] {
	display: block;
	width: 100%;
}
/*==================================================

index
==================================================*/


/*	keyvisual	*/

#keyvisual {
	margin-top: 48px;
	width: auto;
	height: auto;
}
#keyvisual:before {
	background: rgba( 249,248,253,0.70 );
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
/*	entrance	*/

#entrance {
	position: relative;
	left: auto;
	top: auto;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	width: auto;
	padding: 80px 16px;
	box-sizing: border-box;
}
#entrance h1 {
	font-size: 100%;
}
#entrance h2 {
	margin-top: 16px;
}
#entrance .btn-wrap {
	margin-top: 24px;
}
/*	serviceGuide	*/

#serviceGuide {
	background: none;
	margin-top: 40px;
	padding-bottom: 80px;
}
#serviceGuide:before {
	display: none;
}
/*	conceptGuide	*/

#conceptGuide {
	margin-top: 32px;
	padding-bottom: 0;
}
#conceptGuide figure {
	float: none;
	width: auto;
}
#conceptGuide:before {
	display: none;
}
#conceptGuide.close figure {
	margin-right: -16px;
}
#conceptGuide .text {
	position: relative;
	left: auto;
	padding: 16px;
	width: auto;
}
#conceptGuide.close .text, #conceptGuide .text, #conceptGuide.open .text {
	bottom: 0;
}
/*	mainService	*/

#mainService {
	margin-top: 24px;
}
#mainService .main-service-detail {
	margin: 0 -16px !important;
	padding: 0;
}
#mainService figure {
	float: none !important;
	width: auto;
}
#mainService .text {
	position: relative;
	width: auto;
	padding: 16px;
}
#mainService .main-service-detail.close .text, #mainService .text, #mainService .main-service-detail.open .text {
	bottom: 0;
}
#mainService header h3 {
	font-size: 123%;
}
/*	ojt	*/

#ojt.close figure, #ojt figure, #ojt.open figure {
	margin-left: 0;
}
/*	omotenashi	*/

#omotenashi.close figure, #omotenashi figure, #omotenashi.open figure {
	margin-right: 0;
}
/*	otherService	*/

#otherService {
	margin-top: 40px;
}
#otherService li {
	width: auto;
	margin: 16px 0 0;
	float: none;
	display: block;
	position: relative;
}
#otherService.close li, #otherService li, #otherService.open li {
	top: 0;
}
#otherService li figure figcaption {
	letter-spacing: 0;
	padding: 8px 16px 0;
	font-size: 123%;
}
#otherService li .text {
	padding-top: 16px;
}
#otherService li h3 {
	font-size: 123%;
	letter-spacing: 0;
}
#otherService li p {
	margin-top: 8px;
}
/*	aboutUs	*/


/*	greeting	*/

#greeting.close, #greeting, #greeting.open {
	transition: all 2.0s ease-out;
	-webkit-transition: all 2.0s ease-out;
	-moz-transition: all 2.0s ease-out;
	-ms-transition: all 2.0s ease-out;
}
#greeting {
	text-align: left;
}
#greeting p {
	margin-top: 16px;
	letter-spacing: 0;
	line-height: 180%;
	font-size: 100%;
}
#greeting p strong {
	font-size: 100%;
}
#greeting p br {
	display: none;
}
	 
/*	outline	*/
	 #aboutText p {
      text-align: center;
    letter-spacing: 0;
    line-height: 1.8;
    font-size: 14px;
    font-weight: bold;
	 }
	 #aboutText p>br{
		 display: none;
	 }
	 #aboutText p strong{
		 
font-size: 6vw;
		 
line-height: 1.5;
		}
#company {
	margin-top: 80px;
}
/*	map	*/

#map, #map iframe {
	width: 100%;
	height: 240px;
	margin-top: 16px;
}
/*	outline	*/

#outline {
	padding: 16px;
	margin: 0 2%;
}
#outline dd {
	font-size: 100%;
}
/*	contactGuide	*/

#contactGuide {
	margin-top: 40px;
	margin-bottom: -80px;
}
#contactGuide .wrap-l {
	padding: 40px 16px;
}
#contactGuide p {
	margin-top: 16px;
	letter-spacing: 0;
	line-height: 180%;
	font-size: 100%;
}
/**Membership*/
.memberDetails {
	display: block;
	margin: 40px auto 0;
}
	 .memberDetails table th, .memberDetails table td{
		 font-size: 12px;
		 vertical-align: middle;
	 }
.memberAdv {
	width: 100%;
	margin: 0 auto 20px;
	float: none;
}
.memberAdv2 {
	padding: 0;
}
/**Customer Voice*/
.Cvoice .lineD {
	display: none;
}
.Cvoice figure {
	width: 60%;
	margin: 0 auto;
}
.CustomerDetails {
	width: 100%;
	margin: 0 auto;
	display: block;
}
.CustomerName {
	margin-top: 30px;
	text-align: center;
}
.Cvoice ul {
	margin: 20px 0;
}
.CustomerBG {
	visibility: hidden;
}
/**Contacts*/
.stepContents {
	display: block;
	padding: 50px 0 10px;
}
#contactWrap li div div {
	width: 100%;
		 text-align: center;
}
#contactWrap li p {
	width: 100%;
	border-left: none;
	padding-top: 0;
}
#contactWrap h5 {
	display: block;
	margin: 0 auto;
	float: none;
}
#contactWrap ul {
	margin-bottom: 50px;
}
#aboutContents {
	background: url(../../img/about/about_bg.jpg) no-repeat right bottom;
	background-size: auto 350px;
}
#aboutText {padding: 0 2% 350px;}
.CompanyTitle:before, .CompanyTitle:after {
	width: 21.5%;
}
.CompanyTitle:before {
	position: relative;
	display: block;
	top: 27px;
}
.CompanyTitle:after {
	position: relative;
	display: block;
	top: -27px;
	left: 79vw;
}
.CompanyTitle {
	margin: 20px auto -35px;
}
/**		Training Details**/

#why p {
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 220%;
}
#training header {
	top: -30px;
}
#training #schedule {
	margin: 80px 0 30px;
	padding: 0 0 30px;
}
#training .schedule a {
	background: rgba(255, 255, 255, 0.68);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #cacaca;
	box-sizing: border-box;
	opacity: 1 !important;
	pointer-events: auto;
}
#training .schedule i {
	display: block;
}	 
	 
	 
#training colgroup col:nth-child(1) {
	width: 42px !important;
}
#training colgroup col:nth-child(2) {
	width: 100px !important;
}
#training colgroup col:nth-child(3) {
	width: auto !important;
}
#training #schedule th, #training #schedule td {
	padding: 8px 4px;
	font-size: 12px !important;
}
#training #schedule td:first-child {
	font-size: 11px !important;
}
.slick-prev:before {
	font-size: 12px;
	margin-right: -12px;
}
.slick-next:before {
	font-size: 12px;
	margin-left: -12px;
}
.slick-box h4 {
	margin: 0;
}
.slick-box {
	width: 100%;
	margin: 0 auto;
}
.TContents {
	margin: 100px 0 50px !important;
	padding: 0 0 50px;
}
#training1, #training3, #training5 {
}
#trainingIndex ul li {
	width: 47%;
	margin: 1%;
}
#trainingIndex .btn:before {
	display: none;
}
.TContents .block {
	overflow: hidden;
	padding: 0 !important;
}
.TContents .block+.block {
	margin-top: 30px;
}
.TContents figure {
	width: 100%;
	float: none !important;
}
.TContents .info {
	width: 94%;
	margin: -3% auto 20px;
	position: relative;
	left: initial !important;
	right: initial !important;
	top: initial;
	bottom: initial;
	padding: 24px 16px;
}
.TContents h5 {
	text-align: center;
	font-size: 24px;
}

.boxB {
	display: none;
}
.boxR2 {
	width: 100%;
	float: none !important;
	padding: 24px 16px;
	box-sizing: border-box;
}
.TContents .info-bottom {
	width: 94%;
	margin: -3% auto 20px;
	position: relative;
	left: initial;
	right: initial;
	top: initial;
	bottom: initial;
	padding: 24px 16px;
	text-align: center;
}

#training2, #training4 {
	margin-top: 0 !important;
	padding-bottom: 0;
}
#training2 header, #training4 header {
	top: -55px !important;
}
	 #training .TContents {
	margin: 80px 0 30px;
	padding: 0 0 30px;
}
#training .TContents colgroup col:nth-child(1) {
	width: 70px !important;
}
#training .TContents colgroup col:nth-child(2) {
	width: 25% !important;
}
#training .TContents colgroup col:nth-child(3) {
	width: 25% !important;
}
#training .TContents colgroup col:nth-child(4) {
	width: 25% !important;
}
#training .TContents table {
}
#training .TContents th, #training .TContents td {
	padding: 8px 4px;
	font-size: 12px !important;
}
#training .TContents th {
}
#training .TContents td {
}
#training .TContents td:first-child {
	font-size: 11px !important;
}
#training .TContents td:nth-child(2) {
}
#training .TContents td:nth-child(3) {
}
}
 @media screen and (max-width: 390px) {
#aboutContents {
}
}
 @media screen and (max-width: 374px) {
#aboutContents {
}
}