@charset "utf-8";
.sp-obj {
display: block;
}
.pc-obj {
display: none;
}
html {
height: 100%;
line-height: 1;
background: #ffffff;
color: #333333;
font-size: 62.5%;
}
body {
margin: 0;
padding: 0;
border: 0;
min-width: 0;
background: none;
font-size: 14px;
line-height: 1.4;
overflow-y: scroll;
/* font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,
"ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "メイリオ", Meiryo, sans-serif;
word-break: break-all;
-webkit-text-size-adjust:100%;
background-repeat: no-repeat;
background-position: top center;
-webkit-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
body.m-op {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}

article,aside,details,figcaption,include,footer,header,hgroup,main,nav,section,summary {
display:block;
margin:0;
padding:0;
}
h1,h2,h4,h4,h5,h6,dl,dt,dd,p,blockquote,ul,ol,li {
margin: 0;
padding: 0;
font-size: 14px;
vertical-align: baseline;
-webkit-overflow-wrap: break-word;
-ms-overflow-wrap: break-word;
overflow-wrap: break-word;
-webkit-word-wrap: break-word;
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 1.8;
}
figcaption,span {
-webkit-overflow-wrap: break-word;
-ms-overflow-wrap: break-word;
overflow-wrap: break-word;
-webkit-word-wrap: break-word;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
p {
font-size: 14px;
}
[hidden],template {
display: none;
}
a:link {
color: #1F387F;
text-decoration: none;
}
a:visited {
color: #1F387F;
text-decoration: none;
}
a:active,a:hover {
/*opacity: .6;*/
color: #1F387F;
/*text-decoration: underline;*/
}
body.tab a:active,
body.tab a:hover {
opacity: 1;
}
abbr[title] {
border-bottom: 1px dotted;
}
i,em {
font-style:normal;
}
b,strong,em {
font-weight: bold;
}
small {
font-size: 13px;
line-height: 1.6;
}
ul,ol {
margin: 1.2em 0;
padding: 0 0 0 2em;
}
li {
margin: .4em 0;
}
img {
border: 0;
vertical-align: top;
}
img { -ms-interpolation-mode: bicubic; }
form {
margin: 0;
padding: 0;
}

/* clearfix */
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
ul.linelist {
list-style:none;
margin:0;
padding:0;
letter-spacing:-0.4em;
}
ul.linelist li {
margin:0;
padding:0;
word-spacing:normal;
letter-spacing:normal;
line-height: 1;
display:inline-block;
*display:inline;
*zoom:1;
}
.inner {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}
.sub-box1,
.sub-box2 {
    padding-right: 0;
    float: none;
}
.sub-box2 {
    width: 100%;
}
.sub-box1 table,
.contents .sub-box2 p
.sub-box2 p img {
    margin: 0 auto;
}
.caution {
    font-size: 14px;
}
.header-wrap {
background: #fff!important;
position: relative;
border-bottom: 1px solid #ccc;
}
.header-logo {
margin: 0;
padding: 4px 4%;
text-align: right;
overflow: hidden;
}
.header-logo .hs-jinzai {
width: 100%;
font-weight: 400;
text-align: left;
line-height: 42px;
}
.header-logo .hs-jinzai span {
}
.header-logo .hs-jinzai span a {
color: #203880;
font-weight: bold;
font-size: 1.6rem;
}
.header-logo .hs-hp {
float: right;
}
.header-logo .hs-hp img {
width: 50px;
vertical-align: middle;
margin-left: auto;
margin-right: 0;
}

