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

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


header


----------------------------------------*/
html, body, #wrapper {
  width:100%;
  -webkit-text-size-adjust: 100%;
}

header{
	width: 100%;
	margin:0 auto;
	background:#fff;
}

h1, h2, h3,h4,h5,p {
   max-height: 999999px !important;
}
/*----------------------------------------


footer


----------------------------------------*/	
footer {
	background:url(../../../images_j/blackBg.jpg) repeat;
	width: 100%;
	margin:0 auto;
	text-align:center;
}

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


article


----------------------------------------*/
#contents {
	margin: 0 auto;
	width:100%;
	padding:0;
}

article {
	padding:0 0 50px;
	}
	
.normal {
	background:url(../../../images_j/conBg.jpg) no-repeat top center;
	}

section.ttlArea{
	color:#1f1f1f;
    margin:0 auto;
	height:380px;
}

.ttlArea .ttl{
	font-size:40px;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:300;
	padding:20px 0 10px;
	margin:0 auto;
	text-align:center;
	line-height:40px;
	}

h2{
	font-size:16px !important;
	font-family:'AXIS Font Japanese W55',"游ゴシック",YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",Meiryo, sans-serif !important; 
	letter-spacing:0.2em;
	padding:15px 0 60px 0;
	text-align:center;
	font-weight:normal;
	max-height: 999999px;
}

.normal h3{
	padding:10px 0 0 0;
	text-align:center;
}

.square {
	margin:0 auto 0;
    width: 20px;
    height: 20px;
	transform:rotate(45deg);
}

.squareS {
    width: 10px !important;
    height: 10px !important;
}

.conCArea{
	position:relative;
	width:1000px;
	margin:0 auto;
	padding:0 0 50px;
}

.conLArea,
.conRArea{
	position:relative;
	display:table;
	width:1000px;
	margin:0 auto;
	padding:0 0 50px;
}

.conCArea .txtArea {
	position:relative;
	background:rgba(255,255,255,0.90);
	width:885px;
	z-index:2;
	top:-50px;
	margin:0 auto;
}

.conLArea .txtArea {
	position:relative;
	background:rgba(255,255,255,0.90);
	width:585px;
	z-index:2;
	top:50px;
}

.conRArea .txtArea {
	position:relative;
	background:rgba(255,255,255,0.90);
	width:585px;
	z-index:2;
	top:50px;
	left:400px;
}

.conLArea .txtArea h4,
.conRArea .txtArea h4,
.conCArea h4{
	font-size:25px;
	line-height:36px;
	text-align:left;
}

.conLArea h4{
	padding:0 0 20px;
}

.conCArea h4{
	padding:0 0 20px 0;
}

.conRArea h4{
	padding:20px 0 20px 30px;
}

.conCArea p{
	padding:20px 30px 0 30px;
}
.conLArea p{
	padding:0 30px 0 0;
}

.conRArea p{
	padding:0 0 20px 30px;
}

.conLArea .phArea {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}

.conRArea .phArea {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.subTtlArea{
	background:url(../../../images_j/secSubTtlBg.jpg) no-repeat center top;
	min-height:90px;
	text-align:center;
}

.subTtlArea h3{
	font-size:18px;
	padding:25px 0 7px;
	max-height: 999999px;
}

.subTtlArea .ttl{
	font-size:18px;
    font-family: 'Alegreya Sans', sans-serif;
	padding:7px 0 0 0;
}

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


work


----------------------------------------*/
.work {
	width:100%;
	margin:0 auto;
	padding:0;
}

.work section.ttlArea{
	background:#f0f0f0;
	color:#1f1f1f;
    margin:0 auto;
	height:150px;
}

.work .sec01 {
	position: relative;
	background:url(../../../images_j/work_images/mainBg.jpg) no-repeat center bottom;
	background-size: cover;
	width:100%;
	min-width: 1200px;
	margin:0 auto;
	padding:140px 0 500px;
	overflow: hidden;
}

.work .sec01:before{
	position: absolute;
	content: "";
    display: block;
    width: 1000px;
    height: 250px;
    background: #fff;
    transform: rotate(8deg);
    transform-origin: left top;
    bottom: 0;
    left: 0;
}

.work .sec01:after{
    position: absolute;
    content: "";
    display: block;
    width: 1000px;
    height: 250px;
    background: #fff;
    transform: rotate(-8deg);
    transform-origin: right top;
    bottom: 0;
    right: 0;
}


.work h3{
	padding:100px 0 30px;
	margin:0 auto;
	text-align:center;
	}

.work .square {
	border:1px solid #d7404e;
}

.work .sec02{
	position: relative;
	padding: 0 0 220px 0;
	margin: -70px 0;
	overflow: hidden;
}

.work .sec02:before{
	position: absolute;
	content: "";
    display: block;
    width: 1000px;
    height: 250px;
    background: #e7e7e7;
    transform: rotate(8deg);
    transform-origin: left top;
    bottom: 0;
    left: 0;
}

.work .sec02:after{
    position: absolute;
    content: "";
    display: block;
    width: 1000px;
    height: 250px;
    background: #e7e7e7;
    transform: rotate(-8deg);
    transform-origin: right top;
    bottom: 0;
    right: 0;
}

.work .sec02 ul{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 1000px;
	margin: 0 auto;
	}

.work .sec02 ul li{
	font-size: 16px;
	padding: 0 20px;
	width: 33%;
	box-sizing: border-box;
	border-right: 1px #000 dashed;
	}

.work .sec02 ul li:first-child{
	border-left: 1px #000 dashed;
	}

.work .sec02 ul li h4 img{
	width: 100%;
	}

.work .sec02 ul li p{
	padding: 20px 0 0 0;
	line-height: 30px;
	}

.work .sec03{
	background: #e7e7e7;
	padding: 0 0 100px 0;
	text-align: center;
}

.work .sec03 h4{
	position: relative;
	margin: -70px auto 0;
	text-align: center;
	padding: 0 0 50px;
	width: 400px;
}

.work .sec03 h4 img{
	width: 100%;
}


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


about


----------------------------------------*/
.about {
	width:100%;
	margin:0 auto;
	padding:0;
}

.about section.ttlArea{
	background:#f0f0f0;
	color:#1f1f1f;
    margin:0 auto;
	height:150px;
}

.about .secAbout {
	background:url(../../../images_j/about_images/footNavBg.jpg) no-repeat center top;
	background-size: cover;
	width:100%;
	margin:0 auto;
	padding:60px 0 0;
}

.about .sec01 {
	width:1000px;
	margin:0 auto;
}

.about .sec01 .inner {
	width:1000px;
	margin:0 auto;
	padding:0 0 70px;
	font-size:0;
}

.about .sec01 .inner.last {
	padding:0 0 350px;
}
	
.about h3{
	padding:40px 0 30px;
	font-size:13px;
	font-weight:normal;
	margin:0 auto;
	text-align:center;
	max-height: 999999px;
	}

.about h3 span {
    font-family: 'Alegreya Sans', sans-serif;
	font-size:24px;
	max-height: 999999px;
}

.about .square {
	border:1px solid #cf7ae4;
}

.about p{
	text-align:center;
	padding:0 0 0;
	width:800px;
	margin:0 auto;
	line-height:36px;
	font-size:15px;
	max-height: 999999px;
	}


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


vision


----------------------------------------*/
.vision .square {
	border:1px solid #8ee29a;
}

.vision .conLArea .txtArea h4,
.vision .conRArea .txtArea h4 {
	color:#6be07c;
}

.vision p{
	line-height:30px;
}


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


access


----------------------------------------*/
.access section {
	width:1000px;
	margin:0 auto;
}

.access .sec01 {
	width:1000px;
	margin:-70px auto 0;
}

.access .sec01 .subTtlArea{
	background:url(../../../images_j/career_images/secSubTtlBg.png) no-repeat center top !important;
	min-height:90px;
	text-align:center;
	padding:0 0 30px;
}

.access .sec01 p{
}

.access .sec02 {
	width:1000px;
	margin:0 auto;
	padding:80px 0 30px 0;
}

.access .sec02 .subTtlArea{
	min-height:90px;
	text-align:center;
	padding:0 0 30px;
}

.access .sec02 h3{
	letter-spacing:0;
}

.access .square {
	border:1px solid #d7464e;
    display:inherit !important;
}

.access .box{
	border:10px solid #f2f2f2;
	width:900px;
	margin:0 0 20px;
	padding:20px 40px;
    display:inherit !important;
}

.access .accessArea{
	background:url(../../../images_j/access_images/icoTrain.png) left 20px no-repeat;
	margin:20px 0 0;
	padding:20px 0 0 25px;
	border-top:1px solid #f2f2f2;
}

#gm{
	margin:40px 0 0;
	width:100%;
	height:900px;
}

