@charset "utf-8";
/* CSS Document */
#headOptions{border-bottom:solid 1px #333 !important;}
#siteTitleNavArea {position:static !important;}

#main {width:700px;float:right;line-height:1.6em;margin-bottom:60px;}
#main.one {width:100%;float:none;line-height:1.5em;}
#aside {width:250px;float:left;margin-bottom:60px;}

/*breadcrumb*/
#breadcrumb {width:90%;text-align:center;margin:20px auto 70px;overflow:hidden;}
#breadcrumb li {display:inline;font-size:0.9em;white-space:nowrap;}
#breadcrumb li:before {content:">";margin:0 10px;}
#breadcrumb li:first-child:before {display:none;}
#breadcrumb li a {color:#51c1c2;/*white-space:nowrap;*/}

.recruit #breadcrumb li a {color:#f29a0e;}

/*lnav*/
#aside h2 {font-size:1.45em;color:#fff;padding:30px 1em;background:#7ecccd;text-align:center;}
#lnav a {display:block;}
#lnav .lv01 {background:#f2f4f4;}
#lnav .lv01 > li {border-bottom:solid 1px #ddd;}
#lnav .lv01 > li:first-child {border-top:solid 1px #ddd;}
#lnav .lv01 > li > a {background:url(../img/lnav-lv01.png) no-repeat 20px center;padding:25px 1em 25px 35px;}
#lnav .lv01 > li > a:hover {background-color:#fefefe;}
#lnav .lv01 > li.current {background:#dceeee;}
#lnav .lv01 > li.current > a {color:#4eb2b3;font-weight:bold;}

#lnav .lv01 > li .lv02 {display:none;}
#lnav .lv01 > li.current .lv02 {display:block;background:#dceeee;}
#lnav .lv02 > li > a {background:url(../img/lnav-lv02.png) no-repeat 40px center;padding:10px 1em 10px 55px;}
#lnav .lv02 > li > a:hover {background-color:#fefefe;}
#lnav .lv02 > li.current > a {color:#4eb2b3;font-weight:bold;}

#lnav .lv02 > li .lv03 {display:none;}
#lnav .lv02 > li.current .lv03 {display:block;background:#dceeee;}
#lnav .lv03 > li > a {padding:10px 1em 10px 70px;}
#lnav .lv03 > li > a:hover {background-color:#fefefe;}
#lnav .lv03 > li.current > a {color:#4eb2b3;font-weight:bold;}

.recruit #aside h2 {background-color:#f29a0e;}
.recruit #lnav .lv01 > li > a {background-image:url(../img/arrow-orange.png);background-size:5px auto;}
.recruit #lnav .lv02 > li > a {background-image:url(../img/lnav-lv02-orange.png);}
.recruit #lnav a:hover,
.recruit #lnav .lv01 > li.current > a,
.recruit #lnav .lv02 > li.current > a {color:#e68921;}
.recruit #lnav .lv01 > li.current > a,
.recruit #lnav .lv01 > li.current .lv02 {background-color:#f2ece4;}

.asideBanner {display:none;}
.asideBanner img,
.asideBanner a {display:block;}
#aside .asideBanner {margin:10px auto 10px;display:block;}

img {max-width:100%;}
.w30 {width:30%;height:auto;margin:0 auto;display:block;}
.w40 {width:40%;height:auto;margin:0 auto;display:block;}
.w50 {width:50%;height:auto;margin:0 auto;display:block;}
.w60 {width:60%;height:auto;margin:0 auto;display:block;}
.w70 {width:70%;height:auto;margin:0 auto;display:block;}
.w80 {width:80%;height:auto;margin:0 auto;display:block;}
.w90 {width:90%;height:auto;margin:0 auto;display:block;}