.top-tt {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 16px 3%;
height: 180px;
text-align: center;
color: #fff;
position: relative;
background: url(img/bg_main.jpg) no-repeat center center;
background-size: cover;
font-size: 1.6rem;
letter-spacing: 0.1em;
}
.top-tt::after {
content: "";
display: block;
background: rgba(0,0,0,.3);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.top-tt em {
position: relative;
font-family: arial;
z-index:2;
}
.top-tt-box {
position: relative;
z-index: 1;
animation: anime-top 1000ms ease-out forwards;
}
.top-tt-box .ttl {
font-size: 1.6rem;
font-weight: 900;
}
.top-tt-box .ttl span {
display: block;
border-bottom: 1px solid #fff;
}
.top-tt-box .logo {
margin: 0 auto;
width: 12vw;
max-width: 90px;
}
.top-tt-box .logo img {
width: 100%;
}
.top-head {
position: relative;
}
.hs-jinzai-dec {
position: absolute;
margin: 0;
z-index: 1;
}
.hs-jinzai-dec img {
width: 100%;
}
.hs-jinzai-dec.dec01 {
top: 0;
left: 0;
width: 50px;
animation: anime-dec01 1500ms ease-out forwards;
}
.hs-jinzai-dec.dec02 {
bottom: 0;
right: 0;
width: 100px;
opacity: 0;
animation: anime-dec02 1500ms ease-out forwards;
}
.hs-jinzai-dec.dec03 {
top: 4px;
left: 5px;
width: 20px;
opacity: 0;
animation: anime-dec03 2000ms 0.5s ease-out forwards;
}
.hs-jinzai-dec.dec04 {
bottom: -16px;
right: -1px;
width: 80px;
opacity: 0;
animation: anime-dec04 2000ms 0.5s ease-out forwards;
}
@keyframes anime-top {
0% {
    opacity: 0;
    transform: translateY(30px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes anime-dec01 {
0% {
    opacity: 0;
    transform: translateX(-20px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes anime-dec02 {
0% {
    opacity: 0;
    transform: translateX(30px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes anime-dec03 {
0% {
    opacity: 0;
    transform: translateX(5px);
}
20% {
    opacity: 0;
    transform: translateX(5px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes anime-dec04 {
0% {
    opacity: 0;
    transform: translateX(-10px);
}
20% {
    opacity: 0;
    transform: translateX(-10px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}

/* common */

a.ar-link {
display: inline-block;
padding: 0 0 0 20px;
position: relative;
font-size: 1.4rem;
font-weight: normal;
}
.ar-link:before {
content: "";
display: block;
margin: -9px 0 0 0;
width: 16px;
height: 16px;
background: url(./img/ar_link.png) no-repeat left top;
background-size: 16px;
position: absolute;
left: 0;
top: 50%;
}

.ar-link {

}
/* MENU */

.sp-menu-btn {
position: absolute;
top: 12px;
right: 10px;
display: block;
padding: 12px 8px;
width: 45px;
height: 45px;
background: #2846A0;
box-sizing: border-box;
border-radius: 5px;
z-index: 100;
cursor: pointer;
}
.sp-menu-btn span {
display: block;
margin-bottom: 6px;
height: 3px;
background-color: #fff;
border-radius: 3px;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.m-op .sp-menu-btn span:nth-of-type(1) {
background-color: #fff;
-webkit-transform: translateY(10px) translateX(0) rotate(45deg);
transform: translateY(10px) translateX(0) rotate(45deg);
}
.m-op .sp-menu-btn span:nth-of-type(2) {
opacity: 0;
background-color: #999;
-webkit-transform: translateY(9px);
transform: translateY(9px);
}
.m-op .sp-menu-btn span:nth-of-type(3) {
background-color: #fff;
-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
transform: translateY(-8px) translateX(0) rotate(-45deg);
}
.bottom-nav {
height: 0;
background-color: transparent;
border-bottom: none;
}
.bottom-nav .inner {
width: 100%;
}

.bottom-menu-box {
position: fixed;/*position: absolute;*/
width: 100%;
top: 0;
bottom: 0;
right: -100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
background-color: #fff;
z-index: 10;
}
.menu-main {
margin: 0;
padding: 0 0 30px 0;
width: 90%;
box-sizing: border-box;
}
.menu-main > li {
display: block;
margin: 0;
padding: 0;
text-shadow: none;
padding: 0;
border-right: none;
border-bottom: 1px solid #eaeaea;
}
.menu-main > li a {
display: block;
padding: 12px 4% 12px 56px;
position: relative;
color: #333;
font-weight: bold;
font-size: 1.6rem;
background-repeat: no-repeat;
background-position: 14px center;
background-size: 32px;
vertical-align: middle;
}
.menu-main > li.footer-btn{
margin: 0 0;
border: none;
}
.menu-main > li.footer-btn a{
margin: 0 auto;
text-align: center;
}
.menu-main > li.entry-btn{
margin: 0px 40px 0 0;
}
.menu-main > li.entry-btn span{
display: block;
}
.menu-main > li.entry-btn a{
color: #1F387F;
padding: 12px 4% 8px 56px;
}
.menu-main > li.briefing-btn{
padding: 0 24px;
}
.menu-main > li.briefing-btn a{
padding: 10px 0;
color: #fff;
}

.overlay {
display: none;
background-color: rgba(0,0,0,0.6);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
}
#HEADER_MENU {
    min-height: 0;
}
/* contents */
.top-menu ul {
margin: 0;
padding: 0;
}
.top-menu ul li {
display: block;
margin: 0;
padding: 0;
border-top: 1px solid #ccc;
}
.top-menu ul li:first-child {
border: none;
}
.top-menu ul li a {
display: block;
padding: 12px 4% 12px 56px;
position: relative;
color: #333;
font-weight: bold;
font-size: 1.6rem;
background-repeat: no-repeat;
background-position: 14px center;
background-size: 32px;
vertical-align: middle;
}
.top-menu ul li i {
display: inline-block;
margin-top: -5px;
width: 16px;
height: 10px;
background: url(./img/ar_menu.png) no-repeat left top;
position: absolute;
right: 4%;
top: 50%;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}
.bottom-menu-box ul.menu-main li.menu-home a {
background-image: url(./img/ic_home.png);
}
.top-menu ul li.menu-graph a,
.bottom-menu-box ul.menu-main li.menu-graph a {
background-image: url(./img/ic_graph.png);
}
.top-menu ul li.menu-message a,
.bottom-menu-box ul li.menu-message a {
background-image: url(./img/ic_message.png);
}
.top-menu ul li.menu-interview a,
.bottom-menu-box ul li.menu-interview a {
background-image: url(./img/ic_interview.png);
}
.top-menu ul li.menu-benefit a,
.bottom-menu-box ul li.menu-benefit a {
background-image: url(./img/ic_benefit.png);
}
.top-menu ul li.menu-hscheck a,
.bottom-menu-box ul li.menu-hscheck a {
background-image: url(./img/ic_hscheck.png);
}
.top-menu ul li.menu-events a,
.bottom-menu-box ul li.menu-events a {
background-image: url(./img/ic_events.png);
}

a.ic-blank span {
padding-right: 20px;
background: url(./img/ic_blank.png) no-repeat right center;
background-size: 16px;
}
.news-box {
background: #F7F9FD;
}
.news-box .inner,
.event-box .inner,
.entry-box .inner,
.access-box .inner,
.briefing-session-box .inner {
padding: 16px 4%;
}
.news-box h2,
.event-box h2 {
 font-size: 1.6rem;
 color: #1F387F;
}
.news-box ul {
margin: 0;
padding: 0;
list-style: none;
}
.news-box ul li {
display: block;
margin: 8px 0 0 0;
padding: 0;
}
.news-box ul li:first-child {
margin-top: 0;
}
.news-box ul li .date {
display: block;
width: 90px;
color: #888;
}
.news-box ul li .tx {
display: block;
line-height: 1.4;
}
.event-box {
margin: 8px 0 0 0;
}
.event-box ul {
margin: 0;
padding: 0;
list-style: none;
}
.event-box ul li {
display: block;
margin: 8px 0 0 0;
padding: 0;
}
.event-box ul li:first-child {
margin-top: 0;
}
.event-box ul li .date {
display: block;
width: 90px;
 color: #1F387F;
 font-weight: bold;
}
.event-box ul li .tx {
display: block;
line-height: 1.4;
}

.entry-box {
margin: 8px 0 0 0;
background: #203880;
}
.entry-box h2,
.access-box h2 {
text-align: center;
margin: 0 auto;
width: 80%;
 font-size: 1.8rem;
 color: #fff;
 border-bottom: 2px solid #fff;
}
.entry-box .entry-btn {
margin: 16px 0 0 0;
}
.entry-box a {
display: block;
padding: 16px 30px 16px 16px;
background: #F7F9FD;
border-radius: 5px;
box-shadow: 3px 3px 0 rgba(0,0,0,.4);
font-weight: bold;
font-size: 1.8rem;
text-align: center;
position: relative;
}
.entry-box a img {
width: 101px;
margin: 0 8px 0 0;
vertical-align: middle;
}
.entry-box a i {
display: block;
margin: -11px 0 0 0;
width: 22px;
height: 22px;
background: url(img/ar_entry.png) no-repeat;
background-size: 22px;
position: absolute;
top: 50%;
right: 8px;
}
.access-box h2 {
 color: #203880;
 border-bottom: 2px solid #203880;
}
.access-box h3 {
margin: 0 auto;
/*width: 50%;*/
text-align: center;
font-size: 2rem;
}
.access-box .address {
margin: 24px 0 0 0;
overflow: hidden;
}
.access-box .address dt {
display: block;
margin: 4px 8px 0 0;
padding: 4px 0 4px 0;
width: 40px;
text-align: right;
float: left;
clear: both;
line-height: 1.4;
font-weight: bold;
}
.access-box .address dd {
overflow: hidden;
margin: 4px 0 0 0;
padding: 4px 0 4px 8px;
line-height: 1.4;
border-left: 1px solid #203880;
}
.access-box .tt {
margin: 24px 0 0 0;
background: #203880;
width: 60px;
text-align: center;
color: #fff;
}
.access-box .directions {
margin: 8px 0 0 0;
}
.access-box .directions dt {
margin: 8px 0 0 0;
font-weight: bold;
line-height: 1.4;
}
.access-box .directions dd {
margin: 4px 0 0 0;
line-height: 1.4;
}
.contents-box > h2 {
position: relative;
text-align: center;
}
.contents-box > h2 span {
display: inline-block;
text-align: center;
margin: 0 auto;
padding: 50px 0 4px 0;
font-size: 2rem;
color: #1F387F;
background-repeat: no-repeat;
background-position: center 10px;
background-size: 40px;
position: relative;
z-index: 2;
line-height: 1.2;
}
/*.contents-box > h2 span::before {
content: "";
display: block;
margin: 8px auto 4px auto;
border-top: 2px solid #d81928;
width: 100px;
height: 1px;
}*/
.contents-box > h2::before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background-image: url(img/tt_main.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
z-index:1;
opacity: .3;
}

.contents-box > h2::after {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: rgba(31,56,127,.1);
z-index:1;

}

.contents-box.contents-graph > h2 span {
background-image: url(img/tt_graph.png);
}
.contents-box.contents-benefit > h2 span {
background-image: url(img/tt_benefit.png);
}
.contents-box.contents-check > h2 span {
background-image: url(img/tt_check.png);
}
.contents-box.contents-interview > h2 span {
background-image: url(img/tt_interview.png);
}

.contents-box .inner {
padding: 16px 4%;
overflow: hidden;
}

.briefing-session-box h2{
color: #203880;
border-bottom: 2px solid #203880;
text-align: center;
margin: 0 auto;
width: 80%;
font-size: 1.8rem;
}
.briefing-session-box .sub-box {
margin: 24px 0 10px 0;
}
.briefing-session-box .sub-box p {
padding: 0 10px;
background: #203880;
color: #fff;
}
.briefing-session-box .sub-box ul {
margin: 5px 0;
padding: 0 12px;
list-style: none;
}
.briefing-session-box .sub-box ul li {
display: table;
}
.briefing-session-box .sub-box ul li:before {
content: "";
display: inline-block;
margin: 0 8px 0 0;
width: 8px;
height: 8px;
background: #c6cfe7;
border-radius: 5px;
vertical-align: middle;
}
.briefing-session-box .sub-box ul li.close {
font-weight: bold;
}
.briefing-session-box .sub-box ul li.close:before {
content: none;
}
.briefing-session-box .sub-box ul li .date {
display: table-cell;
width: 110px;
font-weight: bold;
}
.briefing-session-box .briefing-session-detail {
overflow: hidden;
}
.briefing-session-box .briefing-session-detail dt {
display: block;
margin: 4px 8px 0 0;
padding: 4px 0 4px 5px;
width: 60px;
text-align: right;
float: left;
clear: both;
line-height: 1.4;
font-weight: bold;
}
.briefing-session-box .briefing-session-detail dd {
overflow: hidden;
margin: 4px 0 0 0;
padding: 4px 0 4px 8px;
line-height: 1.4;
border-left: 1px solid #203880;
}
.briefing-session-box .jabee-pdf {
margin: 18px 0 5px;
}
.briefing-session-box .jabee-pdf .tx{
display: inline-block;
margin-bottom: 10px;
padding-left: 1em;
text-indent: -1em;
}
.briefing-session-box .jabee-pdf a {
display: inline-block;
padding: 8px 12px 8px 25px;
background: #1F387F;
color: #fff;
border-radius: 3px;
box-shadow: 2px 2px 0 rgba(0,0,0,.2);
position: relative;
line-height: 1.4;
}
.briefing-session-box .jabee-pdf a:before {
content: "";
display: block;
margin-top: -5px;
width: 16px;
height: 10px;
background: url(./img/ar_menu.png) no-repeat left top;
position: absolute;
left: 8px;
top: 50%;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}

/* 数字で見るＨＳ */

.graph-nav {
margin: 0 0 0 0;
overflow: hidden;
}
.graph-nav dl {
margin: 20px 0 0 0;
padding: 0;
box-sizing: border-box;
}
.graph-nav dl:first-of-type {
margin: 0;
}
.graph-nav dl dt {
margin: 0;
padding: 0;
border-bottom: 2px solid #D81928;
font-size: 1.6rem;
font-weight: bold;
}
.graph-nav dl dd {
margin: 0;
padding: 0;
}
.graph-nav ul {
margin: 8px 0 0 0;
padding: 0;
list-style: none;
}
.graph-nav li {
margin: 6px 0 0 0;
padding: 0;
}
.graph-nav li:first-child {
margin: 0;
}
.graph-nav li a {
display: block;
padding: 0 0 0 20px;
background: url(img/ar_link.png) no-repeat left center;
background-size: 16px;

}

.graph-genderratio {
background: url(./img/ic_graph_female.png) no-repeat left 10px bottom 10px / 36px 80px , url(./img/ic_graph_male.png) no-repeat right 10px bottom 10px / 31px 80px;
}
.graph-bgtype {
background: url(./img/ic_graph_bunkei.png) no-repeat left 10px bottom 10px / auto 60px , url(./img/ic_graph_rikei.png) no-repeat right 10px bottom 10px / auto 60px;
}
.graph-holiday {
background: url(./img/ic_graph_outdoor.png) no-repeat left 10px bottom 10px / 90px auto , url(./img/ic_graph_indoor.png) no-repeat right 10px bottom 10px / 70px 60px;
}
.graph-salary {
background: url(./img/ic_graph_salary.png) no-repeat right 10px bottom 10px / auto 60px;
}
.graph-lunch {
background: url(./img/ic_graph_lunch.png) no-repeat center bottom 30px / 200px auto;
text-align: center;
}
.graph-gowork:before {
content:"";
background: url(./img/ic_graph_gowork.png) no-repeat right bottom;
background-size: 80px;
position: absolute;
right: 2px;
bottom: 0;
display: block;
width: 80px;
height: 95px;
z-index: 5;
}
.graph-box .img-box {
margin: 0;
}
.graph-box.graph-genderratio .img-box canvas,
.graph-box.graph-bgtype .img-box canvas,
.graph-box.graph-holiday .img-box canvas,
.graph-box.graph-salary .img-box canvas,
.graph-box .img-box canvas {
margin: 0 auto;
width: 160px!important;
height: 160px!important;
}
.graph-box.graph-age .img-box canvas,
.graph-box.graph-time .img-box canvas,
.graph-box.graph-time2 .img-box canvas,
.graph-box.graph-time3 .img-box canvas,
.graph-box.graph-freetime .img-box canvas {
margin: 0 auto 0 0;
width: 200px!important;
height: 160px!important;
}
.graph-box.graph-age .img-box canvas,
.graph-box.graph-time2 .img-box canvas {
height: 195px!important;
}
.graph-box.graph-freetime .img-box canvas {
height: 238px!important;
}

.graph-box {
display: block;
position: relative;
margin: 24px 0 0 0;
padding:  0;
border: 4px solid #E8EDF9;
}
.graph-box h3 {
margin: 10px 10px 0;
padding: 10px 0 5px;
text-align: center;
color: #2d4880;
font-size: 1.8rem;
background-color: #E8EDF9;
}
.graph-box .img-box {
margin: 0 0 0 0;
padding: 20px 10px;
}
.graph-box .tx-box {
position: absolute;
margin: 0 0 0 -80px;
padding: 0;
width: 160px;
height: 160px;
background: none;
left: 50%;
top: 47px;
}
#LUNCH.graph-box .tx-box {
width: 286px;
height: 114px;
top: 0;
margin: 68px 0 0 -143px;
z-index: 3;
}
.graph-box .tx-box dt,
.graph-box .tx-box dd {
position: absolute;
width: auto!important;
line-height: 1.3;
}
.graph-box .tx-box dd {
font-family: arial;
font-size: 2.0rem;
color: #1D3270;
}
.graph-box .tx-box dd em {
font-size: 3.6rem;
}
.graph-box .tx-box .tt-male {
right: 35px;
bottom: 30px;
}
.graph-box .tx-box .num-male {
right: -50px;
top: 40px;
}
.graph-box .tx-box .tt-female {
left: 35px;
top: 76px;
}
.graph-box .tx-box .num-female {
left: -50px;
top: 40px;
}
.graph-box .tx-box .tt-rikei {
right: 35px;
bottom: 30px;
}
.graph-box .tx-box .num-rikei {
right: -50px;
top: 40px;
}
.graph-box .tx-box .tt-bunkei {
left: 30px;
top: 65px;
}
.graph-box .tx-box .num-bunkei {
left: -50px;
top: 40px;
}
.graph-box .tx-box .tt-indoor {
right: 30px;
bottom: 20px;
}
.graph-box .tx-box .num-indoor {
right: -35px;
top: 52px;
}
.graph-box .tx-box .tt-outdoor {
left: -30px;
top: 38px;
}
.graph-box .tx-box .num-outdoor {
left: -30px;
top: 60px;
}


.graph-box.graph-age .tx-box dd,
.graph-box.graph-time .tx-box dd,
.graph-box.graph-time2 .tx-box dd,
.graph-box.graph-time3 .tx-box dd,
.graph-box.graph-lunch .tx-box dd,
.graph-box.graph-freetime .tx-box dd {
font-size: 1.8rem;
}
.graph-box.graph-age .tx-box dd em,
.graph-box.graph-time .tx-box dd em,
.graph-box.graph-time2 .tx-box dd em,
.graph-box.graph-time3 .tx-box dd em,
.graph-box.graph-lunch .tx-box dd em,
.graph-box.graph-freetime .tx-box dd em {
font-size: 2.8rem;
}

.graph-box.graph-gowork .tx-box dd {
font-size: 1.8rem;
}
.graph-box.graph-gowork .tx-box dd em {
font-size: 3.6rem;
}


.graph-box .tx-box .tt-age1 {
left: -50px;
top: 34px;
}
.graph-box .tx-box .num-age1 {
right: -55px;
top: 24px;
}
.graph-box .tx-box .tt-age2 {
left: -50px;
top: 74px;
}
.graph-box .tx-box .num-age2 {
right: -55px;
top: 58px;
}
.graph-box.graph-age .tx-box .num-age2 em {
font-size: 3.6rem;
}
.graph-box .tx-box .tt-age3 {
left: -50px;
top: 114px;
}
.graph-box .tx-box .num-age3 {
right: -55px;
top: 104px;
}
.graph-box .tx-box .tt-age4 {
left: -50px;
top: 152px;
}
.graph-box .tx-box .num-age4 {
right: -55px;
top: 144px;
}
.graph-box .tx-box .tt-age5 {
left: -50px;
top: 191px;
}
.graph-box .tx-box .num-age5 {
right: -55px;
top: 184px;
}

.graph-box .tx-box .tt-myself {
right: -20px;
bottom: 90px;
}
.graph-box .tx-box .num-myself {
right: -6px;
top: 64px;
}
.graph-box .tx-box .tt-living {
left: 76px;
bottom: 10px;
}
.graph-box .tx-box .num-living {
left: 76px;
bottom: -34px;
}
.graph-box .tx-box .tt-family {
left: -34px;
bottom: 18px;
}
.graph-box .tx-box .num-family {
left: -22px;
bottom: -24px;
}
.graph-box .tx-box .tt-savings {
left: 12px;
top: 22px;
}
.graph-box .tx-box .num-savings {
left: 2px;
top: 36px;
}

.graph-box .tx-box .tt-time1 {
left: -50px;
top: 34px;
}
.graph-box .tx-box .num-time1 {
right: -55px;
top: 24px;
}
.graph-box .tx-box .tt-time2 {
left: -50px;
top: 74px;
}
.graph-box .tx-box .num-time2 {
right: -55px;
top: 64px;
}
.graph-box .tx-box .tt-time3 {
left: -50px;
top: 114px;
}
.graph-box .tx-box .num-time3 {
right: -55px;
top: 104px;
}
.graph-box .tx-box .tt-time4 {
left: -50px;
top: 154px;
}
.graph-box .tx-box .num-time4 {
right: -55px;
top: 140px;
}
.graph-box.graph-time .tx-box .num-time4 em {
font-size: 3.6rem;
}
.graph-box .tx-box .tt-time2-1 {
left: -50px;
top: 34px;
}
.graph-box .tx-box .num-time2-1 {
right: -55px;
top: 18px;
}
.graph-box.graph-time2 .tx-box .num-time2-1 em {
font-size: 3.6rem;
}
.graph-box .tx-box .tt-time2-2 {
left: -50px;
top: 74px;
}
.graph-box .tx-box .num-time2-2 {
right: -55px;
top: 64px;
}
.graph-box .tx-box .tt-time2-3 {
left: -50px;
top: 114px;
}
.graph-box .tx-box .num-time2-3 {
right: -55px;
top: 104px;
}
.graph-box .tx-box .tt-time2-4 {
left: -50px;
top: 152px;
}
.graph-box .tx-box .num-time2-4 {
right: -55px;
top: 144px;
}
.graph-box .tx-box .tt-time2-5 {
left: -50px;
top: 191px;
}
.graph-box .tx-box .num-time2-5 {
right: -55px;
top: 184px;
}
.graph-box .tx-box .tt-time3-1 {
left: -50px;
top: 34px;
}
.graph-box .tx-box .num-time3-1 {
right: -55px;
top: 24px;
}
.graph-box .tx-box .tt-time3-2 {
left: -50px;
top: 74px;
}
.graph-box .tx-box .num-time3-2 {
right: -55px;
top: 60px;
}
.graph-box.graph-time3 .tx-box .num-time3-2 em {
font-size: 3.6rem;
}
.graph-box .tx-box .tt-time3-3 {
left: -50px;
top: 114px;
}
.graph-box .tx-box .num-time3-3 {
right: -55px;
top: 104px;
}
.graph-box .tx-box .tt-time3-4 {
left: -50px;
top: 154px;
}
.graph-box .tx-box .num-time3-4 {
right: -55px;
top: 144px;
}

.graph-box.graph-gowork small {
display: block;
}
.graph-box .tx-box .tt-gowork1 {
right: 22px;
top: 108px;
}
.graph-box .tx-box .num-gowork1 {
right: -54px;
top: 66px;
}
.graph-box .tx-box .tt-gowork2 {
right: 50px;
top: 164px;
}
.graph-box .tx-box .num-gowork2 {
right: 5px;
top: 178px;
}
.graph-box .tx-box .tt-gowork3 {
left: 16px;
top: 146px;
}
.graph-box .tx-box .num-gowork3 {
left: -32px;
top: 166px;
}
.graph-box .tx-box .tt-gowork4 {
left: 14px;
top: 85px;
text-align: right;
}
.graph-box .tx-box .num-gowork4 {
left: -52px;
top: 68px;
}
.graph-box .tx-box .tt-gowork5 {
left: 20px;
top: 53px;
text-align: center;
}
.graph-box .tx-box .num-gowork5 {
left: -14px;
top: 18px;
}

.graph-box .tx-box .tt-freetime1 {
left: -50px;
top: 34px;
}
.graph-box .tx-box .num-freetime1 {
right: -55px;
top: 24px;
}
.graph-box .tx-box .tt-freetime2 {
left: -50px;
top: 74px;
}
.graph-box .tx-box .num-freetime2 {
right: -55px;
top: 60px;
}
.graph-box.graph-freetime .tx-box .num-freetime2 em {
font-size: 3.6rem;
}
.graph-box .tx-box .tt-freetime3 {
left: -50px;
top: 114px;
}
.graph-box .tx-box .num-freetime3 {
right: -55px;
top: 104px;
}
.graph-box .tx-box .tt-freetime4 {
left: -50px;
top: 154px;
}
.graph-box .tx-box .num-freetime4 {
right: -55px;
top: 144px;
}
.graph-box .tx-box .tt-freetime5 {
left: -50px;
top: 194px;
}
.graph-box .tx-box .num-freetime5 {
right: -55px;
top: 184px;
}
.graph-box .tx-box .tt-freetime6 {
left: -50px;
top: 234px;
}
.graph-box .tx-box .num-freetime6 {
right: -55px;
top: 224px;
}

.graph-box .tx-box .tt-alone {
right: 30px;
top: 96px;
}
.graph-box .tx-box .num-alone {
right: -54px;
top: 46px;
}
.graph-box .tx-box .tt-parent {
left: 22px;
top: 88px;
}
.graph-box .tx-box .num-parent {
left: -52px;
top: 108px;
}
.graph-box .tx-box .tt-share {
left: 32px;
top: 34px;
text-align: center;
}
.graph-box .tx-box .num-share {
left: -10px;
top: 4px;
}

.graph-box ol {
margin: 0;
padding: 10px;
list-style: none;
position: relative;
opacity: 0;
}

.graph-box ol li {
margin: 0 0;
padding: 10px 0 10px 24px;
background-size: 20px;
background-repeat: no-repeat;
background-position: left center;
line-height: 1.1;
position: relative;
}
.graph-box.graph-benefit ol li {
background-position: left 10px;
}
.graph-box ol li small {
vertical-align: top;
}

@keyframes fade-in {
 0% {
 top: -10px;
 opacity: 0;
 }
 100% {
 top: 0px;
 opacity:1;
 }
}
.graph-box.mov ol {
animation-name: fade-in;
animation-duration: 1.5s;
opacity: 1;
}
.graph-box ol li.rank1 {
background-image: url(img/ic_rank1.png);
background-position: left 13px;
font-size: 20px;
font-weight: bold;
}
.graph-box ol li.rank2 {
background-image: url(img/ic_rank2.png);
font-size: 18px;
}
.graph-box ol li.rank3 {
background-image: url(img/ic_rank3.png);
font-size: 16px;
}

.graph-box.graph-shikaku .tx-box,
.graph-box.graph-benefit .tx-box,
.graph-box.graph-gowork .cont-tx-box {
position: static;
margin: 0;
padding: 10px;
width: auto;
height: auto;
background: #fffce0;
}
.graph-box.graph-gowork .cont-tx-box p:nth-child(2) {
width: calc(100% - 80px);
}

#LUNCH.graph-box .tx-box dt {
display: none;
}
.graph-box .tx-box .tt-lunch1 {
right: 0px;
top: 13px;
}
.graph-box .tx-box .num-lunch1 {
left: 30px;
top: -12px;
}
.graph-box .tx-box .tt-lunch2 {
left: 110px;
top: 115px;
}
.graph-box .tx-box .num-lunch2 {
left: 115px;
top: 128px;
}
.graph-box .tx-box .tt-lunch3 {
left: 20px;
top: 70px;
}
.graph-box .tx-box .num-lunch3 {
left: 182px;
top: 4px;
}
.graph-box .tx-box .tt-lunch4 {
left: 0px;
top: 0px;
}
.graph-box .tx-box .num-lunch4 {
left: 250px;
top: 4px;
}
.graph-box .tx-box .tt-lunch5 {
left: 80px;
top: 0px;
}
.graph-box .tx-box .num-lunch5 {
left: 232px;
top: 128px;
}
#LUNCH.graph-box .img-box {
padding: 40px 10px;
position: relative;
}
#LUNCH.graph-box .img-box img {
width:266px;
position: relative;
opacity: 0;
}
#LUNCH.graph-box.mov .img-box img {
animation-name: fade-in;
animation-duration: 1.5s;
opacity: 1;
}


#AREA.graph-box .img-box img {
width: 100%;
position: relative;
opacity: 0;
}
#AREA.graph-box.mov .img-box img {
animation-name: fade-in;
animation-duration: 1.5s;
opacity: 1;
}
#MAP.graph-box .img-box img,
#APPLY.graph-box .img-box img,
#APPLY.graph-box .tx-box,
#HITOKOTO.graph-box .img-box img,
#HITOKOTO.graph-box .tx-box {
width: 100%;
position: relative;
opacity: 0;
}
#MAP.graph-box.mov .img-box img,
#APPLY.graph-box.mov .img-box img,
#APPLY.graph-box.mov .tx-box,
#HITOKOTO.graph-box.mov .img-box img,
#HITOKOTO.graph-box.mov .tx-box {
animation-name: fade-in;
animation-duration: 1.5s;
opacity: 1;
}
#APPLY.graph-box.mov .img-box,
#HITOKOTO.graph-box.mov .img-box {
text-align: center;
}
#APPLY.graph-box.mov .img-box img {
width: 220px;
}
#HITOKOTO.graph-box.mov .img-box img {
width: auto;
}
#APPLY.graph-box .tx-box,
#HITOKOTO.graph-box .tx-box {
margin: 0;
height: auto;
top: 0;
left: 0;
}
#APPLY.graph-box.mov .img-tx-box,
#HITOKOTO.graph-box.mov .img-tx-box {
margin: 16px 0;
}
#APPLY.graph-box .tx-box ul,
#HITOKOTO.graph-box .tx-box ul {
margin: 0 auto;
padding: 0 2%;
list-style: none;
}
#APPLY.graph-box .tx-box ul li br,
#HITOKOTO.graph-box .tx-box ul li br {
display: none;
}
#APPLY.graph-box.mov .tx-box ul li,
#HITOKOTO.graph-box.mov .tx-box ul li {
animation-name: fade-in;
padding: 5px 20px;
text-align: center;
border: 1px solid #2d4880;
border-radius: 50px;
}
#APPLY.graph-box.mov .tx-box ul li:nth-child(1),
#HITOKOTO.graph-box.mov .tx-box ul li:nth-child(1) { 
animation-duration: 1.5s;
opacity: 1;
}
#APPLY.graph-box.mov .tx-box ul li:nth-child(2),
#HITOKOTO.graph-box.mov .tx-box ul li:nth-child(2) { 
animation-duration: 2.5s;
opacity: 1;
}
#APPLY.graph-box.mov .tx-box ul li:nth-child(3),
#HITOKOTO.graph-box.mov .tx-box ul li:nth-child(3) { 
animation-duration: 3.5s;
opacity: 1;
}
#APPLY.graph-box.mov .tx-box ul li:nth-child(4),
#HITOKOTO.graph-box.mov .tx-box ul li:nth-child(4) { 
animation-duration: 4.5s;
opacity: 1;
}
#APPLY.graph-box.mov .tx-box ul li:nth-child(5),
#HITOKOTO.graph-box.mov .tx-box ul li:nth-child(5) { 
animation-duration: 5.5s;
opacity: 1;
}
#HITOKOTO.graph-box.mov .tx-box ul li:nth-child(6) { 
animation-duration: 6.5s;
opacity: 1;
}
#HITOKOTO.graph-box.mov .tx-box ul li:nth-child(7) { 
animation-duration: 7.5s;
opacity: 1;
}

