@charset "utf-8";


html {-webkit-text-size-adjust: 100%; /* 2 */-ms-text-size-adjust: 100%;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { font-style:normal; margin:0; padding:0;	border:0;	outline:0;	list-style:none;	vertical-align:middle;	background:transparent;}
body { line-height:1;}
img {border-style: none;} 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block;}
nav ul, ul, li { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
@media screen and (max-width: 320px){html, body { min-width:320px;}}
/*===================
 LINK
=====================*/
a, a img { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
a { width:100%; height:100%; display:block;}
a:link, a:visited, a:hover, a:active { text-decoration:none;  outline: none;}
a:hover, a:hover img { opacity: 0.7; filter: alpha(opacity=70);}
a:link, a:visited {display:block; outline: none;}
body { background: #FCFBF5;}
@media screen and (max-width: 660px) {body, html { width:100%; overflow-x:hidden;}}
@media screen and (max-width: 480px) {body { background: #fff;}}
/*===================
 SELECT
=====================*/
::selection { color:#f6f6f6; background:#4DA6FF; text-shadow:none;}
::-moz-selection { color:#f6f6f6; background:#4DA6FF; text-shadow:none;}
/*===================
 NONE
=====================*/
.noneL { *display:none; display:none\9;}
@media screen and (min-width: 960px) {.noneL { display:none !important;}}
@media screen and (min-width: 481px) and (max-width: 959px) {.noneM { display:none !important;}}
@media screen and (max-width: 480px) {.noneS { display:none !important;}}
/*===================
 FONT
=====================*/
h1,h2,h3,h4,h5,h6 {line-height:1.8em;font-weight:normal;font-size: 22.5px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","Adobe Devanagari","A1 Mincho","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", serif;	color: #1E8CCD;	letter-spacing: 8px;	font-weight: normal;}
p,li,dt,dl,span {	font-size:12px;	letter-spacing:1.5px;	line-height:2em;	color:#5F442C;	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
@media screen and (max-width: 480px) {p,li,dt,dl,span { line-height:1.6em; color:#333;} h1,h2,h3,h4,h5,h6 { color:#333;}}
/*===================
	CONTENTS
=====================*/

header, footer, .cnt {width:100%; float:left; position:relative;}
.cntMin, .cntMin2,  .cntMin3 { width:960px\9; *width:960px; margin:0 auto; overflow:hidden\9; *overflow:hidden; position:relative;}
@media screen and (min-width: 1501px) {.cntMin3 { max-width:1500px;}}
@media screen and (max-width: 1500px) {.cntMin3 { width:97%; float:left; margin:auto 1.5%;}}

@media screen and (min-width: 1201px) {.cntMin2 { max-width:1200px;}}
@media screen and (max-width: 1200px) {.cntMin2 { width:100%; float:left;}}
@media screen and (min-width: 960px) {.cntMin { max-width:960px;}}
@media screen and (max-width: 959px) {.cntMin { width:100%; float:left;}}
/*============================
  clearfix
==============================*/
.cf:before, .cf:after { content: " "; display: table;}
.cf:after { clear: both;}
.cf { *zoom: 1;}
/*===================
 CLASS
=====================*/
.noneL{ display:none;}
@media screen and (max-width: 959px) {.noneL{ display:block;}}
@media screen and (min-width: 461px) and (max-width: 959px) {.noneM{ display:none !important;}}
@media screen and (max-width: 460px) {.noneS{ display:none !important;}}
.block{ display:block;}
.inline { display:inline;}
.left{ float:left;}
.right{ float:right;}
.relative{ position:relative;}
/*===================
 HEADER
=====================*/
header, #nav { background:#fff;}
header h1 {padding:20px 0 30px;text-align:center;}
header h1 a{ display:inline !important;}
header h1 img{ height:25px; width:auto;}
header ul.btn{ width: 198px; height:60px; position:absolute; top:0; right:0; z-index:10;}
header ul.btn li { *float:left; *display:inline;}
header ul.btn li a{ float:left; background:url(../img/btn.jpg); background-repeat:no-repeat;}
header ul.btn li:first-child a{ width:96px; height:32px; background-position:0 0; margin-bottom: 5px;}
header ul.btn li:nth-child(2) a{ width:100px; height:32px; background-position:-98px 0; margin-bottom: 5px;}
header li.lang { width: 50px; height: 18px; float: left; color: #999; font-size: 11px; line-height: 18px; font-style: italic; border: 1px solid #D5D3D3; text-align:center; margin-left:5px; font-size:10px\9; letter-spacing:0\9; *font-size:10px; *letter-spacing:0;}
header li.lang a {color:#555; background-image:none !important;}
header li.lang a:hover {background-color:#42E2FF; color:#fff;}
header li.sns { width: 20px; height: 20px; float: left; margin-left: 6px;}
header ul.btn li:nth-child(5) a{background-position:right 0px;}
header ul.btn li:nth-child(6) a{background-position:right -22px;}
header ul.btn li:nth-child(7) a{background-position:right -44px;}
@media screen and (max-width: 959px) {header h1 { text-align:left; padding:15px;} header h1 img{ height:20px; width:auto;}}
@media screen and (max-width: 480px) {header { background-color:rgba(255,255,255,0.2);}}
@media screen and (max-width: 680px) { header { position:absolute!important; left:0; top:0; height:44px; z-index:10000; opacity: 0.8; filter: alpha(opacity=80);}
header h1 { padding:0px 0 0 2%;}
header ul { display:none;}
.sideBox{ width:44px; height:44px; position:absolute; top:0; right:0; z-index:100; background-image:url(../img/nav_on.png);}
.sideBox, .sideBox_on{ width:44px; height:44px; position:absolute; top:0; z-index:100; background:url(../img/nav_on.png);}
.sideBox_on{ position:fixed;}
.sideBox{ right:0;}
.sideBox_on{ right:260px; background-position:bottom left;}
}
@media screen and (max-width: 480px) {header h1 img {width: 200px;}}
/* HEADER NAV
==============*/
#nav { border-bottom: solid 1px #F1F0E7;}
#nav ul.gnav { width:100%;}
#nav ul.gnav , #nav ul.gnav li { height:50px; float:left;}
#nav ul.gnav li {width:16.5%; border-right:1px dashed #CCC;}
#nav ul.gnav li:nth-child(1) { display:none\9; *display:none;}
#nav ul.gnav li:nth-child(8) {border-right:none;}
#nav ul.gnav li a { height:44px; background-image:url(../img/nav.gif); background-repeat:no-repeat; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s;}
#nav ul.gnav li:nth-child(2) a { background-position:center top;}
#nav ul.gnav li:nth-child(2) a:hover { background-position:center -50px;}
#nav ul.gnav li:nth-child(3) a { background-position:center -100px;}
#nav ul.gnav li:nth-child(3) a:hover { background-position:center -150px;}

#nav ul.gnav li:nth-child(4) a { background-position:center -300px;}
#nav ul.gnav li:nth-child(4) a:hover { background-position:center -350px;}
#nav ul.gnav li:nth-child(5) a { background-position:center -400px;}
#nav ul.gnav li:nth-child(5) a:hover { background-position:center -450px;}
#nav ul.gnav li:nth-child(6) a { background-position:center -500px;}
#nav ul.gnav li:nth-child(6) a:hover { background-position:center -550px;}
#nav ul.gnav li:nth-child(7) a { background-position:center -600px;}
#nav ul.gnav li:nth-child(7) a:hover { background-position:center -650px;}
#nav ul.gnav span {  display:none\9; *display:none;}
@media screen and (min-width: 681px) {
#nav{ width:100% !important;}
#nav ul.gnav li { display:block !important;}
#nav ul.gnav li:first-child, #nav ul.gnav span, #nav .subNav { display:none !important;} 
}
@media screen and (min-width: 681px) and (max-width: 959px) {
#nav ul.gnav { margin-top:30px;}
#nav ul.gnav li {width:16.5%; min-width:92px !important;}
#nav h2 { display:none;}
}
@media screen and (max-width: 680px) {
#nav { border-bottom: none;}
#nav ul.gnav li { border-right:none;}
#nav ul.gnav li a { background-image:none; height:44px;}
#nav {	width:0px;	height:100% !important; background-color: rgba(250,250,250,0.9);	position:fixed;	top:0;	right:0;	bottom:0;	overflow-y:auto;	z-index:999999;}
#nav ul.gnav, #nav ul { width:100%; height:auto; float:left;overflow-x:hidden;}
#nav h2 { width:80%; padding:2px 10%; float:left;	display:block; border-bottom:groove 2px #fff;}
#nav h2 img { width:100%;}
#nav ul.gnav li, #nav ul li {	width: 230px;	height: 44px;	float: left;	color: #333;	padding: 0 15px;	margin: 0;	letter-spacing:2px;	border-bottom:solid 1px #e9e9e9;}
#nav ul li a, #nav ul li a span {height: 44px; color:#333; line-height:44px; font-size:11px;}
#nav ul.subNav li { background:#F0F0F0;}
#nav ul.subNav li:nth-child(n+12){ background:#ddd;}
#nav ul.subNav li:nth-child(n+12) a{color:#fff;}
}
/*===================
 FOOTER
=====================*/
footer #foot {	width:960px;	margin:10px auto 0;}
footer #foot nav dl dd li {float:left; padding-right: 20px;}
footer #foot nav dl dd li a { color:#868686;	font-size:12px; display:inline; }
footer #foot nav dl dd li a:hover {color:#000;}
/*　FOOTER INFO
==============*/
footer { background:#FFF;}
footer #foot .info {width: 180px;float: left;}
footer #foot .info .logo { width: 135px; height: 56px; float: left; background:url(../img/btn.jpg) left bottom no-repeat;}
footer #foot .info .logo img { display:none;}
footer #foot .info div {	max-width:180px; clear:both; margin-top:8px;	overflow:hidden;}
footer #foot .info p.link a {	width: 130px;	height: 20px;	float: left;	padding-right: 10px;	text-align: center;	line-height: 20px;	border: 1px solid #CCC;	background: #F1F2F5;	color: #333;	margin:10px 0 8px;}
p.copy {margin:30px 0px; line-height:20px; text-align:center; font-size:11px; color:#777;}
span.footImage { display:none;}
footer #foot .info li { *display:inline;}
@media screen and (min-width: 481px) and (max-width: 959px) {footer #foot { width:96%; padding:0 2%;}}
@media screen and (min-width: 791px) and (max-width: 1500px) {
footer #foot span { display:none;}
footer #foot nav ul{ margin-left:5px;}
}
@media screen and (max-width: 790px) {
footer #foot,  
footer #foot nav, 
footer #foot nav dl, 
footer #foot nav dl dt,
footer #foot nav dl dd {padding: 10px; width:100%; height:auto; background-color: #fff; float:left; padding:0; margin:0;}
footer #foot { margin:0;}
footer #foot .info { margin:10px 0 20px;}
footer #foot .info .logo { margin-bottom:10px;}
footer #foot nav dl dt, footer #foot nav dl dt.down {	float: left;	line-height: 44px;	font-size: 12px;	color: black;	letter-spacing: 1px;	font-family: 'Droid Serif', serif;	border-bottom: solid 1px #999;}
footer #foot nav dl dd.accBox {	margin-top: -1px;	overflow: hidden;	position: relative;	z-index: 10;	display: none;}
footer #foot nav dl dd.accBox ul {border-top: groove 2px #fff;}
footer #foot nav dl dd.accBox li { width:100%; background:#fff; float:left; height:40px; line-height: 44px; border-bottom: groove 2px #fff; background:#f1f1f1;}
footer #foot nav dl dd.accBox li a { padding:0 5%; background:#fff; display:block; line-height:42px; color:#333;}
footer #foot nav dl dd.accBox li a:hover, footer #foot nav dl dd.accBox li a:active, footer #foot nav dl dd.accBox li a:visited { border-bottom:none; background:#fff;}
footer #foot nav dl dt span, 
footer #foot nav dl dt.down span { width: 44px; height: 44px; float: left;}
footer #foot nav dl dt span {	margin-right: 10px;	color: #fff;	font-size: 12px;	text-align: center;	line-height:44px;	background: #ddd;}
footer #foot nav dl dt.down span {	margin-right: 10px;	color: white;	font-size: 12px;	background: #555;}
}
@media screen and (min-width: 481px) {
footer #foot nav dl dd li span { display:none;}
footer #foot nav dl dd{ display:block !important;}
}
@media screen and (max-width: 480px) {
footer #foot,  
footer #foot nav, 
footer #foot nav dl, 
footer #foot nav dl dt,
footer #foot nav dl dd {width:100%; height:auto; background-color: #fff; float:left; padding:0; margin:0;}
footer #foot { margin:0;}
footer #foot .info { margin:10px 0 20px;}
footer #foot .info .logo { margin-bottom:10px;}
footer #foot nav dl dt, footer #foot nav dl dt.down {	float: left;	line-height: 44px;	font-size: 12px;	color: black;	letter-spacing: 1px;	font-family: 'Droid Serif', serif;	border-bottom: solid 1px #999;}
footer #foot nav dl dd.accBox {	margin-top: -1px;	overflow: hidden;	position: relative;	z-index: 10;	display: none;}
footer #foot nav dl dd.accBox ul {border-top: groove 2px #fff;}
footer #foot nav dl dd.accBox li { width:100%; background:#fff; float:left; height:40px; line-height: 44px; border-bottom: groove 2px #fff; background:#f1f1f1;}
footer #foot nav dl dd.accBox li a { padding:0 5%; background:#fff; display:block; line-height:42px; color:#333;}
footer #foot nav dl dd.accBox li a:hover, footer #foot nav dl dd.accBox li a:active, footer #foot nav dl dd.accBox li a:visited { border-bottom:none; background:#fff;}
footer #foot nav dl dt span, 
footer #foot nav dl dt.down span { width: 44px; height: 44px; float: left;}
footer #foot nav dl dt span {	margin-right: 10px;	color: #fff;	font-size: 12px;	text-align: center;	line-height:44px;	background: #ddd;}
footer #foot nav dl dt.down span {	margin-right: 10px;	color: white;	font-size: 12px;	background: #555;}
}

/*===================
 PAGE UP
=====================*/
#pageUp {	width:60px\9;	*width:60px;	height:60px\9;	*height:60px;	position:fixed\9;	*position:fixed;	right:5px\9;	*right:5px;	bottom:20px\9;	*bottom:20px;	z-index:1000;}
#pageUp span { color:#FFF\9; *color:#FFF;}
@media screen and (min-width: 481px) {
#pageUp {	position:fixed;	right:5px;	bottom:50px;}
#pageUp a{	width:55px;	height:40px;	padding-top:10px;	border:solid 2px #ddd;	border-radius: 100%;	-webkit-border-radius: 100%;	-moz-border-radius: 100%; background-color: rgba(255,255,255,0.5);}
#pageUp a:hover {	background:#ddd;}
#pageUp a span {	width:100%;	float:left;	text-align:center;	line-height:16px;	color:#ddd;	font-size:10px;}
#pageUp a:hover span { color:#fff;}
}
@media screen and (max-width: 480px) {
#pageUp a {	width: 100%;	float: left;	padding: 20px 0 30px;	text-align: center;	border-top: solid 1px #bbb;	margin-bottom:15px;}
#pageUp span {	font-size: 13px;	color: #1085CB;	line-height: 20px;}
#pageUp span.up{ width:100%; float:left;clear:both;}
#pageUp span.line {border-bottom: solid 2px #ddd; padding:5px 0 15px;}
#pageUp span.line br { display:none;}
}
/*===================
 COMMON STYLE
=====================*/
.title {	width: 100%;	height: auto;	float: left;	padding:35px 0;	text-align: center;	font-size: 22.5px;	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;	color: #111;	font-weight: 600;	letter-spacing: 4px;	position:relative;}
@media screen and (max-width: 480px) {.title {	font-size: 16px;	letter-spacing:1px;	padding:25px 0;}}



#main1 .photoIMG #image00{ background:#fff; *background:url(../img/05.jpg) 50% 50% no-repeat;}
#main1 .photoIMG #image01{ background:url(../img/01.jpg) 50% top no-repeat; background-size:cover;}
#main1 .photoIMG #image02{ background:url(../img/02.jpg) no-repeat; background-size:120% auto;}
#main1 .photoIMG #image03{ background:url(../img/03.jpg) center bottom no-repeat; background-size:cover;}
#main1 .photoIMG #image04{ background:url(../img/04.jpg) center bottom no-repeat; background-size:cover;}
#main1 .photoIMG #image05{ background:url(../img/01.jpg) center bottom no-repeat; background-size:cover;}
@media screen and (max-width: 1350px) {
#main1 .photoIMG #image02{ background-size:170% auto;}
}
@media screen and (max-width: 1000px) {
#main1 .photoIMG #image02{ background-size:cover;}
}
@media screen and (max-width: 900px) {
#main1 .photoIMG #image01{ background:url(../img/01.jpg) center bottom no-repeat; background-size:cover;}
#main1 .photoIMG #image02{ background:url(../img/02.jpg) no-repeat; background-size:cover;}
#main1 .photoIMG #image03{ background:url(../img/03.jpg) center bottom no-repeat; background-size:cover;}
#main1 .photoIMG #image04{ background:url(../img/04.jpg) center bottom no-repeat; background-size:cover;}
#main1 .photoIMG #image05{ background:url(../img/01.jpg) center bottom no-repeat; background-size:cover;}
}



#main1 .photoIMG #image01, 
#main1 .photoIMG #image03 {
-webkit-backface-visibility: hidden;
-webkit-animation: Animation01 20s linear infinite 0s;
-moz-animation: Animation01 20s linear infinite 0s;
-o-animation: Animation01 20s linear infinite 0s;
-ms-animation: Animation01 20s linear infinite 0s;
animation: Animation01 20s linear infinite 0s;
}
#main1 .photoIMG #image02 {
-webkit-backface-visibility: hidden;
-webkit-animation: Animation02 30s linear infinite 0s;
-moz-animation: Animation02 30s linear infinite 0s;
-o-animation: Animation02 30s linear infinite 0s;
-ms-animation: Animation02 30s linear infinite 0s;
animation: Animation02 30s linear infinite 0s;
}
#main1 .photoIMG #image04 {
-webkit-backface-visibility: hidden;
-webkit-animation: Animation03 20s linear infinite 0s;
-moz-animation: Animation03 20s linear infinite 0s;
-o-animation: Animation03 20s linear infinite 0s;
-ms-animation: Animation03 20s linear infinite 0s;
animation: Animation03 20s linear infinite 0s;
}
#main1 .photoIMG .slide {
-webkit-backface-visibility: hidden;
-webkit-animation: Animation01 15s linear 0s;
-moz-animation: Animation01 15s linear 0s;
-o-animation: Animation01 15s linear 0s;
-ms-animation: Animation01 15s linear 0s;
animation: Animation01 15s linear 0s;
animation-iteration-count: 1;
}
@-webkit-keyframes Animation01 {
0% {-webkit-animation-timing-function: ease-in;}
50% {-webkit-transform: scale(1.30); -webkit-animation-timing-function: ease-out;}
100% {-webkit-transform: scale(1.0); -webkit-animation-timing-function: ease-out;}
}
@-moz-keyframes Animation01 {
0% {-moz-animation-timing-function: ease-in;}
50% {-moz-transform: scale(1.30); -moz-animation-timing-function: ease-out;}
100% {-moz-transform: scale(1.00); -moz-animation-timing-function: ease-out;}
}
@-o-keyframes Animation01 {
0% {-o-animation-timing-function: ease-in;}
50% {-o-transform: scale(1.30); -o-animation-timing-function: ease-out;}
100% {-o-transform: scale(1.00); -o-animation-timing-function: ease-out;}
}
@-ms-keyframes Animation01 {
0% {-ms-animation-timing-function: ease-in;}
50% {-ms-transform: scale(1.30); -ms-animation-timing-function: ease-out;}
100% {-ms-transform: scale(1.00); -ms-animation-timing-function: ease-out;}
}
@keyframes Animation01 {
0% {animation-timing-function: ease-in;}
50% {transform: scale(1.30); animation-timing-function: ease-out;}
100% {transform: scale(1.00); animation-timing-function: ease-out;}
}

@-webkit-keyframes Animation02 {
0% { background-position:right top;}
100% { background-position:left top;}
}
@-moz-keyframes Animation02 {
0% { background-position:right top;}
100% { background-position:left top;}
}
@-o-keyframes Animation02 {
0% { background-position:right top;}
100% { background-position:left top;}
}
@-ms-keyframes Animation02 {
0% { background-position:right top;}
100% { background-position:left top;}
}
@keyframes Animation02 {
0% { background-position:right top;}
100% { background-position:left top;}
}
@-webkit-keyframes Animation03 {
0% {-webkit-animation-timing-function: ease-in; background-position:center bottom;}
90% {-webkit-transform: scale(1.20); -webkit-animation-timing-function: ease-out; background-position:center top;}
100% {-webkit-transform: scale(1.0); -webkit-animation-timing-function: ease-out;}
}
@-moz-keyframes Animation03 {
0% {-moz-animation-timing-function: ease-in; background-position:center bottom;}
50% {-moz-transform: scale(1.20); -moz-animation-timing-function: ease-out; background-position:center top;}
100% {-moz-transform: scale(1.00); -moz-animation-timing-function: ease-out;}
}
@-o-keyframes Animation03 {
0% {-o-animation-timing-function: ease-in; background-position:center bottom;}
50% {-o-transform: scale(1.20); -o-animation-timing-function: ease-out; background-position:center top;}
100% {-o-transform: scale(1.00); -o-animation-timing-function: ease-out;}
}
@-ms-keyframes Animation03 {
0% {-ms-animation-timing-function: ease-in; background-position:center bottom;}
50% {-ms-transform: scale(1.20); -ms-animation-timing-function: ease-out; background-position:center top;}
100% {-ms-transform: scale(1.00); -ms-animation-timing-function: ease-out;}
}
@keyframes Animation03 {
0% {animation-timing-function: ease-in; background-position:center bottom;}
50% {transform: scale(1.20); animation-timing-function: ease-out; background-position:center top;}
100% {transform: scale(1.00); animation-timing-function: ease-out;}
}
#main1 #PW {
-webkit-backface-visibility: hidden;
-webkit-animation: Font1 12s linear 0s;
-moz-animation: Font1 12s linear 0s;
-o-animation: Font1 12s linear 0s;
-ms-animation: Font1 12s linear 0s;
animation: Font1 12s linear 0s;
}
@-webkit-keyframes Font1 {
0% { letter-spacing:30px; opacity: 0; filter: alpha(opacity=0);}
30% { letter-spacing:30px; opacity: 0; filter: alpha(opacity=0);}
100% {letter-spacing:10px; opacity: 1; filter: alpha(opacity=100);}
}
@-moz-keyframes Font1 {
0% { letter-spacing:10px; opacity: 0; filter: alpha(opacity=0);}
30% { letter-spacing:10px; opacity: 0; filter: alpha(opacity=0);}
100% {letter-spacing:10px; opacity: 1; filter: alpha(opacity=100);}
}
@-o-keyframes Font1 {
0% { letter-spacing:10px; opacity: 0; filter: alpha(opacity=0);}
30% { letter-spacing:10px; opacity: 0; filter: alpha(opacity=0);}
100% {letter-spacing:10px; opacity: 1; filter: alpha(opacity=100);}
}
@-ms-keyframes Font1 {
0% { letter-spacing:10px; opacity: 0; filter: alpha(opacity=0);}
30% { letter-spacing:10px; opacity: 0; filter: alpha(opacity=0);}
100% {letter-spacing:10px; opacity: 1; filter: alpha(opacity=100);}
}
@keyframes Font1 {
0% { letter-spacing:10px; opacity: 0; filter: alpha(opacity=0);}
30% { letter-spacing:10px; opacity: 0; filter: alpha(opacity=0);}
100% {letter-spacing:10px; opacity: 1; filter: alpha(opacity=100);}
}

/*------------------------------
 CONCEPT
------------------------------*/

#concept .box a .inner .Animation .nami {
-webkit-backface-visibility: hidden;
-webkit-animation: Concept1 10s linear infinite 0s;
-moz-animation: Concept1 10s linear infinite 0s;
-o-animation: Concept1 10s linear infinite 0s;
-ms-animation: Concept1 10s linear infinite 0s;
animation: Concept1 10s linear infinite 0s;
}
@-webkit-keyframes Concept1 {
0% { background-position:right bottom;}
50% { background-position:left bottom;}
100% { background-position:right bottom;}
}
@-moz-keyframes Concept1 {
0% { background-position:right bottom;}
50% { background-position:left bottom;}
100% { background-position:right bottom;}
}
@-o-keyframes Concept1 {
0% { background-position:right bottom;}
50% { background-position:left bottom;}
100% { background-position:right bottom;}
}
@-ms-keyframes Concept1 {
0% { background-position:right bottom;}
50% { background-position:left bottom;}
100% { background-position:right bottom;}
}
@keyframes Concept1 {
0% { background-position:right bottom;}
50% { background-position:left bottom;}
100% { background-position:right bottom;}
}

#concept .box a .inner .Animation .iruka01 {
	-webkit-animation: iruka0 6s infinite 10s;
	-moz-animation: iruka0 6s	infinite 10s;
	-o-animation: iruka0 6s infinite 10s;
	-ms-animation: iruka0 6s infinite 10s;
	animation: iruka0 6s infinite 10s;
}

#concept .box a .inner .Animation .iruka02 {
	-webkit-animation: iruka0 6.5s infinite 8s;
	-moz-animation: iruka0 6.5s infinite 8s;
	-o-animation: iruka0 6.5s infinite 8s;
	-ms-animation: iruka0 6.5s infinite 8s;
	animation: iruka0 6.5s infinite 8s;
}

#concept .box a .inner .Animation .iruka03 {
	-webkit-animation: iruka0 6.5s infinite 10s;
	-moz-animation: iruka0 6.5s infinite 10s;
	-o-animation: iruka0 6.5s infinite 10s;
	-ms-animation: iruka0 6.5s infinite 10s;
	animation: iruka0 6.5s infinite 10s;
}



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


/*==========================
 PLAN MENU
==========================*/
#plan .box a h2
#plan .box a h2 span, 
#plan .box a dl dt img{-webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out;}
/*---------*/
#plan{
background: #fff;
margin: 0 auto; 
}

#plan .box{width:49.5%; float:left; margin:0 0.1%;}

#plan .box a{ height:100%; display:block; background:#fff;}
#plan .box a:hover{ opacity:1; filter: alpha(opacity=100);}
/* TITLE */
#plan .box a > * { width:90%; float:left; margin:auto 5%;}
#plan .box a h2 { text-align:center; padding:40px 0px; background:url(../img/index/plan_bk.png) 50% 80% no-repeat;}
#plan .box a h2, #plan .box a h2 span{ font-size:16px; letter-spacing:4px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#B28500;}
#plan .box a h2 .en { display:block; color:#B28500; line-height:1.4em;}
#plan .box a h2 .sp{ display:none;}

/* Text / Image */
#plan .box a dl {}
#plan .box a dl dt { width:100%; float:left;}
#plan .box a dl dt img { width:100%; height:auto; margin:0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; opacity: 1; filter: alpha(opacity=100);}
#plan .box a dl dd { width:90%; float:right; line-height:1.8em; padding:20px 5% 0; font-size:14px; letter-spacing:0;}
#plan .box a dl dd .info { color:#AA9A00; display:block;}
#plan .box a dl .more{ width:250px; height:30px; position:absolute; bottom:20px; left:10%; padding:0; text-align:center; background:#AA9A00; color:#fff;}
#plan .box a dl .more span { color:#fff;}
#plan .box a:hover dl * { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
#plan .box a:hover dl .more { background:#39D7FF;}
/* planSP */
#plan .box.planSP a .spBnr { display:none;}
#plan .box.planSP a h2{ background:url(../img/index/plan_bk2.png) 50% 80% no-repeat;}
#plan .box.planSP a h2, #plan .box.planSP a h2 span{ color:#B28500;}
#plan .box.planSP a dl dd .info{ background:#FFFFE8; color:#B28500;}
/* plan3 */
#plan .box.plan3 a h2{ background:url(../img/index/plan_bk3.gif) 50% 80% no-repeat; color:#FF5C5C;}
#plan .box.plan3 a h2 .en{ color:#FF5C5C;}
#plan .box.plan3 a dl dd .info{ color:#FF5C5C;}
#plan .box.plan3 a dl dd .strong{ font-size:15px; letter-spacing:0; color:#FF5C5C; display:block;}
#plan .box.plan3 a dl .more { background:#FF5C5C;}
#plan .box.plan3 a:hover dl .more { background:#FFF500; color:#333;}
#plan .box.plan3 .bnr{ display:none;}
/* Ready -----------------*/
@media screen and (max-width: 960px) {
#plan .box{ height:600px;}
#plan .box a dl .more{ display:block;}
}
@media screen and (max-width: 900px) {
#plan .box a > * { width:90%; margin:auto 5%;}
#plan .box a h2{ font-size:15px;}
#plan .box a h2 span{ font-size:12px; letter-spacing:2px; color:#7FC4FB;}
/*3つパターン*/
#plan .box{width:49.7%;}
#plan .cntMin3{ width:100%; margin:0;}
#plan .box.plan3 { width:100%; margin:0; height:auto;}
#plan .box.plan3 dl, 
#plan .box.plan3 h2{ display:none;}
#plan .box.plan3 .bnr{ display:block;}
#plan .box a .bnr { width:100%; float:left; margin:0;}
#plan .box a .bnr img { width:100%; height:auto}

}
@media screen and (max-width: 680px) {
#plan{background: url(../img/back2.gif) bottom center no-repeat #fff; padding-bottom:30px; background-size:auto 30px;}
#plan .cntMin3 {width: 100%; margin:0; border-top: solid 1px #aaa;}
#plan .box.plan3{}
#plan .box a{ float:left; background:#fff;}
#plan .box{width:50%; height:auto; margin:0;}
#plan .box.plan1{ margin-right:-1px; border-left:solid 1px #E5E8EF;}
#plan .box.plan1, 
#plan .box.plan2{ border-bottom: solid 1px #E5E8EF; padding-bottom:10px;}
#plan .box a > * { width:100%; float:left; margin:auto 0;}
/* TITLE */
#plan .box a h2 { font-size:13px; line-height:1.2em; padding:0px 0 10px;/* margin-bottom:10px; background:url(../img/index/plan_bk.png) center bottom no-repeat;*/ background:none; background-size:auto 5px;}
#plan .box.plan2 a h2 { letter-spacing:2px;}
#plan .box a h2 span{ font-size:10px; letter-spacing:2px; color:#B28500;}
#plan .box a h2 .en{ line-height:2em;}
#plan .box a h2 .sp{ display:block; width:100%; height:auto; margin-bottom:10px;}
/* Text / Image */
#plan .box a dl dt { display:none;}
#plan .box a dl dd { width:84%; font-size:10px; line-height:1.4em; padding:5px 8%; display:none;}
#plan .box a dl dd .info { display:none;}
#plan .box a dl .more { width:80%; height:20px; margin:0 10%; font-size:11px; position:static; display:block; line-height:20px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
#plan .box a dl .more span{ font-size:11px;}
/* planSP */
#plan .box.planSP{ width:100%;}
#plan .box.planSP h2, 
#plan .box.planSP dl{ display:none;}
/* planSP */
#plan .box.planSP a .spBnr { display:none;}
#plan .box.planSP a .spBnr { width:100%; float:left; display:block;}
#plan .box.planSP a .spBnr img{ width:100%; height:auto;}
}



.lineArea {
	float: right;
	padding: 15px;
}


.price_area {
	max-width:1120px;
	margin:0 auto;
}



.recruittit {
	color:#63b0ff;
	font-weight: bold;
	font-size: 14px;
}




.recruit-list{
	display:flex
}
.recruit-list.recruit-list--block{
	flex-wrap:wrap;
	align-items:flex-end;
	width:-webkit-calc(100% + 2px);
	width:-ms-calc(100% + 2px);
	width:calc(100% + 2px);
	margin-left:-1px
}
@media screen and (min-width: 768px){
	.recruit-list{
	align-items:flex-start
}

}
.p-job-cassete--work .recruit-list{
	flex-wrap:nowrap
}
.recruit-list_item{
	font-size:10px;
	line-height:22px;
	padding:0 4.5px;
	margin:1px;
	border:solid 1px #ff8d8d;
}
.recruit-list--top .recruit-list_item{
	padding:0 6.5px;
	height:26px
}
.recruit-list_item--business-types,.recruit-list_item--features{
	color:#ff8d8d;
	background:#fff;
	border-color:#ff8d8d
}
.recruit-list_item--searched-features{
	color:#fff;
	background:#ff4c4c;
	border-color:#ff4c4c
}




.contact_inner_info {
	margin: 0 auto;
	max-width: 700px;
	padding: 35px 15px;
}
.contact_inner_info p {
	text-align: center;
}

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

.contact_inner_info p{
	text-align: left;
}
}