@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
 border: 0;
 font-family: inherit;
 font-size: 100%;
 font-style: inherit;
 font-weight: inherit;
 margin: 0;
 outline: 0;
 padding: 0;
 vertical-align: baseline;
}

:focus {
 outline: 0;
}

ol,
ul {
 list-style: none;
}

table {
 border-collapse: separate;
 border-spacing: 0;
}

caption,
th,
td {
 font-weight: normal;
 text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
 content: "";
}

blockquote,
q {
 quotes: """";
}

a img {
 border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display: block;
}

body {
 font: 14px/2.0;
 color: #252525;
 -webkit-text-size-adjust: none;
 background: #fff;
 font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}

p {
 font-size: 14px;
 line-height: 1.9;
 font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

/* リンク設定
------------------------------------------------------------*/
a {
 margin: 0;
 padding: 0;
 text-decoration: none;
 outline: 0;
 vertical-align: baseline;
 background: transparent;
 font-size: 100%;
 color: #777;
}

h1 {
 font-size: 130%;
}

h1 span {
 font-size: 80%;
}

a:hover,
a:active {
 -webkit-transition: opacity 1s;
 -moz-transition: opacity 1s;
 -o-transition: opacity 1s;
 outline: none;
 color: #999;
}

img {
 max-width: 100%;
}

table {
 border-collapse: collapse;
}

table tr {
 border-bottom: dashed 1px;
}

table tr th {
 padding: 20px 0;
 width: 25%;
 font-weight: bold;
}

table tr td {
 font-weight: lighter;
 padding: 20px 0;
 width: 75%;
}

.nav-unshown {
 display: none;
}

/**** Clearfix ****/
/*

/* レイアウト
------------------------------------------------------------*/
#wrapper,
.inner {
 text-align: center;
 margin: 0 auto;
 width: 960px;
}

#header {
 overflow: hidden;
 background: #fff;

}

header {
 width: 100vw;
}

#content {
 /**float:left;**/
 width: 100%;
 padding: 30px 0;
}

#sidebar {
 width: 225px;
 padding: 30px 0;
}

#footer {
 clear: both;
 padding-top: 20px;
 border-bottom: 1px solid #5d5d5d;
 background: #f6f6f6;
}




/* ヘッダー
*****************************************************/
#header .bg {
 background: #eee;
}


/* サイト説明文 + 住所
----------------------------------*/
#header h1,
#header p {
 padding: 3px 0;
 font-size: 80%;
 font-weight: normal;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2 {
 float: left;
 padding: 20px 0 10px 10px;
 color: #515151;
 font-size: 160%;
 font-weight: bold;
}

#header img {
 margin-bottom: 0px;
 padding: 0px;
}

#header.bg-gray {
 background-color: #f4f4f4;
 z-index: -1;
 margin: 0 calc(50% - 50vw);
 margin-top: 0px;
 padding: 0 calc(50vw - 50%);
}

/* サブナビゲーション
----------------------------------*/

/* トップページ　メイン画像
----------------------------------*/
#mainImg {
 clear: both;
 margin-top: 20px;
 line-height: 0;
 text-align: center;
 z-index: 0;
 height: auto;
}

.toppage {
 margin: 0 0 20px 0;
 padding: 10px;
 border: 1px solid #dadada;
 background: #fff;
}


/* タイポグラフィ
*****************************************************/
h2.toppage {
 clear: both;
 margin: 0;
 padding: 10px 10px 10px 15px;
 font-size: 110%;
 border: 1px solid #dadada;
 border-bottom: 0;
 background: #fff url(images/border.png) repeat-x 0 100%;
}

h2.title {
 margin: 0 0 10px;
 padding: 0 5px 0 15px;
 line-height: 37px;
 font-size: 110%;
 font-weight: normal;
 color: #252525;
 border: 0;
 border-bottom: 2px solid #ddd;
 background: none;
}

.dateLabel {
 margin: 10px 0 10px;
 text-align: right;
 font-weight: bold;
 color: #858585;
}

img.aligncenter {
 display: block;
 margin: 5px auto;
 text-align: center;
}

div.aligncenter {
 text-align: center;
}

.aligncenter img {
 margin: 0px auto;
 padding: 0px auto;
}

img.alignright,
img.alignleft {
 padding: 4px;
 margin: 0 0 2px 7px;
 display: inline;
}

img.alignleft {
 margin: 0 7px 2px 0;
}

.alignright {
 float: right;
}

.alignleft {
 float: left;
}

div.alignright {
 float: right;
}

div.alignleft {
 float: left;
}

.bg-gray {
 background-color: #f4f4f4;
 z-index: -1;
 margin: 0 calc(50% - 50vw);
 padding: 0 calc(50vw - 50%);
}

.bg-orabge {
 background-color: #FEECD2;
}

/* フッター
*****************************************************/
#footer ul {
 padding-bottom: 10px;
}

#footer ul li {
 display: inline-block;
 vertical-align: text-top;
 text-align: left;
 padding: 5px 0;
 margin-right: 60px;
 background: url(images/arrow.png) no-repeat 0 12px;
}

#footer ul li a {
 display: block;
 padding: 0 0 0 12px;
 overflow: hidden;
 text-decoration: underline;
}

#footer ul li a:hover {
 text-decoration: none;
}

#footer ul li li {
 display: block;
 padding: 0;
 margin: 0 0 0 10px;
 background-position: 0 5px;
}


*:first-child+html #footer ul li {
 display: inline;
}

*:first-child+html #footer ul ul,
*:first-child+html #footer ul li li a,
*:first-child+html #footer ul li li {
 display: none;
}

#copyright {
 clear: both;
 padding: 10px;
 text-align: center;
 font-size: 75%;
 zoom: 1;
 color: #fff;
 background: #000;
}


/* page navigation
------------------------------------------------------------*/
.pagenav {
 clear: both;
 width: 100%;
 height: 30px;
 margin: 5px 0 20px;
}

.prev {
 float: left
}

.next {
 float: right;
}

#pageLinks {
 clear: both;
 color: #4f4d4d;
 text-align: center;
}

.kangei {
 font-weight: 900;
 font-size: 1.4em;
 color: #113;
 background: linear-gradient(transparent 50%, yellow 50%);
 margin: 8px auto 24px;
}

.saiyo_btn {
 float: right;
 display: inline;
 background-color: #383838;
 border-radius: 8px;
 padding: 8px 16px;
 font-size: 1.2em;
 color: white;
 text-align: right;
 margin: 40px 0px auto auto;
}

.saiyo_btn:hover {
 color: white;
 animation-delay: 5s;
 background-color: #555
}

/* バナー追加 */
.ec_banner {
 max-width: 600px;
 margin: 0 auto 50px;
}

.ec_banner img {
 width: 100%;
 height: auto;
}

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px) {

 .center_box {
  clear: both;
  position: relative;
  bottom: 40px;
  margin: 0 15%;
  background-color: white;
  text-align: center;
  padding: 30px;
 }

 .right_box {
  float: right;
  width: 140px;
  margin: 0px;
  position: relative;
  top: 10px;
  right: 30px;
  padding: 10px;
  background-color: #EEE;
 }

 .title_box {
  float: left;
  position: absolute;
  width: 40%;
  background-color: white;
  text-align: center;
  top: 180px;
  padding: 20px 50px;
 }

 .title_box h1 {
  font-size: 24px !important;
  color: #1e2b6b;
 }

 .title_box h3 {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  border-bottom: 1px solid;
  margin-bottom: 10px;
 }

 /*スライドショー*/
 #slideshow {
  position: relative;
  width: 100%;
  /* 画像の横幅に合わせて記述 */
  /* 画像の高さに合わせて記述 */
  height: 100%;
  padding: 50% 0 0;
 }

 #slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  opacity: 0.0;
 }

 #slideshow img.active {
  z-index: 10;
  opacity: 1.0;
 }

 #slideshow img.last-active {
  z-index: 9;
 }

 /*/スライドショー*/

 tr,
 th,
 td {
  font-size: 14px;
 }

 /* メインメニュー　PC用
	------------------------------------------------------------*/
 div#subNav {
  display: block;
  float: right;
 }

 div#subNav ul {
  margin: 0px;
 }

 div#subNav ul li:first-child {
  border-left: 1px solid;
 }

 div#subNav ul li {
  display: inline;
  margin: 0px;
  border-left: 1px solid;
  padding: 0px 20px;
  border-right: 1px solid;
 }

 div#subNav ul li a {
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #555;
 }

 nav#mainNav {}

 nav#mainNav.inner {
  background-color: yellow;
 }

 nav#mainNav ul li {
  display: block;
  float: left;
  width: 100px;
 }

 nav#mainNav ul li a {
  text-align: center;
  color: #000;
  height: 20px;
  line-height: 20px;
  font-size: 100%;
  font-weight: normal;
  padding: 10px 20px 5px;
 }

 nav#mainNav ul li a span,
 nav#mainNav ul li a strong {
  display: block;
  font-size: 90%;
  line-height: 1.4;
 }

 nav#mainNav ul li a span {
  font-size: 70%;
  display: none;
  color: #265b8b;
 }

 nav div.panel {
  display: block !important;
  float: right;
 }

 .sub-menu {
  display: none;
 }

 nav#mainNav ul li:hover {
  border: solid 1px;
  border-color: #EEE
 }

 nav#mainNav ul li:hover ul.sub-menu {
  clear: both;
  position: absolute;
  width: 180px;
  line-height: 2.0;
  text-align: left;
  display: inline-block;
  z-index: 200;
 }

 nav#mainNav ul li:hover ul.sub-menu li {
  clear: both;
  position: relative;
  width: 180px;
  right: 60px;
  padding: 15px 5px;
  text-align: left;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
 }

 nav#mainNav ul li:hover ul.sub-menu li:hover {
  clear: both;
  border: solid 1px;
  border-color: #EEE;
  width: 180px;
  padding: 15px 5px;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.8);
  display: inline-block;
 }

 a#menu {
  display: none;
 }

 nav#mainNav ul li.current-menu-item,
 nav#mainNav ul li:hover,
 nav#mainNav ul li.current-menu-parent {
  /**background:url(images/mainnavBg.png)**/
 }

 nav#mainNav ul li li,
 nav#mainNav ul li li:first-child {
  padding: 0 0 5px 0;
  margin: 0;
  font-size: 13px;
  line-height: 1.0;
  vertical-align: bottom;
  border: 0;
 }

 nav#mainNav ul li li a {
  width: 100%;
  padding: 0 0 5px 0;
  vertical-align: bottom;
  line-height: 1.0;
  text-align: left;
 }

 nav#mainNav ul li li.current-menu-item a {
  font-weight: bold;
 }

 nav#mainNav ul li li:hover {
  padding: 0 0 5px 0;
  margin: 0;
  line-height: 1.0;
  vertical-align: bottom;
  border: 0;
 }

 nav#mainNav ul li:hover ul li:last-child {
  border: 0;
 }

 /*TOPページ*/
 img#mainImg {
  text-align:
   display: block;
  margin: 0 auto;
  width: 100vw;
 }

 div.top {
  text-align: center
 }

 .top h1 {
  color: #1e2b6b;
  line-height: 4.0;
  display: block;
  font-size: 24px;
 }

 .top h2 {
  line-height: 2.0;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  display: block;
  font-size: 18px;
 }

 div.catch-copy {
  padding: 50px 0;
 }

 /*/TOPページ*/

 /*ごあいさつpc*/
 #greeting img {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 0px;
 }

 #greeting {
  display: block;
  margin: 0 auto padding:0px;
 }

 div.greeting_box {
  text-align: left;
  background-color: white;
  margin: 0 auto 40px;
  padding: 60px 30px;
 }

 div.greeting_box h1 {
  text-align: right;
  right: 0px;
  margin: 20px 0 0 0;
  position: relative;
  display: block;
 }


 img.syatyo {
  position: relative;
  top: 40px;
 }

 div.rinen {
  background-image: url("images/rinen_pc.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0px calc(50% - 50vw);
  padding: 50px calc(50vw - 50%);
 }

 div.rinen div.box {
  text-align: center;
  background-color: white;
  width: 100%;
  margin: 40px auto;
  position: relative;
  padding: 40px 0px;
 }

 div.rinen div.box div {
  text-align: left;
  padding: 0 25%;
 }


 div.rinen div.box h2,
 div.syaze-syakun div.box h2,
 .data h3 {
  border-bottom: solid 1px;
  padding: 0px 0px;
 }

 div.rinen div.box h1,
 div.syaze-syakun div.box h1 {
  padding: 30px;
  font-size: 150%;
 }

 div.mission {
  padding: 40px 0;
  display: block;
  text-align: center;
  margin: auto;
  background-color: ;
  width: 70%;
 }


 div.mission div.box {
  text-align: center;
  background-color: white;
  margin: auto;
  position: relative;
  padding: 40px 0px;
 }

 div.mission div.rrrr {
  text-align: center;
  margin: 0px auto;
  width: 100%;
  position: relative;
  padding: 40px 0px;
 }

 div.mission div.rrrr div {
  margin: 20px 0;
 }

 div.mission div.rrrr h1 {
  color: white;
  padding: 10px 20px;
  display: inline-block;
  width: 100%;
  font-family: "arial black", sans-serif;
  font-weight: 900;
  background-color: #F2CA21;
 }

 div.mission div.rrrr h1 span {
  font-size: 80%;
 }

 div.mission div.rrrr h2 {
  color: black;
  padding: 10px 20px;
  display: block;
  width: 100%;
  background-color: white;
 }

 div.syaze-syakun {
  background-image: url("images/syaze-syakun.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  margin: 0px calc(50% - 50vw);
  padding: 50px calc(50vw - 50%);
  text-align: center;
 }

 div.syaze-syakun div.box {
  display: inline-block;
  background-color: white;
  vertical-align: top;
  width: 300px;
  height: 300px;
  margin: 40px 10px;
  position: relative;
  padding: 40px;
 }

 div.syaze-syakun div.box p.left {
  text-align: left;
 }


 /*事業案内pc*/
 .business p {
  text-align: left;
  padding: 0 15%;
  display: block;
  position: relative;
  bottom: 0px;
  margin: 0 auto;
 }

 .business img {
  display: block;
  margin: 40px auto;
 }

 .business div.center_box {
  clear: both;
  position: relative;
  bottom: 60px;
  background-color: white;
  text-align: center;
  padding: 30px 20px;
  margin: 0 20%;
  margin-bottom: -30px;
 }

 /*先輩の声pc*/
 div.rec_voice {
  clear: both;
  padding: 20px 0;
  margin: 20px 0;
  overflow: hidden;
  background-color: white;
 }

 div#rec_voice {
  text-align: left;
  padding: 10px 20px;
 }

 div.clear {
  clear: both;
  display: inline;
  height: 30px;
 }

 div.rec_voice_int {
  width: 600px;
  margin: 0;
  padding: 0;
  vertical-align: top;
 }

 div.rec_voice_int p {
  text-align: left;
  vertical-align: top;
  width: 300px;
  margin: 20px 0;
 }

 div.rec_voice_int .post {}

 div.rec_voice_int .schedule {
  margin: 20px 0;
  width: 280px;
 }

 div.rec_voice div.box {
  padding: 24px;
 }

 div.rec_voice div.box h2 {
  font-size: 24px;
 }

 div.rec_voice div.box p {
  line-height: 1.4;
 }

 div.rec_voice div.box h1 {
  text-align: center;
 }

 .gray {
  background-color: #f4f4f4;
 }

 .white {
  background-color: white;
 }

 div.rec_voice p {
  display: inline-block;
 }

 div.alignleft {
  float: left;
 }

 .rec_voice_int p {
  width: 400px;
  margin: 0px;
 }

 .tategaki {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
 }

 h1.tategaki {
  position: relative;
  display: inline-block;
  margin: 0px;
  padding: 0px;
  top: 28px;
  font-size: 44px
 }

 span.qtn {
  color: #555;
 }

 .sp {
  display: none;
 }

 /*採用情報pc*/

 p.recruit_lead {
  display: inline-block;
  margin: 0px auto 20px auto;
  text-align: left;
  width: 80%;
 }

 div.recruit {
  text-align: center;
  display: inline-block;
  margin-top: 0px;
 }

 div.recruit div.center_box {
  display: inline-block;
  width: 60%;
  text-align: center;
  position: relative;
  padding: 30px 50px;
 }

 div.recruit div.box {
  display: inline-block;
  width: 60%;
  text-align: center;
  background-color: #FEECD2;
  position: relative;
  padding: 30px 50px;
  margin-bottom: 50px;
 }

 div.recruit div.box div {
  display: block;
  width: 85%;
  margin: auto;
  text-align: center;
  background-color: white;
  position: relative;
  padding: 20px 20px;
 }

 div.recruit div.box div p {
  font-size: 80%;
 }

 div.recruit div.box div h1 {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  font-weight: 900;
 }

 div.recruit div.qanda div.center_box {
  display: inline-block;
  margin: 20px 20px;
  text-align: left;
  width: 80%;
  max-width: 960px
 }


 .yajirushi {
  margin: 10px;
  width: 30px;
 }

 .qanda h3 {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  text-indent: -3.5em;
  padding-left: 3.5em;
  line-height: 2.2em;
 }

 .qanda h3.Q {
  font-size: 24px;
  font-weight: 900;
 }

 .qanda span {
  vertical-align: -4px;
  color: #1E2B6B;
  font-size: 32px;
  font-family: "arial black", sans-serif;
  font-weight: 900;
 }

 div.data div.center_box {
  display: inline-block;
  margin: 20px 20px;
  width: 80%;
  padding: ;
  max-width: 960px
 }

 .data {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
 }

 div.gaiyou div.lead p {
  display: inline-block;
  margin: 20px auto;
  text-align: left;
  width: 66%;
 }

 div.gaiyou div.lead p {
  display: inline-block;
  margin: 20px auto;
  text-align: left;
  width: 66%;
 }

 #access .center_box {
  clear: both;
  top: 0px;
  position: relative;
  margin: 30px 20%;
  background-color: white;
  text-align: center;
 }

 #access .center_box {
  clear: both;
  top: 0px;
  position: relative;
  margin: 30px 20%;
  background-color: white;
  text-align: center;
 }

 #access div {
  margin: 30px 20%;
  text-align: left;
 }

 #access h3 {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
 }

 #access p {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
 }

 /*お問い合わせpc*/
 blockquote {
  display: block;
  width: 70%;
  text-align: center;
  background-color: #FEECD2;
  position: relative;
  padding: 30px 50px;
  margin: 60px auto;
 }

 #contact div.post p {
  text-align: left;
  padding: 10px 15%;
 }

 #contact table tr {
  border: none;
 }

 #contact table tr th,
 #contact table tr th {
  vertical-align: top;
 }

 table.form tr td {
  margin: 2px;
  width: 70%;
  vertical-align: top;
 }

 table.form tr td input {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 4px;
  height: 2em;
 }

 table.form tr td textarea {
  border: 1px solid #ccc;
  border-radius: 4px;
 }



 blockquote div.center_box {
  clear: both;
  position: relative;
  bottom: 70px;
  margin: 0 15%;
  background-color: white;
  text-align: center;
  padding: 30px;
 }

 #contact {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
 }

 input[type="text"] {
  width: 80%;
 }

 textarea {
  width: 80%;
 }


}

/* PCはここまで
------------------------------------------------------------*/



/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:959px) {
 nav#mainNav {
  clear: both;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
 }

 nav#mainNav .inner {
  width: 98%;
 }

 /**↓メニューの矢印ボタン（開く前）**/


 nav#mainNav a#menu span {
  padding-left: 35px;
 }

 /**↓メニューの矢印ボタン（開いた後）**/

 nav#mainNav a#menu:hover {
  cursor: pointer;
 }

 nav .panel {
  display: none;
  width: 100%;
  position: relative;
  right: 0;
  top: 0;
  z-index: 1;
 }

 nav#mainNav ul {
  margin: 0;
  padding: 0;
 }

 nav#mainNav ul li {
  float: none;
  clear: both;
  width: 100%;
  height: auto;
  line-height: 1.2;
 }

 nav#mainNav ul li a,
 nav#mainNav ul li.current-menu-item li a {
  display: block;
  padding: 15px 10px;
  text-align: left;
  border-bottom: 1px solid #56a8e7;
  background: #fff;
 }

 nav#mainNav ul li a span {
  display: none;
 }

 nav#mainNav ul li.current-menu-item a,
 nav#mainNav ul li a:hover,
 nav#mainNav ul li.current-menu-item a,
 nav#mainNav ul li a:active,
 nav#mainNav ul li li.current-menu-item a,
 nav#mainNav ul li.current-menu-item li a:hover,
 nav#mainNav ul li.current-menu-item li a:active {
  color: #fff;
  background: rgba(150, 150, 150, 0.60);
 }

 nav#mainNav ul li.current-menu-item li a {
  color: #777
 }

 nav#mainNav ul li li {
  float: left;
  border: 0;
 }

 nav#mainNav ul li li a,
 nav#mainNav ul li.current-menu-item li a,
 nav#mainNav ul li li.current-menu-item a {
  padding-left: 40px;
  background: #fff url(images/sub1.png) no-repeat 20px 18px;
 }

 nav#mainNav ul li li.current-menu-item a,
 nav#mainNav ul li li a:hover,
 nav#mainNav ul li.current-menu-item li a:hover {
  background: rgba(150, 150, 150, 0.60);

  nav#mainNav ul li li:last-child a {
   background: #fff url(images/subLast.png) no-repeat 20px 20px;
  }

  nav#mainNav ul li li:last-child.current-menu-item a,
  nav#mainNav ul li li:last-child a:hover,
  nav#mainNav ul li.current-menu-item li:last-child a:hover {
   background: #357dbd url(images/subLast.png) no-repeat 20px -65px;
  }

  nav div.panel {
   float: none;
  }

  #mainImg {
   margin-bottom: 20px;
  }
 }


 /* 959px以下から 1カラム表示
------------------------------------------------------------*/
 @media only screen and (max-width: 959px) {

  #wrapper,
  #header,
  .inner {
   width: 100%;
  }

  #header h1,
  #header p {
   padding: 5px 10px;
  }

  #header h2 {
   padding: 20px 10px 0;
  }

  #header ul {
   padding: 20px 10px 10px;
  }


  nav#mainNav ul,
  .thumbWrap {
   margin: 0 auto;
  }

  nav#mainNav ul ul {
   padding: 0;
  }

  nav div.panel {
   float: none;
  }

  #mainImg img {
   width: 98%;
   height: auto;
  }

  #content,
  #sidebar {
   clear: both;
   width: 95%;
   float: none;
   margin: 0 auto;
   padding: 10px 0;
  }

  #banners {
   width: 100%;
   margin: 0 auto;
   text-align: center;
  }

  #banners p {
   display: inline;
   margin: 0 10px;
  }

  #banners p img {
   width: 100%;
   height: auto;
  }

  section.widget_search {
   text-align: center;
  }

  #footer {
   margin: 0;
   border: 0;
   text-align: center;
  }

  #footer ul {
   text-align: center;
  }

  #footer ul li {
   margin-right: 20px;
  }

  body {
   font: 12px/2.0;
   color: #252525;
   -webkit-text-size-adjust: none;
   background: #fff;
   font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;

  }

  p {
   font-size: 12px;
   line-height: 1.9;
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  }

  .title_box {
   clear: both;
   position: relative;
   top: -40px;
   background-color: white;
   text-align: center;
   padding: 20px;
   margin: 0 20%;
  }

  .title_box h1 {
   font-size: 18px !important;
   color: #1e2b6b;
  }

  .title_box h3 {
   font-size: 12px;
   margin: 0;
   text-align: center;
   display: inline-block;
   border-bottom: 1px solid;
   margin-bottom: 10px;
  }

  .center_box {
   clear: both;
   position: relative;
   bottom: 40px;
   margin: 0 15%;
   background-color: white;
   text-align: center;
   padding: 30px;
  }

  .center_box h1 {
   font-size: 16px;
  }


  #slideshow {
   position: relative;
   width: 100%;
   /* 画像の横幅に合わせて記述 */
   /* 画像の高さに合わせて記述 */
   height: 100%;
   padding: 131% 0 0;
  }

  #slideshow img {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
  }

  #slideshow img.active {
   z-index: 10;
   opacity: 1.0;
  }

  #slideshow img.last-active {
   z-index: 9;
  }


  tr,
  th,
  td {
   font-size: 14px;
  }

  /*TOPページsp*/
  img#mainImg {
   display: block;
   margin: 0 auto;
   width: 100vw;
  }

  div.top {
   text-align: center;
   padding: 50px 0;
  }

  .top h1 {
   color: #1e2b6b;
   line-height: 2.0;
   display: block;
   margin: 12px 0;
   font-size: 18px;
  }

  .top h2 {
   line-height: 2.0;
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
   display: block;
   font-size: 15px;
  }

  div.catch-copy {
   padding: 50px 0px;
  }

  /*ごあいさつsp*/
  .greeting img {
   display: block;
   margin: 0 auto;
   width: 200px;
  }

  #greeting img {
   display: block;
   margin: 0 auto;
   padding: 0px;
  }

  #greeting {
   display: block;
   margin: 0 auto;
   padding: 0px;
  }

  div.greeting_box {
   text-align: left;
   margin: 0 auto 40px;
   padding: 60px 10%;
  }

  div.greeting_box h1 {
   text-align: right;
   right: 0px;
   margin: 20px 0 0 0;
   position: relative;
   display: block;
  }


  img.syatyo {
   position: relative;
   top: 40px;
  }

  div.rinen {
   background-image: url("images/rinen_pc.jpg");
   background-size: cover;
   background-repeat: no-repeat;
   margin: 0px calc(50% - 50vw);
   padding: 50px calc(50vw - 50%);
  }

  div.rinen div.box {
   text-align: center;
   background-color: white;
   margin: 40px;
   position: relative;
   padding: 40px 0px;
  }

  div.rinen div.box div {
   text-align: left;
   padding: 10px 20px;
  }

  div.rinen div.box h2,
  div.syaze-syakun div.box h2,
  .data h3 {
   display: inline;
   border-bottom: solid 1px;
   padding: 0px 0px;
  }

  div.rinen div.box h1,
  div.syaze-syakun div.box h1 {
   padding: 20px;
   font-size: 130%;
  }

  div.mission {
   padding: 40px 0;
   display: block;
   text-align: center;
   margin: auto;
   background-color: ;
   width: 70%;
  }

  div.mission p {
   text-align: left;
   margin: 40px 0 0;
  }


  div.mission div.box {
   text-align: center;
   background-color: white;
   margin: auto;
   position: relative;
   padding: 20px 0px;
  }

  div.mission div.rrrr {
   text-align: center;
   margin: 0px auto;
   width: 100%;
   position: relative;
   padding: 0px 0px;
  }

  div.mission div.rrrr div {
   text-align: center;
   margin: 20px 0;
  }

  div.mission div.rrrr h1 {
   color: white;
   font-size: 110%;
   padding: 10px 0;
   display: block;
   width: 100%;
   font-family: "arial black", sans-serif;
   font-weight: 900;
   background-color: #F2CA21;
  }

  div.mission div.rrrr h1 span {
   font-size: 80%;
  }

  div.mission div.rrrr h2 {
   color: black;
   padding: 10px 20px;
   display: inline-block;
   width: 100%;
   background-color: white;
  }

  div.syaze-syakun {
   background-image: url("images/syaze-syakun.png");
   background-size: cover;
   background-repeat: no-repeat;
   z-index: -1;
   margin: 0px calc(50% - 50vw);
   padding: 50px calc(50vw - 50%);
   text-align: center;
  }

  div.syaze-syakun div.box {
   text-align: center;
   background-color: white;
   margin: 40px;
   position: relative;
   padding: 40px;
  }

  div.syaze-syakun div.box p.left {
   text-align: left;
  }

  div.syaze-syakun div.box h2 {
   display: block;
  }



  /**事業案内sp**/
  .business p {
   text-align: left;
   padding: 0 15%;
   display: block;
   position: relative;
   margin: 0 auto;
  }

  .business img {
   display: block;
   margin: 40px auto 0;
  }



  /*採用情報sp*/

  p.recruit_lead {
   display: inline-block;
   margin: -20px auto 20px auto;
   text-align: left;
   width: 80%;
  }

  div.recruit {
   text-align: center;
   display: inline-block;
   margin: 0px auto 10px 0px;
  }

  div.recruit div.center_box {
   display: inline-block;
   width: 60%;
   text-align: center;
   position: relative;
   margin-bottom: -20px;
   padding: 30px 0px;
  }

  div.recruit div.box {
   display: inline-block;
   width: 60%;
   text-align: center;
   background-color: #FEECD2;
   position: relative;
   padding: 30px 50px;
   margin-bottom: 50px;
  }

  div.recruit div.box div {
   display: block;
   width: 85%;
   margin: auto;
   text-align: center;
   background-color: white;
   position: relative;
   padding: 20px 20px;
  }

  div.recruit div.box div p {
   font-size: 80%;
  }

  div.recruit div.box div h1 {
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
   font-weight: 900;
  }

  div.recruit div.qanda div.center_box {
   display: inline-block;
   margin: 20px auto;
   text-align: left;
   width: 80%;
   padding: 20px;
   max-width: 960px
  }

  .yajirushi {
   margin: 10px;
   width: 30px;
  }

  .qanda h3 {
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
   font-size: 14px;
   text-indent: -3.5em;
   padding-left: 3.5em;
   line-height: 2.2em;
  }

  .qanda h3.Q {
   font-size: 18px;
   font-weight: 900;
  }

  .qanda span {
   vertical-align: -4px;
   color: #1E2B6B;
   font-size: 32px;
   font-family: "arial black", sans-serif;
   font-weight: 900;
  }

  .qanda {
   margin-top: 20px;
  }

  div#gaiyou div.center_box {
   display: inline-block;
   margin: 10px 10px;
   width: ;
  }

  .data {
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
   padding:
  }

  div.data div.center_box {
   display: inline-block;
   margin: 20px 20px;
   width: 80%;
   padding: 20px;
   max-width: 960px
  }

  /**先輩の声sp**/
  .pc {
   display: none;
  }

  h1.tategaki {
   position: relative;
   display: inline-block;
   margin: 10px 0% 0px 0%;
   text-align: center;
   padding: 5px 20px;
   font-size: 32px;
   background-color: white;
  }

  div.rec_voice {
   margin: auto;
  }

  div.catch-copy {
   width: ;
   margin: 10px 5% 0px 5%;
   padding: 0;
   vertical-align: ;
   background-color: ;
  }

  div.copy {
   width: ;
   margin: 10px 10% 0px 10%;
   padding: 0;
   vertical-align: ;
   background-color: white;
  }

  div.rec_voice_int {
   margin: auto;
   width: ;
   margin: 0px 10% 0px 10%;
   padding: 0;
   vertical-align: top;
   background-color: white;
  }

  div.rec_voice_int img {
   margin: 0 auto;
  }

  div.rec_voice div.box {
   text-align: center;
   background-color: white;
   border-top: solid 1px;
   border-bottom: solid 1px;
   width: 80%;
   margin: 0 auto;
   position: relative;
   top: -20px;
   padding: 20px 14px;
  }

  div.rec_voice_int p {
   vertical-align: top;
   width: 90%;
   margin: 0px auto;
  }

  div.rec_voice_int h2 {
   font-size: 24px;
  }

  div#rec_voice .post {
   text-align: left;
   display: inline-block;
   width: 80%;
  }

  div.rec_voice_int .post {
   text-align: left;
   display: inline-block;
   width: 80%;
  }

  span.qtn {
   color: #555;
  }

  div.rec_voice_int img.schedule {
   margin: 0px auto;
   width: 90%;
  }

  /*会社概要sp*/
  #gaiyou .center_box {}

  div.gaiyou div.lead h2 {
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
   display: inline-block;
   text-align: center;
   margin: 0px auto 10px;
   font-weight: 900;
   width: 70%;
  }

  div.gaiyou div.lead p {
   display: inline-block;
   text-align: center;
   margin: 0px auto 30px;
   width: 70%;
  }

  #access .center_box {
   clear: both;
   top: 0px;
   position: relative;
   margin: 30px 20%;
   background-color: white;
   text-align: center;
  }

  #access div {
   margin: 30px 20%;
   text-align: left;
  }

  #access h3 {
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  }

  #access p {
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  }


  .pc {
   display: none;
  }

  div.alignright {
   float: none;
  }

  div.alignleft {
   float: none;
  }

  /*ハンバーガー*/
  #nav-drawer {
   position: relative;
  }

  /*チェックボックス等は非表示に*/
  .nav-unshown {
   display: none;
  }

  /*アイコンのスペース*/
  #nav-open {
   display: inline-block;
   width: 30px;
   height: 22px;
   vertical-align: middle;
  }

  /*ハンバーガーアイコンをCSSだけで表現*/
  #nav-open span,
  #nav-open span:before,
  #nav-open span:after {
   position: absolute;
   height: 3px;
   /*線の太さ*/
   width: 25px;
   /*長さ*/
   border-radius: 3px;
   background: #555;
   display: block;
   content: '';
   cursor: pointer;

  }

  #nav-open span:before {
   bottom: -8px;
  }

  #nav-open span:after {
   bottom: -16px;
  }

  /*閉じる用の薄黒カバー*/
  #nav-close {
   display: none;
   /*はじめは隠しておく*/
   position: fixed;
   z-index: 99;
   top: 0;
   /*全体に広がるように*/
   right: 0;
   width: 100%;
   height: 100%;
   background: black;
   opacity: 0;
   transition: .3s ease-in-out;
  }

  /*中身*/
  #nav-content {
   overflow: auto;
   position: fixed;
   top: 0;
   left: 60%;
   z-index: 9999;
   /*最前面に*/
   width: 90%;
   /*右側に隙間を作る（閉じるカバーを表示）*/
   max-width: 40%;
   /*最大幅（調整してください）*/
   background: #fff;
   /*背景色*/
   transition: .3s ease-in-out;
   /*滑らかに表示*/
   -webkit-transform: translateX(105%);
   transform: translateY(-260%);
   /*上に隠しておく*/
  }

  /*チェックが入ったらもろもろ表示*/
  #nav-input:checked~#nav-close {
   display: block;
   /*カバーを表示*/
   opacity: .5;
  }

  #nav-input:checked~#nav-content {
   -webkit-transform: translateX(0%);
   transform: translateX(0%);
   /*中身を表示（右へスライド）*/
   box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
  }

  /**#h2{text-align: left;
	float:left;}**/

  #nav-drawer {
   text-align: right;
   margin-right: 3%;
   position: absolute;
   top: 30px;
   left: 90%;
  }


  /*お問い合わせsp*/
  blockquote {
   display: block;
   width: 80%;
   text-align: center;
   background-color: #FEECD2;
   position: relative;
   padding: 30px 30px;
   margin: 60px auto;
  }

  table.form {
   width: 100%;
  }

  table.form tr {
   border: none;
  }

  table.form tr th {
   width: 30%;
   vertical-align: top;
  }

  table.form tr td {
   width: 70%;
   vertical-align: top;
  }

  table.form tr td input {
   height: 2rem;
  }



  blockquote div.center_box {
   clear: both;
   position: relative;
   bottom: 70px;
   margin: 0 12%;
   background-color: white;
   text-align: center;
   padding: 30px;
  }

  #contact div.post p {
   font-size: 14px;
   text-align: left;
   display: inline-block;
   padding: 0px 0%;
   margin: 0 20%;
  }

  #contact {
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  }

  #contact .ttl {
   font-size: 100%;
   font-weight: 900;
  }

  #contact ol {
   text-align: left;
  }

  #contact ol {
   text-align: left;
  }

  #contact div.priv {
   display: inline-block;
   width: 80%;
   text-align: center;
   background-color: white;
   position: relative;
   padding: 30px 30px;
   margin: 10px 0;
  }

  input[type="text"] {
   width: 80%;
   padding: 10px 15px;
   /*ボックスを大きくする*/
   font-size: 16px;
   margin: 10px 0px;
   border-radius: 2;
   /*ボックス角の丸み*/
   border: 1px solid #eee;
   /*枠線*/
   box-sizing: border-box;
   /*横幅の解釈をpadding, borderまでとする*/
  }

  textarea {
   width: 80%;
   padding: 10px 15px;
   /*ボックスを大きくする*/
   font-size: 16px;
   margin: 10px 0px;
   border-radius: 2;
   /*ボックス角の丸み*/
   border: 1px solid #eee;
   /*枠線*/
   box-sizing: border-box;
   /*横幅の解釈をpadding, borderまでとする*/
  }
 }

 /* 幅648px以下から  トップページの３画像調節
------------------------------------------------------------*/
 @media only screen and (max-width: 648px) {
  .thumbWrap {
   width: 100%;
   margin: 0 auto;
   text-align: center;
  }

  .thumbWrap ul.thumb li {
   width: 30%;
   float: left;
   margin: 0 1% 0 2%;
  }

  .thumbWrap img {
   width: 100%;
   height: auto;
  }



 }

 /* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
 @media only screen and (max-width: 644px) {
  #header {
   text-align: center;
  }

  #header h2,
  #header ul {
   float: none;
  }

  #headerInfo {
   width: 250px;
   margin: 0 auto;
  }

  img.alignright,
  img.alignleft {
   display: block;
   margin: 5px auto;
  }

  .alignright,
  .alignleft {
   float: none;
  }

  #footer ul {
   text-align: left;
   padding: 15px;
  }

  #footer ul ul {
   padding: 0;
  }
 }