.graph-map-tx {
margin: 0 0 12px 0;
}

/* 福利厚生 */
.benefit-box {
margin: 0 0 16px 0;
}
.benefit-box h3 {
margin: 0 auto;
color: #2d4880;
font-size: 2rem;
padding-left: 40px;
}
.benefit-box .tx-box {
margin: 8px 0 32px 0;
}

.benefit-box .tx-box dl {
margin: 0;
padding: 0;
}
.benefit-box .tx-box dl dt {
margin: 0 0 0 0;
padding: 8px 8px 0 12px;
font-size: 1.6rem;
font-weight: bold;
color: #000;
position: relative;
border-top: 1px solid #eee;
line-height: 1.2;
}
.benefit-box .tx-box dl dt:first-of-type {
border-top: none;
}
.benefit-box .tx-box dl dt::before {
content: "";
display: block;
margin: 0;
width: 8px;
height: 8px;
background: #c6cfe7;
border-radius: 5px;
vertical-align: middle;
position: absolute;
top: 13px;
left: 0;
}
.benefit-box .tx-box dl dd {
margin: 4px 0 0 0;
padding: 0 8px 8px 12px;
font-size: 1.4rem;
line-height: 1.4;
}
.benefit-box .tt-box {
position: relative;
background: #e8ebf2;
background: #E8EDF9;
padding: 6px 0 6px 16px;
border-bottom: 1px solid #c8d1e8;
}
.benefit-box .tt-box .img-box {
margin: 0;
position: absolute;
width: 30px;
height: 30px;
top: -5px;
left: -12px;
background: #fff;
padding: 10px;
border-radius: 50px;
}
.benefit-box .img-box img {
width: 100%;
}