#gm01{
	margin:40px 0 0;
	width:100%;
	height:600px;
}

.printBtn{
	margin:20px auto;
	background:#d7464e;
	padding:8px 0;
	width:200px;
	color:#fff;
	text-align:center;
	cursor:pointer;
	display:block;
}

.printBtn:hover{
	opacity:0.7;
}

.print-off {
    display: none;
}

@media print{
footer{display:none !important;} 
header{display:none !important;} 
.ttlArea{display:none !important;}
.access .sec01 {
	margin:60px auto 0;
}
}
/*----------------------------------------


career


----------------------------------------*/
.career section {
	width:1000px;
	margin:0 auto;
}

.career .sec01 {
	width:1000px;
	margin:-70px auto 0;
}

.career .sec01 .subTtlArea{
	background:url(../../../images_j/career_images/secSubTtlBg.png) no-repeat center top !important;
	min-height:90px;
	text-align:center;
	padding:0 0 30px;
}

.career .sec01 p{
	line-height:30px;
}

.career .sec01 p img{
	padding:0 0 20px 0;
}

.career .sec02 {
	width:1000px;
	margin:0 auto;
	padding:80px 0 0 0;
}

.career .square {
	border:1px solid #7eb6e6;
}


.career .detailList {
	padding:40px 0 40px 0;
}

.career .detailList ul{
	display:table;
	font-size:0;
}

.career .detailList li{
	display:inline-block;
	font-size:13px;
	border:10px solid #7eb6e6;
	padding:15px 20px 10px;
	width:420px;
	margin:0 0 35px 35px;
	box-shadow:0px 0px 4px 4px #ededed inset;
	-moz-box-shadow:0px 0px 4px 4px #ededed inset;
	-webkit-box-shadow:0px 0px 4px 4px #ededed inset;
	min-height:195px;
}

.career .detailList li:nth-child(2n+1){
	margin:0 0 25px 0;
}

.career .detailList li h4{
	font-size:22px;
	color:#7eb6e6;
	padding:10px 0;
	text-align:center;
	margin:0 auto;
}

.career .detailList li h4 span{
	font-size:12px;
	color:#191919;
}

.career .detailList li p{
	line-height:20px !important;
}

.career p.aside{
	font-size:12px;
	text-align:right;
}


.tabs {
	display:table;
	table-layout:fixed;
	width:1000px;
	border-bottom:1px solid #ccc;
}

.tabs li{
	display:table-cell;
}

.tabs li a{
	display:block;
	text-indent:-9999px;
	width:500px;
	height:70px;
   border-bottom:none !important;
}

.tabs li .tab1 {
	background:url(../../../images_j/career_images/sec02CaseTab01.png) no-repeat;
}

.tabs li.active .tab1 {
	background:url(../../../images_j/career_images/sec02CaseTab01On.png) no-repeat;
}

.tabs li .tab2 {
	background:url(../../../images_j/career_images/sec02CaseTab02.png) no-repeat;
}

.tabs li.active .tab2 {
	background:url(../../../images_j/career_images/sec02CaseTab02On.png) no-repeat;
}

.panels > .panel {
  display: none;
}
.panels > .panel.active {
  display: block;
}

#case01{
	position:relative;
	margin:30px 0;
	background:url(../../../images_j/career_images/sec02CaseMan01Bg.gif) no-repeat left top;
	min-height:715px;
}

#case02{
	position:relative;
	margin:30px 0;
	background:url(../../../images_j/career_images/sec02CaseMan02Bg.gif) no-repeat left top;
	min-height:550px;
}

#case01 ul,
#case02 ul{
	width:800px;
	list-style:disc;
	padding:0 0 0 40px;
}

#case01 ul li,
#case02 ul li{
	float:left;
	padding:0 40px 0 0;
}

#case01 .case0101{
	position:absolute;
	top:10px;
	left:20px;
}

#case01 .case0102{
	position:absolute;
	top:160px;
	left:20px;
}

#case01 .case0103{
	position:absolute;
	top:340px;
	left:20px;
}

#case01 .case0104{
	position:absolute;
	top:490px;
	left:20px;
}

#case01 .case0105{
	position:absolute;
	top:640px;
	left:20px;
}

#case02 .case0201{
	position:absolute;
	top:10px;
	left:20px;
}

#case02 .case0202{
	position:absolute;
	top:140px;
	left:20px;
}

#case02 .case0203{
	position:absolute;
	top:290px;
	left:20px;
}

#case02 .case0204{
	position:absolute;
	top:450px;
	left:20px;
}

#case02 .case0205{
	position:absolute;
	top:610px;
	left:20px;
}

.panel h4{
	min-height:40px;
}

.panel h4 span{
	background:url(../../../images_j/career_images/sec02Hukidashi.png) no-repeat left top;
	color:#fff;
	padding:12px 20px 12px 50px;
	font-size:16px;
}

.panel h4 span span{
	font-size:14px;
	padding:0;
}


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


support


----------------------------------------*/
.support section {
	width:1000px;
	margin:0 auto;
}

.support .sec02 {
	width:1000px;
	margin:0 auto;
	padding:80px 0 0 0;
}

.support .square {
	border:1px solid #e4dc83;
}


.support .conLArea .txtArea h4,
 .support .conRArea .txtArea h4{
	color:#e4dc83;
}

.support .conLArea p{
	line-height:30px;
	padding:0 30px 10px 0;
}


.support .detailList {
	display:table;
	font-size:0;
	padding:40px 0;
}

.support .detailList li{
	display:inline-block;
	font-size:13px;
	border:10px solid #e4dc83;
	padding:15px 20px 10px;
	width:255px;
	margin:0 0 25px 25px;
	box-shadow:0px 0px 4px 4px #ededed inset;
	-moz-box-shadow:0px 0px 4px 4px #ededed inset;
	-webkit-box-shadow:0px 0px 4px 4px #ededed inset;
	min-height:235px;
	line-height:20px;
}

.support .detailList li:nth-child(3n+1){
	margin:0 0 25px 0;
}

.support .detailList li h4{
	font-size:18px;
	color:#e4dc83;
	padding:10px 0;
	text-align:center;
	margin:0 auto;
}

.support .detailList li .ico{
	text-align:center;
}

.support .detailList li p{
}


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


qa


----------------------------------------*/
.qa section {
	width:1000px;
	margin:0 auto;
}

.qa .square {
	border:1px solid #d7464e;
}

.qa .box{
	border:10px solid #f2f2f2;
	width:980px;
	margin:0 0 20px;
}

.qa .box ul{
	width:980px;
	font-size:0;
}

.qa .box ul li{
	display:inline-block;
	font-size:13px;
	border-right:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	background:#fff;
	width:488px;
}

.qa .box ul li a{
	display:block;
	color:#191919;
	padding:10px;
	border:none;
}

.qa .box ul li a:hover{
	background:#d7464e;
	color:#fff;
}

.qa .qArea {
	background:none !important;
	}

.qa .aArea {
	width:900px;
	margin:0 auto 30px;
	padding:0 0 30px;
	border-bottom:1px solid #f2f2f2;
	}

.qa .aArea h4{
	padding:0 0 10px;
	color:#d7464e;
	}

.qa .aArea a{
	background:url(../../../images_j/arrow.png) no-repeat left;
	padding:0 0 0 25px;
	color:#191919;
	font-weight:bold;
	}

.qa .aArea a:hover{
	border-bottom:1px solid #d7464e;
	color:#d7464e;
	}

.qa .sec01 {
	padding:50px 0 20px 0;
	}

.qa .sec02,
.qa .sec03,
.qa .sec04,
.qa .sec05{
	padding:0 0 50px 0;
	}

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


contact


----------------------------------------*/
article.contact {
	background:url(../../../images_j/contact_images/ttlBg.jpg) no-repeat top center;
	margin:0 auto;
	width:100%;
	padding:230px 0 0;
	}

