@charset "UTF-8";
/*
Theme Name: Tutrial
Theme URI: http://walkal.com
Description: WP theme for Tutrial
Version: 1.0
Author: Walkal Inc.
Author URI: http://walkal.com/
*/

/*
	----------------------------
	RESET
	____________________________
*/
p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }
img{vertical-align:bottom;}
h1,h2,h3,h4,h5,h6,ul { margin:0; }
p { margin:10px 5px; }
a {color:#333;}
a:visited {color:#333;}
a:hover{text-decoration:none;}

body, html {background:#FFF;font-size: 100%; padding: 0; margin: 0;background-image:url(images/back001.jpg); background-repeat:no-repeat;font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

#container {width:1000px;margin:0 auto;padding:0;}
#header {padding:0;margin:0;}
#header img{vertical-align:bottom;}
nav{padding-bottom:2px;}
.navi{display:flex;display:-webkit-flex;justify-content: space-between;-webkit-justify-content: space-between; margin:5px 40px; padding:10px 20px;}
.navi li {list-style: none;}
.navi li a{text-decoration:none;}
.navi li a:hover{text-decoration:none;}
#content {margin:0; padding:0;}
#sidebar {width:auto;padding:50px 20px;margin:0px;float:left;display:block;background:linear-gradient(rgba(0, 31, 150, .8), rgba(0, 31, 150, .0));}
#main-nav ul{display:table;}
#main-nav li{list-style: none;width:160px;height:75px;margin-bottom:15px;text-align:center;color:#000033;font-weight:bold;background:url(images/menu000.png) no-repeat;}
#main-nav li a{list-style: none;width:160px;height:75px;text-decoration:none;color:#000033;display:table-cell;vertical-align:middle;}
#main-nav li a:hover{color:#FFFFFF;background:url(images/menu001.png) no-repeat;}
#main-nav li.current a{background:url(images/menu001.png) no-repeat;color:#FFFFFF;}
#main {width:670px;padding:0;margin:10px 65px 30px 65px;float:right;display:block;}
#footer {background:url(images/footer001.png) repeat-x;width:100%;height:140px; color:#FFFFFF;}
#footer section{width:1000px;height:auto;margin:0 auto;padding-top:60px;display:table;}
#maintaine {display:table-cell;vertical-align:bottom;}
#maintaine img{vertical-align:middle;}
#copyright {display:table-cell;vertical-align:bottom;line-height:120%;font-size:75%;}
#copyright hr {border:solid #FFFFFF;
   border-width:1px 0 0 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */}
.gmap{float:right;}
.address01{display:block;}
.fax01 {padding-left:10px;}


.clearfix{
  zoom:1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;/* 隙間対応 */
  font-size: 0.1em;/* 隙間対応 */
  line-height: 0;/* 隙間対応 */
}

.news {background:#FFFFFF;padding:10px 0;}
.news h3{font-weight:normal;font-size:105%;}
.news dt, .news dd {border-bottom:1px solid #CCCCCC;}
.page-white{background:#FFFFFF;width:670px;height:auto;padding-bottom:20px;margin:0;display:block;}
#main ul{padding:20px 20px 20px 30px;margin:0 auto;}
.page-recruit{background:#FFFFFF;width:670px;height:auto;padding-bottom:20px;margin:0;display:block;background-image: url(images/kion_recruit_sample_11.jpg); 
background-position: right bottom; 
background-repeat: no-repeat;}

.box li {width:40%;margin:2.5% 5%;padding:0;display: inline-block;vertical-align:top;}
.box li:nth-child(odd){margin-right:1.5%;}
.box li:nth-child(even){margin-left:1.5%;}
.box img{width:100%;height:auto;vertical-align:bottom;}
.box h2 {font-size:140%;padding:20px;font-weight:normal;}
.box a{color:#FFFFFF;text-decoration:none;text-align:center;}
.box a:hover{text-decoration:none;}

dl{
  display:flex;
  flex-wrap: wrap;
  border-top: none;
	margin:0 5%;
}
dt{
  width: 30%;
  padding: 5px;
  box-sizing: border-box;
}
dd{
  padding: 5px;
  margin: 0;
  width: 70%;
  box-sizing: border-box;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

.wpcf7 input[type="submit"] {
	font-size: 100%;
	padding: 0.2em 0.4em;
	background: #eee;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #ccc;
	text-shadow: -1px 1px 0 rgba(255,255,255,1);
}

 dl.recruit{	margin:0 8%;}
.recruit dt{	width:20%;border-bottom: 1px dashed #777777;	font-size:85%;}
.recruit dd{	width:80%;border-bottom: 1px dashed #777777;	font-size:85%;}

 dl.recruit2{	width:70%;margin:0 8%;}
.recruit2 dt{	width:25%;border-bottom: 1px dashed #777777;	font-size:85%;}
.recruit2 dd{	border-bottom: 1px dashed #777777;	font-size:85%;}

.about_privacy{padding:8%;}
.recruit3{	margin:0 8%;font-size:85%;}
.recruit_box{border:1px solid #004068;display:block;margin:25px 0;}


@media screen and (max-width: 320px) {
  dl{
    flex-flow: column nowrap;
  }
  dt,
  dd{
    width: 100%;
  }
  dd{
    border-left: none;
  }
}
 dl.office{	margin:0 2%;}
.office dt, .office dd{	border-bottom: 1px solid #ccc;	font-size:85%;
}

.breadcrumbs{
	font-size:75%;
}

/* overlay */
#overlay, #btn{display:none;}

@media (max-width: 767px){
	img {max-width:100%;height:auto;}
	#container {width:100%;margin:0 auto;padding:0;}
	#sidebar {display:none;}
	#main {width:98%;height:auto;padding:20px 0;margin:0 1%;display:block;}
	#footer section{width:100%;text-align:center;display:block;font-size:11px;}
	#footer a{color:#FFFFFF;}
	#maintaine {display:block;background:#042B66;padding-bottom:10px;}
	#maintaine img{max-width:70%;height:auto;vertical-align:bottom;}
	#copyright {display:block; background:#042B66;padding-bottom:10px;}
	/* .gmap{float:none;}  */
	.gmap img {max-width:90px;height:auto;}
	.tel01{display:block;}
	.fax01{display:block;padding:0;}
	
	/* overlay */
#header{display:none;}
#btn { color: #FFFFFF; display: block; margin: 0; width: 100%; text-align: right; padding: 0; 
box-sizing: border-box;background:url(images/head_logosb.png) no-repeat;
}
#btn img{vertical-align:bottom;border:0;}
#overlay {display: none; width: 100%; height: 100%; position: fixed; top: 0; z-index: 100; background: rgba(255,255,255,0.8);overflow-y:scroll;}
#overlay ul{list-style-type:none;margin:10px 0; padding:0;}
#overlay li{list-style: none;width:48%;height:60px; padding:0; margin:1%;float:left;background:#042B66;text-align:center;}
#overlay a{width:100%;line-height:60px;display:block;text-decoration:none;color:#FFFFFF;}
#close {width: auto; margin: auto; text-align: right; padding: 0;background:url(images/head_logosb.png) no-repeat;}
	
.page-white{background:#FFFFFF;width:100%;height:auto;padding:0;margin:0;display:block;}
.page-recruit{width:100%;height:auto;padding:0;margin:0;display:block;}
.about_privacy{font-size:80%;}
#main ul{padding:1% 0 5% 5%;}
#main dl{font-size:75%;}
.recruit3{font-size:65%;}
	
}