.benefit-box .tx-box dl dd .btn-pdf {
margin: 10px 0 0;
}
.benefit-box .tx-box dl dd .btn-pdf a {
display: inline-block;
padding: 8px 8px 8px 25px;
background: #1F387F;
color: #fff;
border-radius: 3px;
box-shadow: 2px 2px 0 rgba(0,0,0,.2);
position: relative;
}
.benefit-box .tx-box dl dd .btn-pdf a:before {
content: "";
display: block;
margin-top: -6px;
width: 16px;
height: 10px;
background: url(./img/ar_menu.png) no-repeat left top;
position: absolute;
left: 4%;
top: 50%;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}

.bn-event {
margin: 0 auto 20px auto;
}
.bn-event img {
width: 100%;
}

.relation-link {
margin: 8px 0 0 0;
background-color: #f4f7fc;
padding: 14px;
border-radius: 4px;
}
.relation-link .tt {
color: #1D3270;
font-weight: bold;
}
.relation-link .tt img {
margin: 0 6px 0 0;
width: 22px;
vertical-align: middle;
}
.relation-link ul {
margin: 8px 0 0 0;
padding: 0;
list-style: none;
}
.relation-link ul li {
display: inline-block;
margin: 0 0 0 8px;
}
.relation-link ul li:nth-child(odd) {
margin: 0 0;
}
.relation-link ul li a {
display: block;
padding: 5px 8px 5px 8px;
border-radius: 5px;
position: relative;
font-weight: bold;
transition: .3s all;
font-size: 1.8rem;
background-color: #fff;
}
.relation-link ul li a:hover {
/* background: #f7f9fd; */
box-shadow: 0 0 10px rgba(32, 56, 128, .2);
}