.contactSec{
	margin:40px auto;
	padding:0 0 40px;
	width:900px;
	}


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


voice


----------------------------------------*/
.voice {
	margin:0 auto;
	width:100%;
	}
	
.voice section {
	width:1000px;
	margin:0 auto;
}

.voice .cachArea {
	background:#1f1f1f;
	margin:0 auto;
	width:100%;
}

.voice .cachArea h3 {
	position:absolute;
	background:#1f1f1f;
	top:100px;
	left:0;
    text-align:left;
	padding:20px 40px;
	font-weight:normal;
	}
	
.voice .cachArea h3 span{
	font-size:28px;
	line-height:38px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

.voice h3 span.name{
	padding:20px 0 0 0;
	font-size:16px;
	line-height:16px;
	float:right;
    font-family:'AXIS Font Japanese W55',"游ゴシック",YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",Meiryo, sans-serif;
	}

.voice.cPurple h3,
.voice.cPurple h4{
	color:#c29ce4 !important;
	}

.voice.cPurple .ttlArea .square{
	border:#c29ce4 1px solid !important;
	}

.voiceSlide .cPurple .square{
	border:#c29ce4 1px solid !important;
	}
	
.voice.cPurple .sec04 {
	background:#f7f8f8 url(../../../images_j/voice_images/timeTtlPurple.gif) no-repeat center bottom;
}

.voice.cPurple .sec01 {
	border-top:1px solid #ac85d5;
}

.voice.cPink h3,
.voice.cPink h4{
	color:#d585bf !important;
	}

.voice.cPink .ttlArea .square{
	border:#d585bf 1px solid !important;
	}

.voiceSlide .cPink .square{
	border:#d585bf 1px solid !important;
	}
	
.voice.cPink .sec04 {
	background:#f7f8f8 url(../../../images_j/voice_images/timeTtlPink.gif) no-repeat center bottom;
}

.voice.cPink .sec01 {
	border-top:1px solid #d585bf;
}

.voice.cGreen h3,
.voice.cGreen h4{
	color:#8ee29a !important;
	}

.voice.cGreen .ttlArea .square{
	border:#8ee29a 1px solid !important;
	}

.voiceSlide .cGreen .square{
	border:#8ee29a 1px solid !important;
	}

.voice.cGreen .sec04 {
	background:#f7f8f8 url(../../../images_j/voice_images/timeTtlGreen.gif) no-repeat center bottom;
}

.voice.cGreen .sec01 {
	border-top:1px solid #8ee29a;
}

.voice.cBlue h3,
.voice.cBlue h4{
	color:#7eb6e6 !important;
	}

.voice.cBlue .ttlArea .square{
	border:#7eb6e6 1px solid !important;
	}

.voiceSlide .cBlue .square{
	border:#7eb6e6 1px solid !important;
	}
	
.voice.cBlue .sec04 {
	background:#f7f8f8 url(../../../images_j/voice_images/timeTtlBlue.gif) no-repeat center bottom;
}

.voice.cBlue .sec01 {
	border-top:1px solid #7eb6e6;
}
	
.voice.cYellow h3,
.voice.cYellow h4{
	color:#e4dc83 !important;
	}

.voice.cYellow .ttlArea .square{
	border:#e4dc83 1px solid !important;
	}

.voiceSlide .cYellow .square{
	border:#e4dc83 1px solid !important;
	}

.voice.cYellow .sec04 {
	background:#f7f8f8 url(../../../images_j/voice_images/timeTtlYellow.gif) no-repeat center bottom;
}

.voice.cYellow .sec01 {
	border-top:1px solid #e4dc83;
}
	
.voice .mainPh {
	position:relative;
	background-repeat:no-repeat;
	background-position:center top !important;
	width:1140px;
	height:395px;
	margin:0 auto !important;
	}

.voice .mainPh01 {
	background:url(../../../images_j/voice_images/voice01MainPh.jpg);
}


.voice .ttlArea {
	position:relative;
	width:1100px;
	background:#fff;
	height:48px;
	margin:-48px auto 0;
	z-index:3;
}

.voice .ttlArea .inner{
	width:280px;
	margin:0 auto !important;
	padding:25px 0 0;
	font-size:0;
}

.voice .ttlArea .ttl{
	display:inline-block;
	font-size:22px;
	line-height:18px;
	vertical-align:top;
	padding:0 !important;
 }

.voice .ttlArea .square{
	vertical-align:top;
	display:inline-block;
	margin:0 20px;
	width:12px;
	height:12px;
}

.voice .ttlArea h2{
	vertical-align:top;
	display:inline-block;
	font-size:16px;
	padding:0 !important;
	line-height:18px;
}

.voice .sec01 {
	width:1000px;
	margin:10px auto 0;
	padding:50px 0 100px 0;
}

.voice .sec01 p{
	line-height:30px;
}

.voice .sec02 {
	width:1000px;
	margin:0 auto;
	padding:0 0 0 0;
}

.voice .sec01 p,
.voice .sec02 p,
.voice .sec03 p{
	line-height:30px !important;
}

.voice .sec04 {
	width:1000px;
	margin:40px auto 0;
	font-size:0;
}

.voice .sec04 h3{
	background-position:top center !important;
	background-repeat:repeat-y !important;
	width:100% !important;
	height:100px !important;
	text-align:center;
	padding:15px 0 0 0;
	box-sizing: border-box;
}

.voice .sec04 h3 img{
	width: 25%;
}

.voice.cPurple .sec04 h3{
	background:url(../../../images_j/voice_images/timeTtlPurple.gif);
}

.voice.cPink .sec04 h3{
	background:url(../../../images_j/voice_images/timeTtlPink.gif);
}

.voice.cGreen .sec04 h3{
	background:url(../../../images_j/voice_images/timeTtlGreen.gif);
}

.voice.cBlue .sec04 h3{
	background:url(../../../images_j/voice_images/timeTtlBlue.gif);
}

.voice.cYellow .sec04 h3{
	background:url(../../../images_j/voice_images/timeTtlYellow.gif);
}

.voice .sec04 table{
	display:inline-block;
	width:430px;
	font-size:13px;
	margin:50px;
	border-bottom:1px solid #1f1f1f;
}

.voice .sec04 table tr{
}

.voice .sec04 table th{
	width:100px;
	text-align:center;
	padding:10px 0;
	font-weight:normal;
	border-top:1px solid #1f1f1f;
}

.voice .sec04 table td{
	width:330px;
	text-align:left;
	padding:10px 0;
	border-top:1px solid #1f1f1f;
}

.voice .sec04 .phArea{
	display:inline-block;
	width:410px;
	margin:40px 40px 60px 0;
}

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

voiceTop

----------------------------------------*/
.voiceTop {
	width:100%;
	margin:0 auto;
	padding:0;
}

.voiceTop section.ttlArea{
	background:#f0f0f0;
	color:#1f1f1f;
    margin:0 auto;
	height:150px;
}

.voiceTop .voiceNav {
	background:url(../../../images_j/voice_images/footNavBg.jpg) no-repeat center top;
	width:100%;
	margin:0 auto;
	padding:50px 0 0;
}

.voiceTop .square {
	border:1px solid #ac85d5;
}

.voiceTop h3{
	padding:50px 0 30px !important;
	font-size:13px;
	margin:0 auto;
	text-align:center;
}

.voiceTop .txtArea h4 {
	color:#ac85d5;
}

.voiceTop .voiceNav .voiceSlide{
	min-height:400px;
	padding:0 0 30px;

  }
/*----------------------------------------

voice footNav

----------------------------------------*/
.voiceNav{
	width:100%;
	margin:0 auto;
	background:url(../../../images_j/voice_images/footNavBg.jpg) center top no-repeat;
}
	
.voiceNav h3{
	padding:40px 0;
	font-size:13px;
	font-weight:normal;
	margin:0 auto;
	text-align:center;
}

.voiceNav h3 span {
    font-family: 'Alegreya Sans', sans-serif;
	font-size:24px;
}

/**----横フリックボックス----------**/
.voiceNav .voiceSlide{
	width:1000px;
	padding:20px 0 40px 0;
    margin:0 auto;
  }
 
.voiceTop .voiceNav .voiceSlide{
	padding:80px 0 0 0;
  }

.voiceNav .voiceSlide li{
	position:relative;
	display:inline-block;
	width:175px;
	font-size:0px;
	padding:0 10px 50px 10px;
}

.voiceNav .voiceSlide li:nth-child(6n+1) {
	//padding:0;
}

.voiceNav .voiceSlide li:nth-child(9n+6){
	padding:0 10px 50px 110px;
}
.voiceNav .voiceSlide li .txt{
	position:absolute;
	top:0;
	cursor:pointer;
	width:175px;
	text-align:center;
}

.voiceNav .voiceSlide li .txt img{
	opacity:1 !important;
	width:125px;
	height:125px;
}

.voiceNav .voiceSlide li .txt h4{
	font-weight:normal !important;
	text-align:center;
	width:175px;
	padding:10px 0 0;
	font-size:12px;
}

.voiceNav .voiceSlide li .txt p{
	width:175px;
	text-align:center;
	font-size:12px;
		padding: 5px 0 0 0;
	line-height:18px;
}

.voiceNav .voiceSlide li .square {
	position:relative;
	margin:0 auto 40px;
    width: 125px;
    height: 125px;
	transform:rotate(45deg);
}

.voiceNav .voiceSlide li .square.on{
    -webkit-animation: spin01 4s linear infinite;
    -moz-animation: spin01 4s linear infinite;
    -ms-animation: spin01 4s linear infinite;
    -o-animation: spin01 4s linear infinite;
    animation: spin01 4s linear infinite;
}


@-webkit-keyframes spin01 {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin01 {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin01 {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin01 {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin01 {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.voiceSlide li a{
	border:none;
}


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


ニュース


----------------------------------------*/
.news section {
	width:1000px;
	margin:0 auto;
}

.news .square {
	border:1px solid #d7464e;
}

.news .box{
	border:10px solid #f2f2f2;
	width:980px;
	margin:0 0 20px;
}

.news,
.newsDetail{
	margin:auto 0;
	padding:5px 0 50px;
	width:100%;
}

.newsDetail .newsBtn{
	margin:30px 0;
	float:right;
	width:120px;
	font-size:14px;
    font-family: 'Alegreya Sans', sans-serif;
	background:#22211d;
}

.newsDetail .newsBtn a{
	display:block;
	text-align:center;
	padding:10px 0;
	color:#fff;
	border:none;
}

.newsDetail .newsBtn a:hover{
	opacity:0.6;
}

.news dl {
	width:100%;
	padding:40px 0;
}

.news dt {
    float:left;
    font-family: 'Alegreya Sans', sans-serif;
   width:80px;
    padding:10px 0 10px 15px;
    clear:both;
}

.news dd {
    padding:10px 25px 10px 110px;
	border-bottom:#eee 1px solid;
}

.news dd a{
	color:#191919;
}

.news dd a:hover{
   color: #d7464e;
}

.newsDetail h4{
	background:none !important;
	border-bottom:#222 2px solid;
	padding:0 0 10px;
}

.newsDetail .date{
	text-align:right;
	padding:10px 0 30px;
}

.newsDetail p{
}
/*----------------------------------------


recruit


----------------------------------------*/
.recruit {
	padding:0 !important;
	margin:0 auto;
}


.recruit section {
	width:1000px;
	margin:0 auto;
}

.recruit .sec01 {
	width:1000px;
	margin:-70px auto 0;
}

.recruit .sec01 .subTtlArea{
	background:url(../../../images_j/career_images/secSubTtlBg.png) no-repeat center top !important;
	min-height:90px;
	text-align:center;
	padding:0 0 30px;
}

.recruit .secRec .subTtlArea{
	background:none !important;
	text-align:center;
	min-height:inherit !important;
	padding:0 0 10px !important;
}

.recruit .secRec{
	padding:0;
}

.recruit .secRec .subTtlArea h4{
	font-size:16px;
	padding:0 0 5px;
}

.recruit .square {
	border:1px solid #d7464e;
}

.recruit .box{
	border:10px solid #f2f2f2;
	width:840px;
	margin:0 auto 40px;
	padding:20px;
}

.recruit .box dl{
	border-top:1px solid #f2f2f2;
	width:100%;
	}

.recruit .box dl dt,
.recruit .box dl dd{
	padding:10px 20px;
	text-align:left;
	box-sizing: border-box;
}

.recruit .box dl dt{
	clear: both;
	float: left;
	width:20%;
}

.recruit .box dl dd{
	width:80%;
	padding-left: 20%;
	border-bottom:1px solid #f2f2f2;
}

.recruit .boxRed {
    background: #d7464e;
    color: #fff;
    width: 100%;
    padding: 40px 0;
}

.recruit .boxRed h3{
	padding:0 0 20px;
	font-size:14px;
	color:#fff;
	font-weight:normal;
}

.recruit .boxRed h3 span{
	font-size:30px;
    font-family: 'Alegreya Sans', sans-serif;
}

.recruit .boxRed p{
	display:table-cell;
	width:500px;
	padding:10px 0;
}

.recruit .boxRed p span:before{
	content: "右記";
}

.recruit .boxRed .box{
	display:table-cell;
	border:1px solid #fff;
	width:460px;
	margin:20px auto 40px;
	padding:20px;
}

.recruit .recContact{
	width:1000px;
	margin:0 auto;
	padding:40px 0;
	text-align:center;
}

.recruit .recContact a{
	color:#191919;
}
/*----------------------------------------

recruitTopNav

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

.recruitTop {
	width:100%;
	margin:0 auto;
	padding:0;
}

.recruitTop section.ttlArea{
	background:#f0f0f0;
	color:#1f1f1f;
    margin:0 auto;
	height:150px;
}

.recruitTop .recruitTopList {
	background:url(../../../images_j/recruit_images/footNavBg.jpg) no-repeat center top;
	width:100%;
	margin:0 auto;
	padding:80px 0 0;
}

.recruitTop .recruitTopList h3{
	text-align:center;
}

.recruitTop .square {
	border:1px solid #d7464e;
}


.recruitTop .txtArea h4 {
	color:#d7464e;
}

.recruitTopList {
	width:100%;
	padding:50px 0 100px;
}

.recruitTopList .recruitTopNav{
	display:table;
	table-layout:fixed;
	font-size:0;
	padding:50px 0 100px;
	width:1000px;
	margin:0 auto;
	list-style:none !important;
}


.recruitTopNav li{
	position:relative;
	margin:20px 20px;
	display:inline-block;
	font-size:15px;
	text-align:center;
	border:1px solid rgba(255,255,255,0.5);
}

.recruitTopNav li p{
	position:absolute;
	font-weight:bold;
	font-size:17px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	vertical-align:middle;
	padding:30px 20px 20px;
	}

.recruitTopNav li p span{
	font-weight:normal;
	font-size:13px;
	width:138px;
}

.recruitTopNav li p span:before {
	content: "\A" ;
	white-space: pre ;
	}

.recruitTopNav li a{
    position: relative;
	z-index: 2;
	display:block;
	color:#fff;
	border:none;
	width: 450px;
	height: 100px;
	overflow:hidden;
	}
	
.recruitTopNav a::before,
.recruitTopNav a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.recruitTopNav a,
.recruitTopNav a::before,
.recruitTopNav a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	color:#fff !important;
}

.recruitTopNav a::after {
	bottom: -100%;
	width: 100%;
	height: 100%;
}
.recruitTopNav a:hover::after {
	bottom: 0;
	background: #d7464e;
}



/*----------------------------------------
ボタン
----------------------------------------*/
.btnForm{
	width:400px;
	text-align:center;
	margin:0 auto;
	font-weight:bold;
	font-size:22px;
}

.btnForm a{
	display:block;
	padding:15px 40px;
	background:#191919;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	color:#f6f915;
    box-shadow: 0 3px 0 #58564d, 0 6px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, 
	-webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	border-bottom:none;
}


.btnForm a:hover {
  color: #fff;
  background-color: #d7464e;
  box-shadow: 0 3px 0 #58564d, 0 3px 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  transition-duration: 0.1s;
	border-bottom:none;
	opacity:1;
  }
 
 
 .form{
	width:100%;
	margin:50px 0;
}

.form dt{
	clear: both;
	float: left;
	font-size:15px;
	padding:10px 0;
	width:20%;
	text-align:left;
}

.form dt span{
	background:#d7464e;
	font-size:12px;
	color:#fff;
	padding:2px 5px;
	margin:0 0 0 5px;
}

.form dd{
	position:relative;
	padding:10px 0 10px 25%;
	width:100%;
	margin: 0 0 0 0;
	box-sizing: border-box;
	border-bottom:#191919 1px solid;
}

.form dd:before{
	position: absolute;
	top:0px;
	left: 220px;
	content: "";
	border-left:#191919 1px solid;
	height: 100%;
}

.form input,
select,
textarea{
	background:#efefef;
	padding:8px;
	margin:3px;
}

select{
	background:#fff;
	border:#ccc 1px solid;
	width:300px;
}

option{
	padding:2px;
}


.formBtn{
	margin:0 auto;
	text-align:center;
}

.formBtn input{
	padding:10px 0;
	width:200px;
	text-align:center;
	background:#d7464e;
	font-size:16px;
	color:#fff;
	margin:0 auto;
	cursor:pointer;
}

.formBtn input.cancel{
	background:#ccc;
}

.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w600{width:600px;}

























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


header


----------------------------------------*/
html, body, #wrapper {
  width:100%;
  -webkit-text-size-adjust: 100%;
}

header{
	width: 100%;
	margin:0 auto;
	background:#fff;
}

h1, h2, h3,h4,h5,p {
   max-height: 999999px !important;
}
/*----------------------------------------


footer


----------------------------------------*/	
footer {
	background:url(../../../images_j/blackBg.jpg) repeat;
	width: 100%;
	margin:0 auto;
	text-align:center;
}

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


article


----------------------------------------*/
#contents {
	margin: 0 auto;
	width:100%;
	padding:0;
}

article {
	padding:0 0 50px;
	}
	
.normal {
	background:#fff;
	}

section.ttlArea{
	background: #f2f2f2;
	color:#1f1f1f;
    margin:0 auto;
	padding: 60px 0 0;
	height: auto;
}

.ttlArea .ttl{
	font-size:30px;
	padding:20px 0 10px;
	margin:0 auto;
	}

h2{
	font-size:14px !important;
	padding:15px 0;
}

.normal h3{
	background:url(../../../images_j/conBg_sp.jpg) no-repeat top center;
	background-size: cover;
	padding:45px 0;
	text-align:center;
}

.square {
	margin:0 auto 0;
    width: 20px;
    height: 20px;
	transform:rotate(45deg);
}

.squareS {
    width: 10px !important;
    height: 10px !important;
}

.conCArea{
	position:relative;
	width:auto;
	margin:0;
	padding:0 8% 50px;
}

.conLArea,
.conRArea{
	position:relative;
	background: #fff;
	display:inherit;
	width:auto;
	margin:0;
	padding:30px 8% 50px;
}

.conCArea .txtArea,
.conLArea .txtArea,
.conRArea .txtArea{
	position:static;
	background:none;
	width:auto;
	margin:0 auto;
}

.conLArea .txtArea h4,
.conRArea .txtArea h4,
.conCArea h4{
	font-size:18px;
	line-height:30px;
	text-align:left;
}

.conLArea h4,
.conCArea h4,
.conRArea h4{
	padding:0 0 10px;
}

.conCArea p,
.conLArea p,
.conRArea p{
	padding:0 0 20px 0;
}

.conLArea .phArea,
.conRArea .phArea{
	position:static;
}

.subTtlArea{
	background:url(../../../images_j/secSubTtlBg.jpg) no-repeat center top;
	min-height:90px;
	text-align:center;
	padding: 0 0 40px;
}

.subTtlArea h3{
	background: none;
	font-size:15px;
	padding:25px 0 7px;
	max-height: 999999px;
}

.subTtlArea .ttl{
	font-size:18px;
    font-family: 'Alegreya Sans', sans-serif;
	padding:7px 0 0 0;
}
	
	
/*----------------------------------------


work


----------------------------------------*/
.work {
	width:100%;
	margin:0 auto;
	padding:0;
}

.work section.ttlArea{
	background:#f0f0f0;
	color:#1f1f1f;
    margin:0 auto;
	height:150px;
}

.work .sec01 {
	position: relative;
	background:url(../../../images_j/work_images/mainBg.jpg) no-repeat center bottom;
	background-size: cover;
	width:100%;
	min-width: auto;
	margin:0 auto;
	padding:0 0 200px;
	overflow: hidden;
}
	

.work .sec01 h3{
	background:none;
	width: 90%;
	margin: 0 auto;
}

.work .sec01:before{
    width: 800px;
    height: 100px;
}

.work .sec01:after{
    width: 800px;
    height: 100px;
}


.work h3{
	padding:100px 0 30px;
	margin:0 auto;
	text-align:center;
	}

.work .square {
	border:1px solid #d7404e;
}

.work .sec02{
	position: relative;
	padding: 0 0 150px 0;
	margin: -30px 0 0;
	overflow: hidden;
}

.work .sec02:before{
    width: 800px;
    height: 100px;
}

.work .sec02:after{
    width: 800px;
    height: 100px;
}

.work .sec02 ul{
	display: -ms-inherit;
	display: -webkit-inherit;
	display: inherit;
	width: auto;
	margin: 0 8%;
	}

.work .sec02 ul li{
	font-size: 14px;
	padding: 20px 0;
	width: auto;
	box-sizing: border-box;
	border-bottom: 1px #000 dashed;
	border-right: none;
	}

.work .sec02 ul li:first-child{
	border-left: none;
	}


.work .sec02 ul li h4{
	width: 70%;
	}

.work .sec02 ul li p{
	padding: 10px 0 0 0;
	line-height: 30px;
	}

.work .sec03{
	background: #e7e7e7;
	padding: 0 8% 50px;
	text-align: center;
}

.work .sec03 h4{
	position: relative;
	margin: -30px auto 0;
	text-align: center;
	padding: 0 0 50px;
	width: 90%;
}

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


about


----------------------------------------*/
.about {
	width:100%;
	margin:0 auto;
	padding:0;
}

.about section.ttlArea{
	height:auto;
}

.about .secAbout {
	background:url(../../../images_j/about_images/footNavBg_sp.jpg) no-repeat center top;
	width:100%;
	margin:0 auto;
	padding:60px 0 0;
}

.about .sec01 {
	width:100%;
	margin:0 auto;
}

.about .sec01 .inner {
	width:auto;
	margin:0 8%;
	padding:0 0 50px;
	font-size:0;
}
.about .sec01 .inner.last {
	padding:0 0 150px;
}
	
.about h3{
	padding:0 0 20px;
	}


.about p{
	text-align:left;
	padding:0 0 0;
	width:auto;
	margin:0 auto;
	line-height:24px;
	font-size:14px;
	}


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


vision


----------------------------------------*/
.vision .square {
	border:1px solid #8ee29a;
}

.vision .conLArea .txtArea h4,
.vision .conRArea .txtArea h4 {
	color:#6be07c;
}

.vision p{
	line-height:30px;
}


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


access


----------------------------------------*/
.access section {
	width:100%;
	margin:0 auto;
}
.access .ttlArea h3 {
	display: none;
}

.access .sec01 {
	width:auto;
	margin:30px auto 0;
}

.access .sec01 .subTtlArea{
	background:url(../../../images_j/secSubTtlBg.jpg) no-repeat center top !important;
	min-height:90px;
	text-align:center;
	padding:0 0 30px;
}

.access .sec01 p{
}

.access .sec02 {
	width:auto;
	padding:60px 0 30px 0;
}

.access .sec02 .subTtlArea{
	min-height:90px;
	text-align:center;
	padding:0 0 30px;
}

.access .sec02 h3{
	letter-spacing:0;
}

.access .square {
	border:1px solid #d7464e;
    display:inherit !important;
}

.access .box{
	border:8px solid #f2f2f2;
	width:auto;
	margin:0 8% 20px;
	padding:15px;
    display:inherit !important;
}

.access .accessArea{
	background:url(../../../images_j/access_images/icoTrain_sp.png) left 20px no-repeat;
	background-size: 15px;
	margin:20px 0 0;
	padding:20px 0 0 25px;
	border-top:1px solid #f2f2f2;
}

#gm{
	margin:40px 0 0;
	width:100%;
	height:500px;
}

#gm01{
	margin:40px 0 0;
	width:100%;
	height:500px;
}

.printBtn{
	margin:20px auto;
	background:#d7464e;
	padding:8px 0;
	width:200px;
	color:#fff;
	text-align:center;
	cursor:pointer;
	display:block;
}

.printBtn:hover{
	opacity:0.7;
}

.print-off {
    display: none;
}

@media print{
footer{display:none !important;} 
header{display:none !important;} 
.ttlArea{display:none !important;}
.access .sec01 {
	margin:60px auto 0;
}
}
/*----------------------------------------


career


----------------------------------------*/
.career section {
	width:100%;
	margin:0 auto;
}

.career .sec01 {
	width:auto;
	margin:-30px 8% 0;
}

.career .sec01 .subTtlArea{
	background:url(../../../images_j/career_images/secSubTtlBg.png) no-repeat center top !important;
	min-height:90px;
	text-align:center;
	padding:0 0 30px;
}

.career .sec01 p{
	line-height:30px;
}

.career .sec01 p img{
	padding:0 0 20px 0;
}

.career .sec02 {
	width:auto;
	margin:0 0;
	padding:40px 0 0 0;
}

.career .square {
	border:1px solid #7eb6e6;
}


.career .detailList {
	padding:40px 0 0 0;
}

.career .detailList ul{
	display:inherit;
	font-size:0;
}

.career .detailList li{
	display:inherit;
	font-size:13px;
	border:8px solid #7eb6e6;
	padding:15px;
	width:auto;
	margin:0 0 20px 0;
	box-shadow:0px 0px 4px 4px #ededed inset;
	-moz-box-shadow:0px 0px 4px 4px #ededed inset;
	-webkit-box-shadow:0px 0px 4px 4px #ededed inset;
	min-height:auto;
}

.career .detailList li:nth-child(2n+1){
	margin:0 0 20px 0;
}

.career .detailList li h4{
	font-size:16px;
	color:#7eb6e6;
	padding:10px 0;
	text-align:center;
	margin:0 auto;
}

.career .detailList li h4 span{
	font-size:13px;
	color:#191919;
}

.career .detailList li p{
	line-height:20px !important;
}

.career p.aside{
	font-size:12px;
	text-align:right;
}


.tabs {
	display:table;
	table-layout:fixed;
	width:100%;
	border-bottom:1px solid #ccc;
}

.tabs li{
	display:table-cell;
	width: 50%;
}

.tabs li a{
	display:block;
	text-indent:-9999px;
	width:100%;
	min-height: 70px;
   border-bottom:none !important;
}

.tabs li .tab1 {
	background:url(../../../images_j/career_images/sec02CaseTab01_sp.png) no-repeat center bottom;
	background-size:contain;
}

.tabs li.active .tab1 {
	background:url(../../../images_j/career_images/sec02CaseTab01On_sp.png) no-repeat center bottom;
	background-size:contain;
}

.tabs li .tab2 {
	background:url(../../../images_j/career_images/sec02CaseTab02_sp.png) no-repeat center bottom;
	background-size:contain;
}

.tabs li.active .tab2 {
	background:url(../../../images_j/career_images/sec02CaseTab02On_sp.png) no-repeat center bottom;
	background-size:contain;
}

.panels {
	margin: 0 8%;
}
	
.panels > .panel {
  display: none;
}
.panels > .panel.active {
  display: block;
}

#case01{
	position:relative;
	margin:30px 0;
	background:none;
	min-height:auto;
}

#case02{
	position:relative;
	margin:30px 0;
	background:none;
	min-height:auto;
}