hr {margin:30px 0;color:#ccc;}
.red {color:red;}
.border {border:solid 1px #ccc;}
.txt-icon {display:inline-block;font-size:0.8em;background:#4eb2b3;color:#fff;padding:0 5px;margin-right:10px;}


.recruit .category-title {background-color:#aaa;}

.page-title {font-size:2.3em;line-height:1.3em;color:#4eb2b3;padding-bottom:5px;border-bottom:solid 1px #4eb2b3;margin-bottom:50px;}
.sub-title {font-size:1.4em;line-height:1.3em;color:#4eb2b3;border:solid 1px #4eb2b3;padding:15px 20px;margin-bottom:30px;}

.headline {font-size:1.4em;line-height:1.5em;position:relative;padding-left:15px;margin-bottom:30px;}
.headline:before {content:"";display:block;width:3px;height:calc(100% - 0.5em);background:#4eb2b3;position:absolute;left:0;top:0.15em;}

.text-title {font-size:1.3em;line-height:1.5em;color:#4eb2b3;margin-bottom:20px;}
.bold {font-size:1.15em;line-height:1.5em;font-weight:bold;margin-bottom:10px;}




.disc li {padding-left:25px;background:url(../img/list-disc.png) no-repeat 6px 0.6em;background-size:4px auto;margin-bottom:0.5em;}
.diamond li {padding-left:25px;background:url(../img/list-diamond.png) no-repeat 0 0.3em;background-size:16px auto;margin-bottom:0.5em;}
.flour li {padding-left:25px;background:url(../img/list-flour.png) no-repeat 2px 0.4em;background-size:10px auto;margin-bottom:0.5em;}
.dot li {padding-left:25px;background:url(../img/list-dot.png) no-repeat 6px 0.7em;background-size:;margin-bottom:0.5em;}
.checkIcon li {padding-left:25px;background:url(../img/list-check.png) no-repeat 0 0.3em;margin-bottom:0.5em;}

.decimal {margin-left:25px;}
.decimal>li {list-style:decimal;margin-bottom:15px;}

.point {padding-left:20px;background:url(../img/list-disc.png) no-repeat left center;margin-right:2em;white-space:nowrap;}
.bb {border-bottom:solid 1px #4eb2b3;color:#4eb2b3;font-size:1.3em;line-height:1.5em;margin-bottom:15px;padding-bottom:10px;}

ul[data-cols="2"] li {width:46.25%;}
ul[data-cols="2"] li:nth-child(odd) {float:left;clear:left;}
ul[data-cols="2"] li:nth-child(even) {float:right;}

ul[data-cols="2"]:before,
ul[data-cols="2"]:after,
.column:before,
.column:after {content:"";display:table;clear:both;}
.column .small {font-size:0.8em;line-height:1.5em;}

.column[data-cols="2"] > div {width:46.25%;}
.column[data-cols="2"] > div:nth-child(odd) {float:left;clear:both;}
.column[data-cols="2"] > div:nth-child(even) {float:right;}

.column[data-cols="3"] > div {width:30%;float:left;margin-left:5%;}
.column[data-cols="3"] > div:nth-child(3n+1) {clear:both;margin-left:0;}

.column.twin > div {display:table;}
.column.twin > div > div {display:table-cell;width:46%;vertical-align:top;}
.column.twin > div > div:first-child {width:50%;padding-right:4%;}
.column.twin > div > div hr {margin:20px 0;color:#80c5c6;}
.column.twin > div > div p {font-size:0.85em;}

.table-list li {display:table;width:100%;border-bottom:solid 1px #80c5c6;padding-bottom:10px;margin-bottom:30px;}
.table-list li > div {display:table-cell;}
.table-list li > div:first-child {width:160px;text-align:center;font-weight:bold;}

table th,
table td {border:solid 1px #999;padding:20px;text-align:center;}
table th {background:#7ecccd;color:#fff;font-weight:bold;}

table.address th,
table.address td {border:none;background:none !important;color:#333 !important;}


.shield {width:324px;padding-bottom:43px;position:relative;margin-bottom:20px;}
.shield .shild-inner {padding:0 0 15px;}
.shield p {font-size:1.2em;font-weight:bold;padding-bottom:5px;border-bottom:solid 1px #438cde;text-align:center;color:#438cde;margin-bottom:8px;}
.shield .dot li {margin-bottom:2px;}
.shield .bottoms {position:absolute;width:100%;height:43px;bottom:0;left:0;overflow:hidden;}
.shield .bottoms:before {content:"";width:0;height:0;border:20px solid transparent;border-top: 20px solid #438cde;position:absolute;left:50%;top:0;margin-left:-25px;}
.shield.orange p {border-color:#df9520;}
.shield.orange .bottoms:before {border-top: 20px solid #df9520;}
.shield.orange p {color:#df9520;}
.shield.blue:last-child .bottoms,
.shield.orange:last-child .bottoms {display:none;}

.border-box {border:solid 3px #80c5c6;padding:20px 30px;}
.border-box h3 {font-size:1.15em;margin-bottom:25px;color:#80c5c6;font-weight:bold;}

a.pdf {padding:3px 32px 3px 0;background:url(../img/icon-pdf.png) no-repeat right center;background-size:18px auto;}
a.outlink {padding:3px 28px 3px 0;background:url(../img/out.png) no-repeat right center;}

.prev_next > .btn {width:245px;}
.prev_next > .btn.prev {float:left;background:url(../img/arrow-left.png) no-repeat 19px center;text-indent:0;padding:20px 40px}
.prev_next > .btn.prev:hover {background-color:#4eb2b3;background-image:url(../img/arrow-left-white.png);}
.prev_next > .btn.next {float:right;background:url(../img/arrow-right.png) no-repeat right 19px center;text-indent:0;padding:20px 40px;}
.prev_next > .btn.next:hover {background-color:#4eb2b3;background-image:url(../img/arrow-right-white.png);}

.recruit .prev_next > .btn.prev:hover,
.recruit .prev_next > .btn.next:hover {background-color:#f29a0e;border-color:#f29a0e;}


.logo-link {display:block;width:100%;border:solid 1px #ccc;position:relative;padding:10px 0 40px;}
.logo-link img {display:block;margin:0 auto;width:auto;height:50px;}
.logo-link div {text-align:center;width:100%;position:absolute;bottom:8px;font-size:0.8em;}
.logo-link div:after {content:"";display:inline-block;width:5px;height:10px;background:url(../img/arrow-right.png) no-repeat center center;margin-left:10px;}

.lunch-box {border:solid 1px #ccc;}
.lunch-box div {padding:20px 30px;}
.lunch-box > div:first-child {background:#d9eeee;border-bottom:solid 1px #ccc;font-size:1.3em;}
.lunch-box a {color:#28B3A8;}
.lunch-box a:hover {opacity:0.8;}

.friendPages > div:first-child {border-bottom:solid 1px #7ecccd;color:#4eb2b3;font-weight:bold;margin-bottom:50px;font-size:1.5em;line-height:1.5em;}
.friendPages ul li {width:30%;margin-left:5%;float:left;margin-bottom:20px;position:relative;}
.friendPages ul li:nth-child(3n+1) {margin-left:0;clear:both;}
.friendPages ul li a {display:block;background:#7ecccd url(../img/arrow_20.png) no-repeat right center;color:#fff;text-align:center;}
.friendPages ul li a span {display:table-cell;width:210px;height:40px;padding:20px 40px;vertical-align:middle;}

.bookmark-link {border:solid 1px #ccc;position:relative;margin-bottom:50px;}
.bookmark-link:before {content:"";display:block;width:26px;height:25px;background:url(../img/bookmark.png) no-repeat left top;position:absolute;left:0;top:0;}
.bookmark-link a{background:url(../img/arrow-gray.png) no-repeat right 14px center;}
.bookmark-link a,
.bookmark-link span {display:block;width:100%;height:100%;}
.bookmark-link:hover a {background-color:#eee;}
.bookmark-link a > div,
.bookmark-link span > div {padding:30px;}
.bookmark-link h3 {min-height:70px;font-size:1.5em;color:#4eb2b3;line-height:1.5em;}
.bookmark-link:hover a p,
.bookmark-link:hover span p {color:#333;}

.dbox {border:solid 1px #ccc;}
.dbox > div {padding:20px;}
.dbox > div:nth-child(1) {font-size:1.3em;color:#4eb2b3;background:#f2f4f4;font-weight:bold;line-height:1.5em;}
.dbox > div:nth-child(2) {border-top:solid 1px #ccc;}

.color-btn {display:block;padding:30px;text-align:center;background:url(../img/arrow-blue.png) no-repeat right 12px center;border:solid 2px #4eb2b3;color:#4eb2b3;font-size:1.15em;letter-spacing:1px;margin-bottom:20px;}
.color-btn:hover {background:#4eb2b3 url(../img/arrow-blue_on.png) no-repeat right 12px center;color:#fff;}
.color-txtlink {display:inline-block;color:#4eb2b3;padding-right:17px;background:url(../img/arrow-blue-min.png) no-repeat right center;}


/******************
	servis
*******************/
#primary-ather ul {text-align:center;}
#primary-ather li {display:inline-block;width:240px;height:240px;background:#6bc1c2 url(../img/arrow-down-white.png) no-repeat center 200px;overflow:hidden;border-radius:100%;margin:0 67px 40px;transition:0.1s;}
#primary-ather li:nth-child(1) {margin-left:0;}
#primary-ather li:nth-child(3) {margin-right:0;}
#primary-ather li a {display:block;width:100%;height:100%;color:#fff;font-size:1.25em;font-weight:bold;}
#primary-ather li:hover {transform:scale(0.95,0.95);}

.numberR {float:left;margin-right:20px;}
.numberR span {display:table-cell;width:3em;height:3em;color:#fff;font-weight:bold;border-radius:100%;vertical-align:middle;text-align:center;background:#6ecccc;}

.logos > div {display:block;width:100%;text-align:center;vertical-align:middle;border:solid 1px #ccc;margin-bottom:20px;}
.logos > div span {display:table-cell;width:1000px;height:80px;vertical-align:middle;}
.logos span img {max-height:60px;max-width:100%;vertical-align:bottom;}

/******************
	company
*******************/
#company > .inner.mes > div {width:47.6%;margin-bottom:100px; width: 53%;}
#company > .inner.mes > div:nth-child(2n) {float:right;clear:both; width: 43%;}
#company > .inner.mes > div:nth-child(2n+1) {float:left;}

#company > .inner.ath > div {width:30%;margin-bottom:100px;float:left;margin-left:5%;}
#company > .inner.ath > div:nth-child(3n+1) {margin-left:0;clear:both;}
#company > .inner.ath > div h2 {font-size:0.8em;margin-bottom:35px;}

#company > .inner > div img {display:block;width:100%;height:auto;}
#company > .inner > div h3 {font-size:23px;color:#6bc0c1;margin-bottom:35px;line-height:1.5em;border-top:solid 3px #6bc0c1;padding-top:30px;}
#company > .inner > div .name {font-size:1.15em;margin-bottom:40px;}
#company > .inner > div .name span {margin-left:20px;font-size:1.5em;letter-spacing:2px;vertical-align:middle;}
#company > .inner > div p {margin-bottom:30px;line-height:1.8em;}
#company > .inner > div .btn {display:block;margin:0 auto;}
#company > .inner > div a:hover img {opacity:0.7;}

/******************
	recruit
*******************/
#recruitSlide {margin-bottom:20px;}

#message a,
#service a {display:block;width:100%;height:100%;}

#message .section-title div:first-child::after,
#service .section-title div:first-child::after {background:#fff;}

#message a {display:block;width:100%;height:100%;background:rgba(0,0,0,0);transition:0.5s;}
#message a .section-title,
#service a .section-title {color:#333 !important;}
#message a .section-title div:first-child {color:#f29a0e !important;}
#message a .section-title div:first-child::after {background:#999;}

#service a > span {display:block;background:url(../img/arrow-ring-gray.png) no-repeat center 230px;}
#message a > span {display:block;background:url(../img/arrow-ring-gray.png) no-repeat center 230px;}

#message {width:60%;height:350px;background:url(../../recruit/img/img01.jpg) no-repeat center top;background-size:100% auto;float:left;}
#message a > span {width:400px;padding:100px 0;margin:0 0 0 -10px;}

#service {width:35%;height:350px;background:url(../../recruit/img/img02.jpg) no-repeat center top;background-size:100% auto;float:right;}
#service a > span {padding:100px 0 40px;}
#service .section-title div:first-child {text-shadow:0 0 8px #fff,0 0 10px #fff;}

#admission {width:100%;background:url(../../recruit/img/img03.jpg) no-repeat center top;background-size:cover;margin-bottom:85px;padding:70px 0 70px;}
#admission ol {width:370px;margin:0 auto;}
#admission li {font-size:1.3em;margin-bottom:35px;padding-left:59px;text-indent:-59px;}
#admission li span {display:inline-block;width:36px;height:36px;border-radius:100%;border:solid 2px #f29a0e;color:#f29a0e;font-size:28px;padding:5px;vertical-align:middle;line-height:1.2em;text-align:center;margin-right:15px;text-indent:0;opacity:1;}

#job {margin-bottom:85px;}
#job > div,
#people > div {width:30%;margin-left:5%;float:left;}
#job > div:first-child,
#people > div:first-child {margin:0;}
#job > div h3 {padding:40px 0;border-top:solid 3px #f29a0e;border-bottom:solid 1px #f29a0e;text-align:center;margin-bottom:50px;}
#job > div .ja {font-size:1.2em;margin-bottom:5px;font-weight:bold;}
#job > div .en {font-size:0.8em;color:#f29a0e;letter-spacing:1px;}
#job > div p {margin-bottom:50px;}
#job > div .btn {display:block;margin:0 auto;}
#job > div .btn:hover {background-color:#f29a0e;border-color:#f29a0e;}

#people {margin-bottom:100px;}
#people .image,
#people .text {width:100%;}
#people .image img,
#people .text {display:block;width:100%;height:auto;}
#people .text {width:calc(100% - 45px);padding:20px 25px 20px 0;background:url(../img/arrow-ring-orange.png) no-repeat right center;border-bottom:solid 1px #f29a0e;}
#people .text div:first-child {margin-bottom:10px;}
#people .text div:nth-child(2) {font-size:1.45em;}
#people .text div:nth-child(2) span {font-size:0.6em;margin-left:15px;}
#people .image {position:relative;}



#people .image .fu {width:0;height:0;position:absolute;}
#people > div:nth-child(1) .fu {left:184px;top:117px;}
#people > div:nth-child(2) .fu {left:118px;top:112px;}
#people > div:nth-child(3) .fu {left:130px;top:107px;}

#people.active > div:nth-child(1) .fu {width:101px;height:100px;top:18px;transition:0.3s cubic-bezier(0.3, 0.9, 0.4, 2);}
#people.active > div:nth-child(2) .fu {width:120px;height:120px;left:0;top:0;transition:0.3s cubic-bezier(0.3, 0.9, 0.4, 2) 0.4s;}
#people.active > div:nth-child(3) .fu {width:101px;height:100px;left:0;top:7px;transition:0.3s cubic-bezier(0.3, 0.9, 0.4, 2) 0.2s;}

#people.default > div:nth-child(1) .fu {width:51px;height:50px;top:67px;transition:0.3s cubic-bezier(0.3, 0.9, 0.4, 2);}
#people.default > div:nth-child(2) .fu {width:70px;height:70px;left:50px;top:62px;transition:0.3s cubic-bezier(0.3, 0.9, 0.4, 2);}
#people.default > div:nth-child(3) .fu {width:51px;height:50px;left:50px;top:57px;transition:0.3s cubic-bezier(0.3, 0.9, 0.4, 2);}


#people.default > div:nth-child(1) a:hover .fu {width:101px;height:100px;left:179px;top:22px;transition:0.3s cubic-bezier(0.3, 0.9, 0.4, 2);}
#people.default > div:nth-child(2) a:hover .fu {width:120px;height:120px;left:5px;top:5px;transition:0.3s cubic-bezier(0.3, 0.9, 0.4, 2);}
#people.default > div:nth-child(3) a:hover .fu {width:101px;height:100px;left:5px;top:12px;transition:0.3s cubic-bezier(0.3, 0.9, 0.4, 2);}


#people a:hover {color:#333;}
#people a:hover .text {background:url(../img/arrow-ring-on.png) no-repeat right center;}


.re {display:block;width:425px;padding:20px 40px 20px 0;margin:0 auto;background:url(../img/arrow-orange.png) no-repeat 420px center;clear:both;border:solid 3px #f29a0e;}
.re .en {font-size:2.55em;color:#f29a0e;margin-bottom:10px;line-height:1.3em;}
.re:hover {background-color:#f29a0e;background-image:url(../img/arrow-orange_on.png);border-width:3px;border-color:#f29a0e;}
.re:hover .en {color:#fff;}

.unbar {border-bottom:solid 1px #f29a0e;margin-bottom:60px;padding-bottom:5px;}
.st-title {font-size:2.3em;line-height:1.5em;color:#e68921;margin-bottom:35px;}

.schedule {border:solid 2px #ccc;padding:68px 0;background:url(../../recruit/schedule/img/chedulebg.gif) repeat left top;}
.schedule ol {width:100%;hegiht:440px;position:relative;}
.schedule ol:before {content:"";display:block;width:1px;height:88%;background:#999;position:absolute;left:50%;top:2px;}
.schedule ol li {width:calc(50% - 32px);height:75px;font-size:1.2em;position:relative;padding:0 0 0 40px;float:right;clear:both;}
.schedule ol li:before {content:"";display:block;width:12px;height:12px;border:solid 3px #f29a0e;background:#fff;border-radius:100%;position:absolute;left:0;top:1px;}
.schedule ol li:nth-child(2n) {width:calc(50% - 30px);padding:0 40px 0 0;text-align:right;float:left;clear:both;}
.schedule ol li:nth-child(2n):before {left:inherit;right:0;}
.schedule ol li span {font-size:14px;color:#e68921;font-weight:bold;display:block;}

.btn-recruit {display:block;width:500px;font-size:1.45em;color:#f29a0e;padding:35px 0;font-weight:bold;background:url(../img/arrow-orange.png) no-repeat right 17px center;border:solid #f29a0e;text-align:center;margin:0 auto 80px;transition:0.3s;}
.btn-recruit:hover {background-color:#f29a0e;color:#fff;background-image:url(../img/arrow-orange_on.png);}

.recruit .page-title,
.recruit .sub-title,
.recruit .text-title,
.recruit .bold  {color:#e68921;border-color:#f29a0e;}
.recruit .headline:before {background-color:#f29a0e;}

small.min {font-size:0.6em;color:#333;white-space:nowrap;margin-left:30px;}

.recruit .border-box {border-color:#f29a0e;}
.recruit .border-box h3 {color:#e68921;}

.recruit table th {background-color:#f29a0e;min-width:5em;}
.recruit table th,
.recruit table td {text-align:left;}

.recruit .scroll {border:solid 1px #f29a0e;padding:20px;}
.required {color:red;white-space:nowrap;}

/******************
	contact
*******************/
#formTable table {margin:0 auto;width:80%;}
#formTable table th {width:34%;}
#formTable textarea {padding:5px;}
#formTable table .address th,
#formTable table .address td {padding:0 0 20px 0;}
#formTable .red {white-space:nowrap;}

.check {text-align:center;}
.check label {background:#f29a0e;color:#fff;padding:20px 50px;}
.check label input {margin-right:15px;}
.submitarea input[type=button] {display:block;width:200px;padding:20px 0;margin:0 auto;background:url(../img/arrow-right.png) no-repeat right 15px center;border:solid 1px #333;color:#333;}
.submitarea input[type=button]:hover {border-color:#4eb2b3;color:#fff;background:#4eb2b3 url(../img/arrow-right-white.png) no-repeat right 15px center;transition:0.5s;}
.submitarea_twin {text-align:center;}
.submitarea_twin input[type=button] {display:inline-block;width:200px;padding:20px 0;margin:0 10px;border:solid 1px #333;color:#333;}
.submitarea_twin input[type=button]:nth-child(1) {background:url(../img/arrow-left.png) no-repeat left 15px center;}
.submitarea_twin input[type=button]:nth-child(2) {background:url(../img/arrow-right.png) no-repeat right 15px center;}
.submitarea_twin input[type=button]:nth-child(1):hover,
.submitarea_twin input[type=button]:nth-child(2):hover {border-color:#4eb2b3;color:#fff;transition:0.5s;}
.submitarea_twin input[type=button]:nth-child(1):hover {background:#4eb2b3 url(../img/arrow-left-white.png) no-repeat left 15px center;}
.submitarea_twin input[type=button]:nth-child(2):hover {background:#4eb2b3 url(../img/arrow-right-white.png) no-repeat right 15px center;}

.w300 {width:300px;}
.w350 {width:350px;}

.contact-input {display:block;}
.contact-input input[type=checkbox] {margin-right:15px;}

/******************
	sitemap
*******************/
#sitemap > div {width:45%;}
#sitemap > div:nth-child(odd) {float:left;clear:both;}
#sitemap > div:nth-child(even) {float:right;}

#sitemap hr {margin:10px 0;}
#sitemap h3 a {background:url(../img/list-flour.png) no-repeat left 5px;background-size:10px auto;padding-left:20px;font-size:1.2em;color:#4eb2b3;}
#sitemap a {display:inline-block;}
#sitemap > div > ul {margin-bottom:20px;}
#sitemap > div > ul > li > a {background:url(../img/list-diamond.png) no-repeat 18px 1px;background-size:16px auto;font-weight:bold;color:#555;margin-bottom:10px;padding-left:40px;}
#sitemap > div > ul > li > ul {margin-bottom:20px;}
#sitemap > div > ul > li > ul > li > a {background:url(../img/arrow-blue-min.png) no-repeat 40px 5px ;margin-bottom:5px;padding-left:60px;font-size:0.9em;}

@media (max-width:1020px){
#siteTitleNavArea {position:fixed !important;}

#main {width:100%;float:none;margin:0 auto 150px;}
#aside {float:none;width:100%;display:none;}

#lnav .lv01 {padding:0;}
#lnav .lv01 > li > a,
#lnav .lv02 > li > a {background-color:#fff;}
#lnav .lv01 > li .lv02,
#lnav .lv01 > li.current .lv02 {display:none;}

.sps {display:block;width:30%;float:left;margin:0 0 30px 5%;}
.sps:nth-child(3n+1) {margin-left:0;clear:both;}
.sps img {width:100%;}

#aside .asideBanner {display:none;}


.table {overflow:auto;}

/******************
	servis
*******************/
#message a > div, #service a > div {background-position:center bottom 35px;}
#primary-ather li:nth-child(1) {margin-left:67px;}
#primary-ather li:nth-child(3) {margin-right:67px;}


/******************
	recruit
*******************/
#people > div:nth-child(1) .image {background:url(../../recruit/img/member01_sp.jpg) no-repeat center center;background-size:100% auto;}
#people > div:nth-child(2) .image {background:url(../../recruit/img/member02_sp.jpg) no-repeat center center;background-size:100% auto;}
#people > div:nth-child(3) .image {background:url(../../recruit/img/member04_sp.jpg) no-repeat center center;background-size:100% auto;}
#people > div img {opacity:0;transition:0s;}

.re {background-position:right 28px center;}
}
@media (max-width:840px){
#formTable table {width:100%;}


.friendPages ul li,
.friendPages ul li:nth-child(3n+1) {width:47.5%;margin-left:5%;clear:none;}
.friendPages ul li:nth-child(2n+1) {margin-left:0;clear:both;}
.friendPages ul li a span {width:100%;}

/******************
	recruit
*******************/
#message,
#service {width:100%;height:auto;float:none;background-size:cover;}
#message {background-position:right top;}
#message a > div,
#service a > div {width:100%;}

}

@media (max-width:680px){
#breadcrumb {text-align:left;margin-bottom:40px;}

.sps,
.sps:nth-child(3n+1) {width:45%;margin-left:10%;clear:none;}
.sps:nth-child(2n) {margin-left:0;clear:both;}


.page-title,
.sub-title,
.headline {line-height:1.5em;}
.page-title {font-size:1.6em;font-weight:bold;}
.sub-title {font-size:1.5em;}
.headline {font-size:1.4em;}
.text-title {font-size:1.2em;}
.bold {font-size:1.1em;}


.w30,
.w40,
.w50,
.w60,
.w70,
.w80,
.w90 {width:100%;}

ul[data-cols="2"] li,
.column[data-cols="2"] > div,
.column[data-cols="3"] > div {width:100%;margin-left:0;margin-bottom:30px;}
ul[data-cols="2"] li:nth-child(odd),
ul[data-cols="2"] li:nth-child(even) {float:none;}

.column.twin > div {margin-bottom:40px;}
.column.twin > div > div {width:auto;padding-left:20px;}
.column.twin > div > div:first-child {width:auto;padding:0;}

.table-list li {display:block;}
.table-list li > div,
.table-list li > div:first-child {display:block;text-align:left;}
.table-list li > div:first-child {margin-bottom:10px;width:auto;}

.prev_next > .btn.prev,
.prev_next > .btn.next {display:block;float:none;margin:0 auto 20px;width:auto;}


.shield {width:auto;float:none !important;margin:0 auto 30px;}
/*
.shield .bottoms:before {content:"";width:0;height:0;border:150px solid transparent;border-top: 42px solid #438cde;position:absolute;left:-6px;top:0;}
.shield .bottoms:after {content:"";width:0;height:0;border:144px solid transparent;border-top: 40px solid #fff;position:absolute;left:0;top:0;}
/*.shield .bottoms:after {display:none;}*/

.friendPages ul li,
.friendPages ul li:nth-child(3n+1),
.friendPages ul li:nth-child(2n+1) {width:100%;margin-left:0;margin-bottom:10px;}

/******************
	servis
*******************/
#primary-ather li,
#primary-ather li:nth-child(1),
#primary-ather li:nth-child(3) {margin-right:0;margin-left:0;}

.point {display:block;}
/******************
	company
*******************/
#company > .inner.mes > div,
#company > .inner.ath > div {width:100%;margin-left:0;}
#company > .inner.mes > div:nth-child(2n),
#company > .inner.mes > div:nth-child(2n+1) {float:none;}
#company > .inner > div.image {margin-bottom:30px;}
#company > .inner > div .btn {width:100%;}

/******************
	recruit
*******************/
#message {margin-bottom:30px;}
#message a > span {width:auto; background: url(../img/arrow-ring-white.png) no-repeat center 230px}
#message a .section-title div:nth-child(1) {text-shadow:0 0 4px #fff;text-shadow:0 0 1px #fff;text-shadow:0 0 2px #fff;}
#message a .section-title div:nth-child(2) {color: #fff}


#admission ol {width:90%;}
#job > div,
#job > div:first-child,
#people > div,
#people > div:first-child {width:100%;float:none;margin-bottom:80px;margin-left:0;}

.re {display:block;width:70%;padding:20px 8% 20px 7%;background:url(../img/arrow-orange.png) no-repeat right 4% center;}

.st-title {font-size:2em;}
.btn-recruit {width:auto;padding:35px 40px;}

.recruit table td {font-size:0.6em;line-height:1.5em;}

/******************
	contact
*******************/
#formTable table {width:100%;}
#formTable table th,
#formTable table td {display:block;}
#formTable table th {border-bottom:none;padding:20px 0;width:auto;}

#formTable table td {margin-bottom:10px;}
#formTable table td table td {margin-bottom:5px;}

.w300,
.w350 {width:80%;}

.submitarea_twin input[type=button]:nth-child(1),
.submitarea_twin input[type=button]:nth-child(2) {display:block;margin:0 auto 10px;}



/******************
	sitemap
*******************/
#sitemap > div {width:100%;}
#sitemap > div:nth-child(odd),
#sitemap > div:nth-child(even) {float:none;}

}
@media (max-width:480px){
.column.twin > div > div:first-child {width:40%;}

}


/******************
	sitemap.
*******************/
#sitemap > div.footer_map {
	width: 100%;
	margin: 0 auto 40px;
	float: none;
}
.flex_box {
	display: flex;
	flex-wrap: wrap;
	width: 95%;
}
.flex_box .footer_link._item {
	width: 50%;
}

/*youtube*/
.l_youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 50px;
}

.l_youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.youtube_sub_ttl {
	margin-top: 80px;
}