.relation-link ul li a i {
font-size: 1.4rem;
}
.relation-link ul li a img {
margin: 0 6px 0 0;
width: 28px;
vertical-align: middle;
}

/* インタビュー */

.interview-list ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.interview-list ul li {
margin: 16px 0 0 0;
padding: 0 0 0 0;
position: relative;
}
.interview-list ul li.ic-new a::after {
content: "";
display: block;
width: 30px;
height: 30px;
background: url(img/ic_new.png) no-repeat left top;
background-size: 30px;
position: absolute;
top: 0;
left: 0;
}
.interview-list ul li a {
display: block;
padding: 8px 30px 8px 8px;
background: #F7F9FD;
border-radius: 3px;
position: relative;
overflow: hidden;
line-height: 1.4;
}
.interview-list ul li .img-box {
margin: 0 8px 0 0;
float: left;
}
.interview-list ul li .img-box img {
display: block;
width: 64px;
height: 64px;
}
.interview-list ul li .tx-box {
padding: 0 0 0 0;
}
.interview-list ul li .tx-box .copy {
font-size: 1.4rem;
line-height: 1.3;
color: #333;
}
.interview-list ul li .tx-box p.name {
color: #333;
}
.interview-list ul li .tx-box p.name em {
font-size: 1.6rem;
}
.interview-list ul li .tx-box ul.tag {
margin: 8px 0 0 0;
clear: both;
}
.interview-list ul li .tx-box ul.tag li {
display: inline-block;
width: auto;
margin: 0 2px 0 0;
padding: 0 8px;
background: #e3eaf3;
font-size: 1.2rem;
float: none;
color: #333;
}
.interview-list ul li a .tx-box::before {
content: "";
display: block;
width: 16px;
height: 10px;
background: url(./img/ar_menu.png) no-repeat left top;
position: absolute;
right: 4%;
bottom: 50px;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}