#case01 ul,
#case02 ul{
	width:auto;
	list-style:disc;
	padding:20px 0 30px 20px;
}

#case01 ul li,
#case02 ul li{
	float:none;
	padding:0 0 0;
}

#case01 .case0101{
	position:static;

}

#case01 .case0102{
	position:static;

}

#case01 .case0103{
	position:static;

}

#case01 .case0104{
	position:static;

}

#case01 .case0105{
	position:static;

}

#case02 .case0201{
	position:static;

}

#case02 .case0202{
	position:static;

}

#case02 .case0203{
	position:static;

}

#case02 .case0204{
	position:static;

}

#case02 .case0205{
	position:static;

}

.panel h4{
	min-height:40px;
}

.panel h4 span{
	display: block;
	background:#7eb6e6;
	color:#fff;
	padding:10px;
	font-size:14px;
}

.panel h4 span span{
	font-size:13px;
	padding:0;
}


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


support


----------------------------------------*/
.support section {
	width:auto;
	margin:0;
}

.support .sec02 {
	width:auto;
	margin:0;
	padding:0 0 0 0;
}

.support .square {
	border:1px solid #e4dc83;
}


.support .conLArea .txtArea h4,
 .support .conRArea .txtArea h4{
	color:#e4dc83;
}

.support .conLArea p{
	padding:0 0 10px 0;
}
	