.interview-head {
margin: 16px 0 0 0;
overflow: hidden;
}
.interview-head .name span {
font-size: 1.6rem;
}
.interview-head .name em {
margin: 0 0 0 4px;
font-size: 1.6rem;
}
.interview-head .img-box {
margin: 8px auto 0 auto;
text-align: center;
}
.interview-head .img-box img {
display: block;
margin: 0 auto;
width: 144px;
height: 144px;
}
.interview-head .tx {
margin: 16px 0 0 0;
padding: 4px 8px;
background: #fff7e5;
}
.interview-head .tx p {
margin: 4px 0;
font-size: 1.4rem;
}
.interview-head p.copy {
margin: 12px 0 0 0;
line-height: 1.4;
color: #203880;
font-weight: bold;
font-size: 1.8rem;
}
.interview-head p.name {
margin: 0;
text-align: center;
background: #ecf4ff;
}
.interview-head ul.tag {
margin: 12px 0 0 0;
padding: 0;
list-style: none;
}
.interview-head ul.tag li {
display: inline-block;
margin: 0 4px 4px 0;
padding: 0 8px;
background: #e3eaf3;
color: #333;
}

.interview-body .biography {
margin: 24px 0 0 0;
padding: 8px;
border: 1px solid #ccc;
}
.interview-body .biography ul {
margin: 0;
padding: 0;
list-style: none;
}
.interview-body .biography ul li {
display: table;
margin: 4px 0 0 0;
line-height: 1.4;
font-size: 1.4rem;
}
.interview-body .biography ul li:first-child {
margin: 0;
}
.interview-body .biography ul li .date {
display: table-cell;
width: 90px;
vertical-algin: top;
}
.interview-body .biography ul li .tx {
display: table-cell;
}
.interview-body dl {
margin: 24px 0 0 0;
}
.interview-body dl dt {
display: inline-block;
margin: 0 0 0 25px;
padding: 8px 12px;
background: #ffe4a4;
line-height: 1.4;
font-weight: bold;
position: relative;
color: #504020;
border-radius: 6px;
}
.interview-body dl dt::before {
content: "";
display: block;
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 10px solid #ffe4a4;
border-right: 10px solid #ffe4a4;
position: absolute;
top: 6px;
left: -20px;
}
.interview-body dl dd {
margin: 12px 30px 0 0;
padding: 16px;
background: #ecf4ff;
border-radius: 6px;
position: relative;
}
.interview-body dl dd::before {
content: "";
display: block;
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 10px solid #ecf4ff;
border-left: 10px solid #ecf4ff;
position: absolute;
top: 6px;
right: -20px;
}
.interview-body dl dd p {
margin: 0 0 0 0;
}
.interview-body dl dd em {
color: #39529c;
}
.interview-foot {
margin: 24px 0 0 0;
padding: 4px 8px;
background: #fff7e5;
}
.interview-foot p {
margin: 4px 0;
font-size: 1.4rem;
}