.support .phArea{
	padding:20px 0 0 0;
}


.support .detailList {
	display:inherit;
	font-size:0;
	padding:0 8%;
}

.support .detailList li{
	display:inherit;
	font-size:13px;
	border:8px solid #e4dc83;
	padding:5px 15px 15px;
	width:100%;
	margin:0 0 20px 0;
	box-shadow:0px 0px 4px 4px #ededed inset;
	-moz-box-shadow:0px 0px 4px 4px #ededed inset;
	-webkit-box-shadow:0px 0px 4px 4px #ededed inset;
	min-height:auto;
	line-height:20px;
	box-sizing: border-box;
}

.support .detailList li:nth-child(3n+1){
	margin:0 0 20px 0;
}

.support .detailList li h4{
	font-size:16px;
	color:#e4dc83;
	padding:10px 0;
	text-align:center;
	margin:0 auto;
}

.support .detailList li .ico{
	text-align:center;
	width: 30%;
	margin: 0 auto;
}

.support .detailList li p{
}


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


qa


----------------------------------------*/
.qa section {
	width:100%;
	margin:0 auto;
}
	
.qa .ttlArea + section{
	padding: 30px 0 0 0;
}
	
.qa .subTtlArea {
	padding: 0;
	margin: 0 0 10px;
	min-height: auto;
}

.qa .subTtlArea h3 {
    padding: 25px 0 7px;
}

.qa .square {
	border:1px solid #d7464e;
}

.qa .box{
	border:10px solid #f2f2f2;
	width:auto;
	margin:0 8% 20px;
}

.qa .box ul{
	width:auto;
	font-size:0;
}

.qa .box ul li{
	display:inherit;
	font-size:14px;
	border-right:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	background:#fff;
	width:auto;
}

.qa .box ul li a{
	display:block;
	color:#191919;
	padding:10px;
	border:none;
}

.qa .box ul li a:hover{
	background:#d7464e;
	color:#fff;
}

.qa .qArea {
	background:none !important;
	}

.qa .aArea {
	width:auto;
	margin:0 8% 20px;
	padding:0 0 20px;
	border-bottom:1px solid #f2f2f2;
	}

.qa .aArea h4{
	padding:0 0 10px;
	color:#d7464e;
	}

.qa .aArea a{
	background:url(../../../images_j/arrow_sp.png) no-repeat left;
	background-size: 16px;
	padding:0 0 0 25px;
	color:#191919;
	font-weight:bold;
	}

.qa .aArea a:hover{
	border-bottom:1px solid #d7464e;
	color:#d7464e;
	}

.qa .sec01 {
	padding:50px 0 20px 0;
	}

.qa .sec02,
.qa .sec03,
.qa .sec04,
.qa .sec05{
	padding:0 0 40px 0;
	}

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


contact


----------------------------------------*/
article.contact {
	background:url(../../../images_j/contact_images/ttlBg.jpg) no-repeat top center;
	margin:0 auto;
	width:100%;
	padding:230px 0 0;
	}

.contactSec{
	margin:40px auto;
	padding:0 0 40px;
	width:100%;
	}


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


voice


----------------------------------------*/
.voice {
	margin:60px auto 0;
	width:100%;
	
	}

	
.voice section {
	width:auto;
	margin:0 auto;
}

.voice .cachArea {
	background:none;
	margin:0 auto;
	width:100%;
}

.voice .cachArea h3 {
	position:relative;
	background:#1f1f1f;
    text-align:left;
	padding:20px;
	font-weight:normal;
	top:0;
	}
	
.voice .cachArea h3 span{
	font-size:18px;
	line-height:30px;
	}