.interview-nav {
margin: 32px 0;
}
.interview-nav ul {
display: table;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.interview-nav ul li {
display: table-cell;
vertical-align: middle;
width: 30%;
}
.interview-nav ul li.back {
font-size: 1.4rem;
text-align: center;
}
.interview-nav ul li a {
display: block;
position: relative;
}
.interview-nav ul li a p {
line-height: 1.3;
}
.interview-nav ul li a p.name em {
font-size: 1.8rem;

}
.interview-nav ul li a p.copy {
display: none;
}
.interview-nav ul li.new {
border-right: 1px solid #ddd;
}
.interview-nav ul li.old {
border-left: 1px solid #ddd;
}
.interview-nav ul li.new a {
padding: 12px 14px 12px 14px;
text-align: right;
}
.interview-nav ul li.old a {
padding: 12px 14px 12px 14px;
text-align: left;
}
.interview-nav ul li.new a::before,
.interview-nav ul li.old a::before {
content: "";
display: block;
margin: -5px 0 0 0;
width: 16px;
height: 10px;
background: url(img/ar_menu.png) no-repeat left top;
position: absolute;
}

.interview-nav ul li.new a::before {
top: 50%;
left: 0;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.interview-nav ul li.old a::before {
top: 50%;
right: 0;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}

.back-link {
margin: 16px 0 0 0;
}
.back-link a {
display: inline-block;
text-decoration: underline;
position: relative;
}
.back-link a::before {
content: "";
display: inline-block;
margin: 0 2px 0 2px;
width: 7px;
height: 7px;
border-left: 1px solid #1F387F;
border-bottom: 1px solid #1F387F;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
vertical-align: middle;
}
.back-link a:hover {
text-decoration: none;
}
/* HS度チェック */

.hscheck-wrap .contents-box {
padding-bottom: 40px;
}
.hscheck-wrap .contents-box h2 {
width: 100%;
font-size: 1.8rem;
}
.check-sheet {
margin: 0 auto 40px;
padding: 4px;
border: 2px solid #eee;
}
.check-sheet p.txt {
padding: 10px 0 0;
text-align: center;
font-size: 14px;
}
.check-sheet ul {
margin: 0;
padding: 0;
list-style: none;
}
.check-sheet ul li span.checkno {
display: block;
padding-top: 3px;
width: 30px;
float: left;
color: #203880;
font-size: 16px;
font-weight: 600;
text-align: left;
}
.check-sheet ul li p.checktx {
display: block;
margin-left: 55px;
padding: 5px 3px 5px 0;
}

ul#check {
display: block;
margin: 0 auto;
padding-bottom: 20px;
}
ul#check li {
margin: 0 10px;
position: relative;
}
ul#check li::before,
ul#check li::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
ul#check li,
ul#check li::before,
ul#check li::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
ul#check input[type="checkbox"] {
padding: 0;
width: 100%;
height: 100%;
position: absolute;
top: -3px;
left: -3px;
opacity: 0;
cursor: pointer;
}
ul#check label {
cursor: pointer;
}

.check-sheet p.txt .ch-box,
ul#check label span.ch-box {
position: absolute;
width: 16px;
height: 16px;
top: 8px;
left: 30px;
border-radius: 2px;
border: 1px solid #203880;
}
.check-sheet p.txt .ch-box,
ul#check input[type="checkbox"]:checked + label span.ch-box {
background-color: #203880;
}
.check-sheet p.txt .ch-box {
display: inline-block;
margin: 0 4px;
position: relative;
vertical-align: middle;
top: 0;
left: 0;
}
ul#check input[type="checkbox"]:checked + label span.ch-box:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

.check-sheet p.txt .ch-box:after,
ul#check label span.ch-box:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 8px;
height: 4px;
background: transparent;
top: 3px;
left: 3px;
border: 3px solid #fcfff4;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.check-sheet p.txt .ch-box:after {
opacity: 1;
}

ul#check label span.ch-box:hover::after {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter:alpha(opacity=30);
opacity:0.3;
}
p.input {
display: inline-block;
padding: 0px 0px 10px;
width: 100%;
vertical-align: middle;
text-align: center;
clear: both;
}
.check-sheet .judge {
display: block;
margin: 0 auto 15px;
padding: 12px 0 20px 0;
width: 50%;
color: #203880;
text-align: center;
font-weight: 600;
font-size: 14px;
background: #F7F9FD url(./img/ar_menu.png) no-repeat center bottom 10px;
vertical-align: middle;
-webkit-appearance: none;
border-style: none;
cursor: pointer;
border-radius: 3px;
box-shadow: 2px 2px 0 rgba(0,0,0,.2);
-webkit-transition: .3s all;
-moz-transition: .3s all;
-ms-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}
.check-sheet .judge:hover {
background-color: #E8EDF9;
}