.voice h3 span.name{
	display: block;
	text-align: right;
	background:#1f1f1f;
	padding:10px 0 10px 0;
	font-size:14px;
	line-height:14px;
	float:none;
	}

.voice.cPurple h3,
.voice.cPurple h4{
	color:#c29ce4 !important;
	}

.voice.cPurple .ttlArea .square{
	border:#c29ce4 1px solid !important;
	}

.voiceSlide .cPurple .square{
	border:#c29ce4 1px solid !important;
	}
	
.voice.cPurple .sec04 {
	background:#f7f8f8 url(../../../images_j/voice_images/timeTtlPurple.gif) no-repeat center bottom;
}

.voice.cPurple .sec01 {
	border-top:1px solid #ac85d5;
}

.voice.cPink h3,
.voice.cPink h4{
	color:#d585bf !important;
	}

.voice.cPink .ttlArea .square{
	border:#d585bf 1px solid !important;
	}

.voiceSlide .cPink .square{
	border:#d585bf 1px solid !important;
	}
	
.voice.cPink .sec04 {
	background:#f7f8f8 url(../../../images_j/voice_images/timeTtlPink.gif) no-repeat center bottom;
}

.voice.cPink .sec01 {
	border-top:1px solid #d585bf;
}

.voice.cGreen h3,
.voice.cGreen h4{
	color:#8ee29a !important;
	}

.voice.cGreen .ttlArea .square{
	border:#8ee29a 1px solid !important;
	}

.voiceSlide .cGreen .square{
	border:#8ee29a 1px solid !important;
	}

.voice.cGreen .sec04 {
	background:#f7f8f8 url(../../../images_j/voice_images/timeTtlGreen.gif) no-repeat center bottom;
}

.voice.cGreen .sec01 {
	border-top:1px solid #8ee29a;
}

.voice.cBlue h3,
.voice.cBlue h4{
	color:#7eb6e6 !important;
	}

.voice.cBlue .ttlArea .square{
	border:#7eb6e6 1px solid !important;
	}

.voiceSlide .cBlue .square{
	border:#7eb6e6 1px solid !important;
	}
	
.voice.cBlue .sec04 {
	background:#f7f8f8 url(../../../images_j/voice_images/timeTtlBlue.gif) no-repeat center bottom;
}

.voice.cBlue .sec01 {
	border-top:1px solid #7eb6e6;
}
	
.voice.cYellow h3,
.voice.cYellow h4{
	color:#e4dc83 !important;
	}

.voice.cYellow .ttlArea .square{
	border:#e4dc83 1px solid !important;
	}

.voiceSlide .cYellow .square{
	border:#e4dc83 1px solid !important;
	}

.voice.cYellow .sec04 {
	background:#f7f8f8 url(../../../images_j/voice_images/timeTtlYellow.gif) no-repeat center bottom;
}

.voice.cYellow .sec01 {
	border-top:1px solid #e4dc83;
}
	
.voice .mainPh {
	position:relative;
	background: none  !important;
	width:100%;
	height: auto;
	margin:0 auto !important;
	}

.voice .mainPh .ph{
	position:relative;
	width:100%;
	margin:0 auto !important;
	}


.voice .ttlArea {
	position:relative;
	width:auto;
	background:#fff;
	height:auto;
	margin:0 auto 0;
	z-index:3;
	padding: 0;
}

.voice .ttlArea .inner{
	width:auto;
	margin:0 8% !important;
	padding:25px 0 0;
	font-size:0;
	text-align: center;
}

.voice .ttlArea .ttl{
	display:inline-block;
	font-size:22px;
	line-height:18px;
	vertical-align:top;
	padding:0 !important;
 }

.voice .ttlArea .square{
	vertical-align:top;
	display:inline-block;
	margin:0 20px;
	width:12px;
	height:12px;
}

.voice .ttlArea h2{
	vertical-align:top;
	display:inline-block;
	font-size:16px;
	padding:0 !important;
	line-height:18px;
}

.voice .sec01,
.voice .sec02,
.voice .sec04{
	width:auto;
	margin:10px 0;
	padding:0;
}
	