#RESULT {
display: none;
margin: 20px auto 0 auto;
padding: 1px 0 20px;
}
#RESULT .rslt-area {
border: 2px solid #203880;
background: #fff;
}
#RESULT h1 {
height: 44px;
line-height: 44px;
background: #203880;
border: 1px solid #fff;
border-bottom: none;
color: #fff;
text-align: center;
font-size: 18px;
font-weight: 600;
}
#RESULT h2 {
margin: 0 auto;
padding: 20px 0 10px;
width: 90%;
color: #203880;
font-size: 18px;
text-align: center;
line-height: 1.4;
}
#RESULT p.sum2 {
margin: 0 auto;
width: 90%;
line-height: 160%;
font-size: 16px;
padding-bottom: 20px;
}
#RESULT .btn {
margin-left: -60px;
padding: 10px;
width: 100px;
text-align: center;
cursor: pointer;
position: absolute;
bottom: 10px;
left: 50%;
color: #ffffff;
font-weight: 600;
font-size: 20px;
background: #203880;
text-shadow: 2px 2px 2px #000;
box-shadow: 0px 0px 8px #555;
-moz-box-shadow: 0px 0px 8px #555;
-webkit-box-shadow: 0px 0px 8px #555;
border-style: none;
cursor: pointer;
}

#RESULT .rslt-area.check-all .rslt-in {
background: url(img/bg_checkall.png) no-repeat center bottom 8px;
background-size: 98%;
padding: 0 0 30px;
}


.hs-people {
background: #f7f9fd;
padding: 8px;
}
.hs-people h3 {
margin: 0 0 16px;
padding: 0 0 8px;
text-align :center;
font-size: 1.8rem;
color: #203880;
border-bottom: 1px solid #203880;
}
.hs-people ul {
margin: 0 0 16px;
padding: 0;
list-style: none;
}
.hs-people ul li {
margin-bottom: 5px;
clear: both;
}
.hs-people ul li span.list {
display: block;
padding: 5px 5px;
float: left;
background: #203880;
color: #ffffff;
margin-right: 5px;
overflow: hidden;
font-size: 1.2rem;
}
.hs-people ul li span.txt {
display: block;
margin-left: 5px;
padding-top: 3px;
font-weight: 400;
}
.hs-people h4 {
font-size: 1.6rem;
text-align: center;
line-height: 1.3;
}
.hs-people h4 span {
font-size: 1.4rem;
}

/* br */
br.br-sp {
    display:block;
}

/* GoogleMap */
.access-map {
margin: 24px 0 0 0;
position: relative;
/*padding-bottom: 56.25%; */
/*height: 0; */
/*overflow: hidden; */
}
.access-map iframe {
width: 100% !important;
height: 300px;
/*position: absolute;
top: 0;
left: 0;
height: 200px !important;*/
vertical-align: bottom;
}

/* フッター */
.foot-wrap {
position: relative;
border-top: 1px solid #ddd;
/*z-index: 100;*/
background: #fff;
}
.pagetop {
position: fixed;
bottom: 15px;
right: 15px;
z-index: 2;
}
.pagetop a {
position: relative;
display: block;
background-color: rgba(0,0,0,.8);
background-image: url(./img/ico_pagetop.png);
background-repeat: no-repeat;
background-position: center center;
border-radius: 50%;
width: 40px;
height: 40px;
background-size: 24px;
}

.pagetop a:hover {
opacity: 1;
background-color: #203880;
transition: background .3s;
}
/*.foot-wrap .foot {
margin: 0 auto;
padding: 6px 0 16px;
max-width: 1020px;
}*/
.foot-wrap .foot {
overflow: hidden;
/*margin: 8px auto 8px!important;*/
padding: 8px 4%!important;
width: 100%;
box-sizing: border-box;
background: #eee;

border-top: 1px solid #ddd;
}
.foot .copy p {
margin: 0 12px;
color: #888;
font-size: 1.1rem;
text-align: center;
}
.foot-wrap .foot .company-link {
font-size: 1.2rem;
text-align: center;
margin: 15px 0 0;
}
.foot-wrap .foot .company-link a {
text-decoration: underline;
}
.foot-wrap .foot .company-link a:hover {
text-decoration: none;
}
.foot-wrap .foot .copy {
margin: 12px 0 0 0;
}
.foot-wrap .foot .facebook-link{
text-align: center;
}

.foot-link {
margin: 0;
padding: 0;
list-style: none;
}
.foot-link li {
margin: 0 0 8px 0;
padding: 0;
font-size: 1.2rem;
}
.foot-link li a {
display: block;
padding: 0;
line-height: 50px;
height: 50px;
background: #fff;
text-align: center;
font-weight: bold;
}
.foot-link li a img {
margin: 0 8px 0 0;
vertical-align: middle;
width: 29px;
}


#BTM_WRAP {
min-height: 70px;
}
.bottom-wrap{
position: relative;
height: 100px;
}
.bottom-wrap.p-fix {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 70px;
border-top: 1px solid #ccc;
background-color: rgba(255,255,255,.95);
z-index: 5;
}
.bottom-wrap > ul{
list-style: none;
width: 100%;
margin: 0 auto;
padding: 12px 0;
}
.bottom-wrap > ul li{
margin: 0 2%;
float: left;
}
.bottom-wrap ul li.entry-btn{
min-width: 110px;
max-width: 190px;
padding: 4px 0;
width: 20%;
}
.bottom-wrap ul li.briefing-btn{
width: 42%;
margin: 0;
}
.bottom-wrap ul li.entry-btn a{
display: block;
padding: 0;
}
.bottom-wrap ul li.entry-btn a:hover{
opacity: .8;
}
.entry-btn a img{
max-width: 100%;
}
.entry-btn.rikunabi a img{
/*border: 1px solid #0068b7;*/
padding: 4px 0;
}
.entry-btn.rikunabi a span{
vertical-align: text-top;
}
.bottom-wrap ul li.entry-btn span{
display: block;
text-align: center;
font-weight: normal;
font-size: 12px;
}
/*.bottom-wrap ul li.entry-btn span:before,
.menu-main > li.entry-btn span:before{
content: "";
display: inline-block;
padding: 0 3px 3px 0;
width: 16px;
height: 10px;
background: url(./img/ar_menu.png) no-repeat left top;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}*/
.briefing-btn a{
display: block;
padding: 10px;
height: 25px;
background: #203880;
border-radius: 3px;
box-shadow: 2px 2px 0 rgba(0,0,0,.2);
font-weight: bold;
font-size: 14px;
color: #fff;
text-align: center;
transition: .3s all;
}
.bottom-wrap ul li.briefing-btn a:hover{
background: #203880d6;
}

.facebook-link a{
float: none;
}
.p-fix-bottom{
position: absolute;
bottom: 0;
width: 100%;
}

.menu-main > li.bottom-btn a:before {
content: "";
display: inline-block;
padding: 0 3px 3px 0;
width: 16px;
height: 10px;
background: url(./img/ar_menu.png) no-repeat left top;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}

body.m-op .foot-wrap .p-fix{
z-index: 100;
}
body.m-op .p-fix .sp-menu-btn{
position: fixed;
top: auto;
bottom: 13px;
}