.voice .sec02 .conCArea{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.voice .sec02 .txtArea{
	order: 1;
}
	
.voice .sec02 .phArea{
	order: 2;
}

.voice .sec01 p{
	line-height:30px;
}

.voice .sec01 p,
.voice .sec02 p,
.voice .sec03 p{
	line-height:30px !important;
}

.voice .sec04 {

}

.voice .sec04 h3{
	background-position:top center !important;
	background-repeat:repeat-y !important;
	width:100% !important;
	height:100px !important;
	text-align:center;
	padding:15px 0 0 0;
}
	
.voice .sec04 h3{
	text-align:center;
}
	
.voice .sec04 h3 img{
	width: 70%;
	max-width: 250px;
}

.voice.cPurple .sec04 h3{
	background:url(../../../images_j/voice_images/timeTtlPurple.gif);
}

.voice.cPink .sec04 h3{
	background:url(../../../images_j/voice_images/timeTtlPink.gif);
}

.voice.cGreen .sec04 h3{
	background:url(../../../images_j/voice_images/timeTtlGreen.gif);
}

.voice.cBlue .sec04 h3{
	background:url(../../../images_j/voice_images/timeTtlBlue.gif);
}

.voice.cYellow .sec04 h3{
	background:url(../../../images_j/voice_images/timeTtlYellow.gif);
}

.voice .sec04 table{
	display:table;
	width:84%;
	font-size:13px;
	margin:20px 8%;
	border-bottom:1px solid #1f1f1f;
}

.voice .sec04 table tr{
}

.voice .sec04 table th{
	width:20%;
	text-align:center;
	padding:10px 0;
	font-weight:normal;
	border-top:1px solid #1f1f1f;
}

.voice .sec04 table td{
	width:80%;
	text-align:left;
	padding:10px 0;
	border-top:1px solid #1f1f1f;
}

.voice .sec04 .phArea{
	display:inherit;
	width:100%;
	margin:20px 0;
}

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

voiceTop

----------------------------------------*/
.voiceTop {
	width:100%;
	margin:0 auto;
	padding:0;
}

.voiceTop section.ttlArea{
	background:#f0f0f0;
	color:#1f1f1f;
    margin:0 auto;
	height:150px;
}

.voiceTop .voiceNav {
	background:url(../../../images_j/voice_images/footNavBg.jpg) no-repeat center top;
	background-size: cover;
	width:100%;
	margin:0 auto;
	padding:30px 0 0;
}

.voiceTop .square {
	border:1px solid #ac85d5;
}

.voiceTop h3{
	padding:30px 0 30px !important;
	font-size:13px;
	margin:0 auto;
	text-align:center;
}

.voiceTop .txtArea h4 {
	color:#ac85d5;
}

.voiceTop .voiceNav .voiceSlide{
	min-height:400px;
	padding:0 0 30px;

  }
/*----------------------------------------

voice footNav

----------------------------------------*/
.voiceNav{
	width:100%;
	margin:0 auto;
	background:url(../../../images_j/voice_images/footNavBg.jpg) center top no-repeat;
	background-size: cover;
}
	
.voiceNav h3{
	padding:30px 0 20px;
}

.voiceNav h3 span {
    font-family: 'Alegreya Sans', sans-serif;
	font-size:24px;
}

/**----横フリックボックス----------**/
.voiceTop .voiceNav .voiceSlide,
.voiceNav .voiceSlide{
	width:auto;
    margin:0 auto;
	padding:0 8%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
  }

.voiceNav .voiceSlide li{
	position:relative;
	display:inherit;
	font-size:14px;
	width:50%;
	padding:0 5px 20px !important;
	box-sizing: border-box;
}

.voiceNav .voiceSlide li .txt{
	position:relative;
	width:100%;
	height: auto;
}

.voiceNav .voiceSlide li .txt img{
	opacity:1 !important;
	width:100% !important;
	height: auto;
}

.voiceNav .voiceSlide li .txt{
	width:100%;
}

	
.voiceNav .voiceSlide li .txt h4{
	display: none;
}

.voiceNav .voiceSlide li .txt p{
	width:auto;
	text-align:center;
	padding: 5px 0 0 0;
	font-size:12px;
	line-height:18px;
}

.voiceNav .voiceSlide li .square {
	display: none;
}

.voiceNav .voiceSlide li .square.on{
    -webkit-animation: spin01 4s linear infinite;
    -moz-animation: spin01 4s linear infinite;
    -ms-animation: spin01 4s linear infinite;
    -o-animation: spin01 4s linear infinite;
    animation: spin01 4s linear infinite;
}


@-webkit-keyframes spin01 {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin01 {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin01 {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin01 {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin01 {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.voiceSlide li a{
	border:none;
}


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


ニュース


----------------------------------------*/
.news section {
	width:auto;
	margin:0 auto;
}
	
.secNews p{
	width:auto;
	margin:0 8%;
	padding: 30px 0 0 0;
}

.news .square {
	border:1px solid #d7464e;
}

.news .box{
	border:10px solid #f2f2f2;
	width:980px;
	margin:0 0 20px;
}

.news{
	margin:auto 0;
	padding:5px 0 50px;
	width:100%;
}
	
.newsDetail{
	padding:30px 8% 0;
	box-sizing: border-box;
}

	
.newsDetail .inner{
	width:100%;
}

.newsDetail .newsBtn{
	margin:30px 0;
	float:right;
	width:120px;
	font-size:14px;
    font-family: 'Alegreya Sans', sans-serif;
	background:#22211d;
}

.newsDetail .newsBtn a{
	display:block;
	text-align:center;
	padding:10px 0;
	color:#fff;
	border:none;
}

.newsDetail .newsBtn a:hover{
	opacity:0.6;
}

.news dl {
	width:100%;
	padding:30px 8%;
	box-sizing: border-box;
}

.news dt {
    float:none;
   width:auto;
    padding:10px 0 0 0;
    clear:both;
}

.news dd {
    padding:5px 0 10px 0;
}

.news dd a{
	color:#191919;
}

.news dd a:hover{
   color: #d7464e;
}

.newsDetail h4{
	background:none !important;
	border-bottom:#222 2px solid;
	padding:0 0 10px;
}

.newsDetail .date{
	text-align:right;
	padding:10px 0 30px;
}

.newsDetail .inner img{
	width: 100% !important;
	height: auto !important;
}
/*----------------------------------------


recruit


----------------------------------------*/
.recruit {
	padding:0 !important;
	margin:0 auto;
}


.recruit section {
	width:100%;
	margin:0 auto;
}

.recruit .sec01 {
	width:100%;
	margin:30px auto 0;
}

.recruit .sec01 .subTtlArea{
	background:url(../../../images_j/secSubTtlBg.jpg) no-repeat center top !important;
	min-height:90px;
	text-align:center;
	padding:0 0 20px;
}

.recruit .secRec .subTtlArea{
	background:none !important;
	text-align:center;
	min-height:inherit !important;
	padding:0 0 10px !important;
}

.recruit .secRec{
	padding:0;
}

.recruit .secRec .subTtlArea h4{
	font-size:15px;
	padding:0 0 5px;
}

.recruit .square {
	border:1px solid #d7464e;
}

.recruit .box{
	border:10px solid #f2f2f2;
	width:auto;
	margin:0 8% 40px;
	padding:15px;
}


.recruit .box dl{
	border-top:1px solid #f2f2f2;
	width:100%;
	}

.recruit .box dl dt,
.recruit .box dl dd{
	text-align:left;
}

.recruit .box dl dt{
	padding:10px 0 0;
	float: none;
	width:auto;
	font-size: 15px;
	font-weight: bold;
}

.recruit .box dl dd{
	width:auto;
	padding:0 0 10px !important;
	border-bottom:1px solid #f2f2f2;
}

.recruit .boxRed {
    background: #d7464e;
    color: #fff;
    width: auto;
    padding: 20px 8%;
	box-sizing: border-box;
}

.recruit .boxRed h3{
	background: none;
	padding:0 0 20px;
	font-size:14px;
	color:#fff;
	font-weight:normal;
}

.recruit .boxRed h3 span{
	font-size:30px;
    font-family: 'Alegreya Sans', sans-serif;
}

.recruit .boxRed p{
	display:inherit;
	width:auto;
	padding:10px 0;
}

.recruit .boxRed p span:before{
	content: "下記";
}

.recruit .boxRed .box{
	display:inherit;
	border:1px solid #fff;
	width:auto;
	margin:20px auto 40px;
	padding:15px;
}

.recruit .recContact{
	width:auto;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
}

.recruit .recContact a{
	color:#191919;
}
/*----------------------------------------

recruitTopNav

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

.recruitTop {
	width:100%;
	margin:0 auto;
	padding:0;
}

.recruitTop section.ttlArea{
	background:#f0f0f0;
	color:#1f1f1f;
    margin:0 auto;
	height:150px;
}

.recruitTop .recruitTopList {
	background:url(../../../images_j/recruit_images/footNavBg.jpg) no-repeat center top;
	width:100%;
	margin:0 auto;
	padding:80px 0 0;
}


.recruitTop .recruitTopList h3{
	text-align:center;
}

.recruitTop .square {
	border:1px solid #d7464e;
}


.recruitTop .txtArea h4 {
	color:#d7464e;
}

.recruitTopList {
	width:100%;
	padding:50px 0 100px;
}

.recruitTopList .recruitTopNav{
	display:inherit;
	table-layout:auto;
	font-size:0;
	padding:50px 0 100px;
	width:auto;
	margin:0 auto;
	list-style:none !important;
}


.recruitTopNav li{
	position:relative;
	margin:20px 20px;
	display:inherit;
	font-size:15px;
	text-align:center;
	border:1px solid rgba(255,255,255,0.5);
}

.recruitTopNav li p{
	position:relative;
	font-weight:bold;
	font-size:14px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	vertical-align:middle;
	padding:20px;
	}

.recruitTopNav li p span{
	font-weight:normal;
	font-size:13px;
	width:auto;
}

.recruitTopNav li p span:before {
	content: "\A" ;
	white-space: pre ;
	}

.recruitTopNav li a{
    position: relative;
	z-index: 2;
	display:block;
	color:#fff;
	border:none;
	width: auto;
	height: auto;
	overflow:hidden;
	}
	
.recruitTopNav a::before,
.recruitTopNav a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.recruitTopNav a,
.recruitTopNav a::before,
.recruitTopNav a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	color:#fff !important;
}

.recruitTopNav a::after {
	bottom: -100%;
	width: 100%;
	height: 100%;
}
.recruitTopNav a:hover::after {
	bottom: 0;
	background: #d7464e;
}



/*----------------------------------------
ボタン
----------------------------------------*/
.btnForm{
	width:400px;
	text-align:center;
	margin:0 auto;
	font-weight:bold;
	font-size:22px;
}

.btnForm a{
	display:block;
	padding:15px 40px;
	background:#191919;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	color:#f6f915;
    box-shadow: 0 3px 0 #58564d, 0 6px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, 
	-webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	border-bottom:none;
}


.btnForm a:hover {
  color: #fff;
  background-color: #d7464e;
  box-shadow: 0 3px 0 #58564d, 0 3px 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  transition-duration: 0.1s;
	border-bottom:none;
	opacity:1;
  }
 
 

 .form{
	width:auto;
	padding:0 8% !important;
	 box-sizing: border-box;
}

.form dt{
	float: none;
	font-size:15px;
	font-weight: bold;
	padding:15px 0 5px;
	width:auto;
	text-align:left;
}

.form dt span{
	background:#d7464e;
	font-size:11px;
	color:#fff;
	padding:2px 3px;
	margin:0 0 0 5px;
}

.form dd{
	position:relative;
	width:auto !important;
	margin: 0 0 0 0;
	box-sizing: border-box;
	border-bottom:#191919 1px solid;
	padding:0 0 15px !important;
}

.form dd:before{
	display: none;
	position: static;
	top:0px;
	left: 0;
	content: "";
	border-left:none;
	height: 100%;
}

table.form input,
select,
textarea{
	background:#efefef;
	padding:8px 0;
	margin:3px 0;
}

select{
	background:#fff;
	border:#ccc 1px solid;
	width:85%;
}

option{
	padding:2px;
}


.formBtn{
	margin:0 auto;
	text-align:center;
}

.formBtn input{
	padding:10px 0;
	width:42%;

	font-size:14px;
}

.formBtn input.cancel{
	background:#ccc;
}

.w100{width:20%;}
.w150{width:32%;}
.w200{width:100%;}
.w250{width:100%;}
.w300{width:100%;}
.w350{width:90%;}
.w600{width:100%;}
}