@media screen and (min-width: 781px) {
html {
  font-size: 62.5%;
  line-height: 1.7;
  width: 100%;
  margin: 0;
  padding: 0;
}
body {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 1.6rem;
  font-size: 1.23vw;
}
p, ul, li, ol, th, td, input, textarea, dl, dt, dd {
  line-height: 1.7;
}
p {
  margin-bottom: 1em;
}
.sp {
  display: none !important;
}
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}
.algnC {
  text-align: center;
}
.algnR {
  text-align: right;
}
.br_pc {
  display: block;
}
.br_sp {
  display: none;
}
.w30 {
  padding: 0 15px;
}
.flex {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.empty {
  border: none;
  height: 2px;
  width: 100%;
}
/* -----------botton basic---------- */
.content .btn {
  width: 30vw;
  height: 50px;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 auto 50px;
  background: #000;
  color: #fff;
}
.content .btn a {
  font-size: 1.8rem;
  font-size: 1.384vw;
  color: #fff !important;
  text-decoration: none;
  line-height: 50px;
  transition: all .5s ease;
  z-index: 2;
  position: relative;
}
.content .btn .eff {
  width: 30vw;
  height: 50px;
  top: -50px;
  left: 0;
  background: #FF3D40;
  position: absolute;
  transition: all .5s ease;
  z-index: 1;
}
.content .btn:hover .eff {
  top: 0;
  text-decoration: none;
  color: #fff;
}
.content .btn:hover a {
  color: #fff;
  text-decoration: none;
  display: block;
}
/* -----------繝輔ぉ繝ｼ繝�--------------- */
.fade_in {
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
}
.fade {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}
/* ---------------head--------------------------------------------------------------------------- */
#area_head {
  margin: 0;
  padding: 0;
  position: relative;
  position: fixed; /* 繝倥ャ繝€繝ｼ縺ｮ蝗ｺ螳� */
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 999;
  background: #fff;
  line-height: 1;
  filter: opacity(0.9);
  height: 5vw;
}
header {
  width: 90.27%;
  min-width: 860px;
  margin: 0 auto;
  background: #fff;
  position: relative;
}
.header {
  display: none;
}
#area_head header #sitename {
  position: absolute;
  top: 1.2vw;
  left: 0px;
  width: 10vw;
  height: auto;
}
#area_head header #sitename img {
  width: 100%;
}
header #menu_pc {
  position: absolute;
  top: 2.5vw;
  right: -2.5vw;
  width: 44.23%;
  margin: 0 auto;
  padding: 0;
}
header #gnav {
  position: relative;
  text-align: right;
  line-height: 1;
}
header #gnav > li {
  text-align: center;
  display: inline;
  margin: 0;
  padding: 0px 2vw 0 0;
  font-size: 1.2rem;
  font-size: 0.923vw;
  vertical-align: middle;
}
header #gnav li a:hover {
  text-decoration: none;
}
header #gnav > li:nth-child(1) {
  width: 1.538vw;
  padding-right: 4vw;
  margin-top: -4px;
}
header #gnav > li:nth-child(1) img {
  width: 1.538vw;
}
header #gnav > li {
  float: left;
}
header #gnav > li a {
  display: block;
}
header #gnav > li a:hover {
  color: #999;
}
header #gnav .menu__single:hover {
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
header #gnav .menu__second-level li {
}
/**
 * single menu
 */
header #gnav > .menu__single {
  position: relative;
}
.menu__single .menu__second-level {
  position: absolute;
  top: 2vw;
  width: 300%;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  visibility: hidden;
  opacity: 0;
  color: #fff;
  border-top: 1px solid #ccc;
}
.menu__single > .menu__second-level a {
  color: #fff;
  padding: 10px;
}
.menu__single:hover > .menu__second-level {
  visibility: visible;
  opacity: 0.8;
  background: #000;
  color: #fff;
}
.menu__single > .menu__second-level a:hover {
  color: #fff;
  text-decoration: none;
  background: #ccc;
}
header #gnav > li:nth-child(1) {
}
/* ---------------head recruit--------------- */

#area_head.recruit_temp {
  height: 6.53vw;
}
#area_head.recruit_temp header {
  width: 100%;
}
#area_head.recruit_temp .hd {
  width: 90.27%;
  min-width: 860px;
  margin: 0 auto;
  background: #fff;
  position: relative;
}
#area_head.recruit_temp .corptop {
  font-size: 1.2rem;
  font-size: 0.923vw;
  position: absolute;
  top: 2.5vw;
  right: 0px;
  margin: 0 auto;
  padding: 0;
  text-align: right;
  line-height: 1;
}
#area_head.recruit_temp .corptop a {
  color: #000;
}
#area_head.recruit_temp .corptop a:hover {
  color: #ccc;
  text-decoration: none;
}
#area_head.recruit_temp .corptop img {
  width: 1.3vw;
  height: auto;
  margin-left: 8px;
}
#area_head.recruit_temp header #menu_pc {
  background: #3c76c8;
  position: absolute;
  top: 4.5vw;
  width: 100%;
  right: 0;
}
#area_head.recruit_temp header #gnav_r {
  position: relative;
  width: 90.27%;
  min-width: 860px;
  margin: 0 auto;
  height: 2.5vw;
  line-height: 2.5vw;
}
#area_head.recruit_temp header #gnav_r > li {
  float: left;
  width: 12.5%;
  font-size: 1.2rem;
  font-size: 0.923vw;
  text-align: center;
  line-height: 2.5vw;
  color: #fff;
}
#area_head.recruit_temp header #gnav_r > li a {
  display: block;
  color: #fff;
}
#area_head.recruit_temp header #gnav_r > li a:hover {
  text-decoration: none;
  background: #093b85;
}
/* 荳狗泙蜊ｰ */
#area_head.recruit_temp header #gnav_r縲€.init-bottom:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 0 15px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* float繧ｯ繝ｪ繧｢ */
#area_head.recruit_temp header #gnav_r:before, #area_head.recruit_temp header #gnav_r:after {
  content: " ";
  display: table;
}
#area_head.recruit_temp header #gnav_r:after {
  clear: both;
}
#area_head.recruit_temp header #gnav_r {
 *zoom: 1;
}
#area_head.recruit_temp header #gnav_r > li.menu__single {
  position: relative;
}
#area_head.recruit_temp header #gnav_r li.menu__single ul.menu__second-level {
  position: absolute;
  top: 2.5vw;
  width: 100%;
  background: #3c76c8;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
}
#area_head.recruit_temp header #gnav_r li.menu__single ul.menu__second-level li {
  border-top: 1px solid #fff;
  text-align: center;
  line-height: 2.5vw;
}
#area_head.recruit_temp header #gnav_r li.menu__single ul.menu__second-level li a:hover {
  background: #093b85;
  text-decoration: none;
}
#area_head.recruit_temp header #gnav_r li.menu__single:hover ul.menu__second-level {
  top: 2.5vw;
  visibility: visible;
  opacity: 1;
}
#recruit #area_head.recruit_temp header #gnav_r > li:nth-child(1) a, #service #area_head.recruit_temp header #gnav_r > li:nth-child(2), #message #area_head.recruit_temp header #gnav_r > li:nth-child(2),
#chart #area_head.recruit_temp header #gnav_r > li:nth-child(2),
#chart #area_head.recruit_temp header #gnav_r > li:nth-child(2), #gallery #area_head.recruit_temp header #gnav_r > li:nth-child(2),
#chart #area_head.recruit_temp header #gnav_r > li:nth-child(2), #nutshell #area_head.recruit_temp header #gnav_r > li:nth-child(2), #work #area_head.recruit_temp header #gnav_r > li:nth-child(3),
#support #area_head.recruit_temp header #gnav_r > li:nth-child(3), #person #area_head.recruit_temp header #gnav_r > li:nth-child(4) a,
#itasaki #area_head.recruit_temp header #gnav_r > li:nth-child(4) a, #kobayashi #area_head.recruit_temp header #gnav_r > li:nth-child(4) a, #funakoshi #area_head.recruit_temp header #gnav_r > li:nth-child(4) a,
#komiyama #area_head.recruit_temp header #gnav_r > li:nth-child(4) a, #yagoshi #area_head.recruit_temp header #gnav_r > li:nth-child(4) a, #uehara #area_head.recruit_temp header #gnav_r > li:nth-child(4) a,
#aoki #area_head.recruit_temp header #gnav_r > li:nth-child(4) a, #takayanagi #area_head.recruit_temp header #gnav_r > li:nth-child(4) a, #kawaguchi #area_head.recruit_temp header #gnav_r > li:nth-child(4) a,
#flow #area_head.recruit_temp header #gnav_r > li:nth-child(5) a, #entry #area_head.recruit_temp header #gnav_r > li:nth-child(6), #entry #area_head.recruit_temp header #gnav_r > li:nth-child(6) a,
#form #area_head.recruit_temp header #gnav_r > li:nth-child(7) a, #career #area_head.recruit_temp header #gnav_r > li:nth-child(7) a, #inquiry #area_head.recruit_temp header #gnav_r > li:nth-child(8) a {
  background: #093b85;
}
/* ---------------FooterLayout--------------- */
footer {
  width: 100%;
  font-size: 1.2rem;
  font-size: 0.923vw;
}
footer nav {
  background: #e4e4e4;
  text-align: center;
}
footer nav ul {
  padding: 0;
}
footer nav ul li {
  display: inline-block;
  margin: 30px 10px;
}
footer .con {
  width: 80%;
  margin: 15px auto;
  font-size: 1.1rem;
  font-size: 0.769vw;
  position: relative;
}
footer .con dl dt {
  display: inline;
  font-weight: bold;
}
footer .con dl dd {
  display: inline;
}
footer p.copy {
  position: absolute;
  right: 0;
  top: 0px;
  text-align: right;
  color: #8a8a8a;
}
/****pagetop***/
#page-top {
  position: fixed;
  bottom: 0px;
  right: 0px;
  font-size: 1.2rem;
  font-size: 0.923vw;
  line-height: 50px;
  border: 1px solid #fff;
}
#page-top a {
  background: #3974cb;
  text-decoration: none;
  color: #ffdc1d;
  width: 70px;
  padding: 10px 0;
  text-align: center;
  display: block;
}
#page-top a:hover {
  text-decoration: none;
  background: #999;
}
/**img mouthover**/
.img_wrap {
  margin: 0 auto;
  overflow: hidden;
}
.img_wrap img {
  width: 100%;
  cursor: pointer;
  transition-duration: 0.5s;
}
.img_wrap img:hover {
  transform: scale(1.2) rotate(9deg);
  transition-duration: 0.5s;
}
/* ---------------BaseLayout--------------- */
.content {
  margin: 5vw auto 6.923vw;
}
/* ---------------TOP--------------- */
/* --------slider-------- */
#home #area_main {
  width: 100% !important;
  margin-bottom: 4.615vw;
}
#home .con_in {
  width: 80%;
  margin: 0 auto 50px;
}
#home .con_in h2 {
  margin-bottom: 2.307vw;
  text-align: center;
  font-size: 2.4rem;
  font-size: 1.846vw;
  font-weight: normal;
  color: #616161;
}
#home .content p {
  margin-bottom: 0;
}
/* --------01-------- */
#home .content #co01 {
  margin: 4.615vw auto 6.923vw;
}
#home .content #co01 .fadein {
  width: 30.288%;
  padding: 25px 1.5vw;
  border: 1px solid #aaaaaa;
  font-size: 1.5rem;
  font-size: 1.11vw;
}
#home .content #co01 p.fadein{
  border:none;
  width: auto;
  text-align: right;
}

#home .content #co01 .fadein a {
  display: block;
  text-decoration: none;
}
#home .content #co01 .fadein h3 {
  margin-bottom: 10px;
}
#home .content #co01 .fadein p {
  color: #000000;
}

#home .content #co01 p.linkbtn {
  width: 80%;
  margin: 10px auto 0;
  text-align: center;
  background: #00479d;
  color: #fff;
  text-decoration: none;
  padding: 5px  10px;
}
#home .content #co01 p.linkbtn.btn_other {
  position: relative;
}
#home .content #co01 p.linkbtn.btn_other::after {
  display: inline-block;
  content: '';
  margin-left: 0.5em;
  background: url(/common_erp/img/ico_link.svg) no-repeat center / contain;
  width: calc(100vw / (1280 / 13.8));
  height: calc(100vw / (1280 / 13.8));
}


/* --------02-------- */

#home .content #co02 {
  margin: 0 auto 6.923vw;
}
#home .content #co02 .fadein {
  width: 30.288%;
}
/* --------03-------- */

#home .content #co03 {
  margin: 0 auto 6.923vw;
}
/* --------04-------- */
#home .content #co04 {
  padding: 0 15%;
}
#home .content #co04 dl {
  margin-bottom: 1em;
}
#home .content #co04 dl dt {
  width: 10.7vw;
  float: left;
  clear: left;
  margin-bottom: 1.7em;
}
#home .content #co04 dl dd {
  padding-left: 10.7vw;
  margin-bottom: 1.7em;
}
#home .content #co04 .tolist {
  text-align: center;
}




/*********award********/

/*繝ｪ繝ｳ繧ｯ繧貞承荳九↓蝗ｺ螳�*/
.button_award {
 width: calc(100vw / (1200 / 250));
 position: fixed;
 right: 0px;
 bottom: calc(100vw / (1200 / 1));
 z-index: 99999;
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 1.5s, transform 1.5s;
}.button_award.active {
	opacity: 1;
	transform: translateY(0px);
}


/* ---------------second common--------------- */
.basic .con_in {
  margin: 0 auto 50px;
  width: 80%;
}
#area_main.basic h1 {
  text-align: center;
  margin: 15vw auto 10vw;
  font-size: 3.6rem;
  font-size: 2.769vw;
  position: relative;
}
#area_main.basic h1 span {
  position: absolute;
  bottom: -45px;
  font-size: 1.6rem;
  font-size: 1.23vw;
  font-weight: normal;
  color: #9F9F9F;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#area_main.basic h1:before {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 60px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}
/* ---------------servise list--------------- */
#service #co01.con_in,  #service #co02.con_in {
  width: 80%;
  margin: 0 auto 3.84vw;
}
#service #co01.con_in .box,  #service #co02.con_in .box {
  width: 30%;
  display: inline-block;
  margin: 0 1vw 3.84vw;
}
#service #co01.con_in h2,  #service #co02.con_in h2 {
  margin-bottom: 3vw;
  border-bottom: 1px solid #000;
  font-size: 2.4vw;
}
#service .con_in h3 {
  text-align: center;
  margin-bottom: 2vw;
}
#service #co02.con_in h3 span {
  font-size: 1.5vw;
}
#service #co01.con_in p.linkbtn,  #service #co02.con_in p.linkbtn {
  width: 70%;
  margin: 3vw auto;
  text-align: center;
  background: #00479d;
}
#service #co01.con_in p.linkbtn a,  #service #co02.con_in p.linkbtn a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0.3vw 0;
}
#service #co02.con_in p.linkbtn.btn_other a {
  position: relative;
}

#service #co01.con_in p.linkbtn.btn_other a::after {
  display: inline-block;
  content: '';
  margin-left: 0.5em;
  background: url(/common_erp/img/ico_link.svg) no-repeat center / contain;
  width: calc(100vw / (1280 / 13.8));
  height: calc(100vw / (1280 / 13.8));
}




/* ---------------servise common--------------- */
.service #co01.con_in {
  width: 80%;
  margin: 0 auto 3.84vw;
}
.service #co02.con_in {
  width: 70%;
  margin: 0 auto 3.84vw;
}
.service #main #co01 h2, .service #main #co02 h2 {
  font-size: 3.2rem;
  font-size: 2.461vw;
  margin: 6.923vw auto 2vw;
  text-align: center;
}
.service #main .box .inner {
  width: 30%;
  background: #e9e9e9;
  padding: 2.08vw;
  margin-bottom: 6.923vw;
}
.service #main .box .inner h3 {
  text-align: center;
  color: #fff;
  font-size: 3.2rem;
  font-size: 2.461vw;
  margin-bottom: 1vw;
}
.service #main .box .inner h4 {
  font-size: 1.7rem;
  font-size: 1.307vw;
  margin-bottom: 2vw;
}
.service #cnsl.con_in {
  width: 100%;
  margin: 0 auto 50px;
  padding: 6.06vw 0;
  background: #3974cb;
  color: #fff;
}
.service #cnsl.con_in h2 {
  color: #fff;
  text-align: center;
  font-size: 3.2rem;
  font-size: 2.461vw;
  margin-bottom: 6.923vw;
}
.service #cnsl.con_in .box {
  width: 80%;
  margin: 0 auto 2vw;
  color: #fff;
}
.service #cnsl.con_in .box .img {
  width: 48%;
}
.service #cnsl.con_in .box .txt {
  width: 48%;
}
.service #cnsl.con_in .box .txt h3 {
  font-size: 1.7rem;
  font-size: 1.307vw;
  margin-bottom: 1.153vw;
}
.service #cntct.con_in {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
.service #cntct.con_in .btn {
  width: 30vw;
  height: 50px;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 auto 50px;
  background: #000;
}
.service #cntct.con_in .btn a {
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  line-height: 50px;
  transition: all .5s ease;
  z-index: 2;
  position: relative;
}
.service #cntct.con_in .btn .eff {
  width: 30vw;
  height: 50px;
  top: -50px;
  background: #FF3D40;
  position: absolute;
  transition: all .5s ease;
  z-index: 1;
}
.service #cntct.con_in .btn:hover .eff {
  top: 0;
}
.service #cntct.con_in .btn:hover a {
  color: #fff;
  display: block;
}
/* ---------------erp--------------- */

#erp #main #co02 h3 {
  font-size: 1.8rem;
  font-size: 1.384vw;
  position: relative;
  margin: 1.538vw 0;
}
#erp #main #co02 h3::before {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 60px;
  height: 3px;
  left: 0%;
  background-color: black;
  border-radius: 2px;
}
/* ---------------erp--------------- */

#mister .service #co02.con_in {
  width: 100%;
  padding: 2vw;
  margin: 0 auto 50px;
  background: #ebf5fb;
}
#mister .service #co02.con_in h2 {
  margin: 0;
}
#mister .service #co02.con_in div.fade {
  width: 70%;
  margin: 0 auto;
}
/* ---------------------product common--------------------------------- */
.product.content {
  margin-bottom: 0;
}
.product #product_info {
  padding: 3.33vw 0 !important;
}
.product #product_info section {
  width: 80vw;
  margin: 5vw auto !important;
  text-align: center;
  border: 5px solid #e9dcc9;
  background: #fff;
}
.product #product_info section .fL {
  display: inline-block;
  width: 21.5vw;
  padding: 0 3vw;
  vertical-align: top;
  font-size: 1.466vw;
  color: #e43534;
}
.product #product_info section .fR {
  display: inline-block;
  width: 54.66vw;
  vertical-align: top;
  text-align: left;
}
.product #product_info section .fR ul li {
  display: inline-block;
  width: 49%;
}


#aic .product #product_info section .fL {
  display: inline-block;
  width: 21.5vw;
  padding: 0 3vw;
  vertical-align: top;
  font-size: 1.466vw;
  color: #e43534;
}
#aic .product #product_info section .fL h2 {
  width: 8vw;
  margin: 0 auto 4vw;
}
#aic .product #product_info section .fR {
  display: inline-block;
  width: 54.66vw;
  vertical-align: top;
  text-align: left;
}
.product #product_contact {
  background: #03426d;
}
.product #product_contact section {
  width: 80vw;
  margin: 0 auto;
  padding: 4.166vw 0;
  text-align: center;
  color: #fff;
  font-size: 1.666vw;
}
.product #product_contact section h2 {
  width: 33.3vw;
  margin: 0 auto 0;
  padding-bottom: 0;
  font-size: 1.9vw;
}
.product #product_contact section h2 a {
  display: block;
  padding: 2.083vw 0;
  background: #f39800;
  color: #fff;
}
.product #product_contact section h2 a:hover {
  text-decoration: none;
  background: #FF6000;
}
.product #product_navi {
  background: #0068b7;
}
.product #product_navi section {
  width: 80vw;
  margin: 0 auto;
  padding: 4.166vw 0;
}
.product #product_navi section h2 {
  padding-bottom: 5vw;
  text-align: center;
  font-size: 2.16vw;
  color: #fff;
}
.product #product_navi section ul {
  margin-bottom: 5.83vw;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.product #product_navi section ul li {
  width: 30%;
}
.product #product_navi section p.goto_list {
  width: 33.3vw;
  margin: 0 auto;
  background: #fff;
  text-align: center;
  font-size: 1.333vw;
}
.product #product_navi section p.goto_list a {
  display: block;
  padding: 2.083vw 0;
}
.product #product_navi section p.goto_list a:hover {
  text-decoration: none;
  background: #ECEDF0;
}
#solvision .content.second,
#accupick .content.second,
#aic .content.second{
  margin-bottom: 0;
}

/* ---------------solomon common--------------- */
.product.solomon section {
  padding: 4.166vw縲€0;
}
.product.solomon section h2 {
  padding-bottom: 5vw;
  text-align: center;
  font-size: 2.666vw;
  color: #e54545;
}
.product.solomon h3.ttl01 {
  margin-bottom: 1vw;
  padding-bottom: 0.3vw;
  border-bottom: 6px solid #434343;
  line-height: 2.8vw;
  font-size: 2.2vw;
  position: relative;
}
.product.solomon h3.ttl01::before {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 6px #e54545;
  bottom: -0.5vw;
  width: 10%;
}
#solvision .product #co02, #solvision .product #product_info,  #accupick .product #co02,  #accupick .product #co04,  #aic .product #product_info {
  background: #f7f7f7 !important;
}

.product .movie video {
    width: 100%;
  height: auto;
}

.product .movie{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.product .movie iframe, .product .movie object, .product .movie embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* ---------------solomon solvision--------------- */
.product .con_in section {
  width: 80vw;
  margin: auto;
  padding: 4.166vw 0;
}
#solvision .product #co01 .box {
  width: 47%;
  vertical-align: top;
  display: inline-block;
  margin: 0 1%;
}
#solvision .product #co03 .inner {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-around;
}
#solvision .product #co03 .box {
  width: 30%;
  border: 1px solid #ccc;
  margin-bottom: 5vw;
}
#solvision .product #co03 .box h3 {
  background: #197ac0;
  text-align: center;
  color: #fff;
}
#accupick .product #co01 .box,  #accupick .product #co03 .box {
  width: 47%;
  vertical-align: top;
  display: inline-block;
  margin: 0 1%;
}

#accupick .product #co04 .box {
  width: 31%;
  vertical-align: top;
  display: inline-block;
  margin: 0 1%;
  text-align: center;
}
#accupick .product #co04 .box p {
  padding-top: 5px;
  line-height: 1.3;
}
#aic .product .read {
  margin-bottom: 6.33vw;
  text-align: center;
  font-size: 1.666vw;
  font-weight: bold;
}
#aic .product #co01 .box {
  margin-bottom: 6.25vw;
}
#aic .product #co01 .box .fL {
  width: 47.083vw;
  display: inline-block;
  margin-right: 4.583vw;
}
#aic .product #co01 .box .fR {
  width: 27vw;
  display: inline-block;
  vertical-align: top;
  padding-top: 6vw;
}
#aic .product #co01 .box .fL h2 {
  margin-bottom: 2vw;
  font-size: 2.2vw;
  color: #e94403;
  border-bottom: 2px solid #e94403;
  position: relative;
}
#aic .product #co01 .box .fL h2::before {
  content: "";
  display: inline-block;
  background: #349fb4;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: -5px;
}
/* ---------------------------------------case--------------------------------------------------- */

#case .con_in table {
  border-bottom: solid 2px #fff;
  background-color: #f4f4f4;
}
#case .con_in table th {
  padding: 10px;
  background-color: #4F86C6;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
  border: #FFF solid 1px;
  font-size: 1.0769vw;
}
#case .con_in table td {
  border-right: solid 2px #fff;
  padding: 10px 1%;
  border-bottom: solid 2px #fff;
  background-color: #f4f4f4;
  vertical-align: top;
  font-size: 1.0769vw;
}
#case .con_in table .t01 {
  width: 10%;
}
#case .con_in table .t02 {
  width: 13%;
}
#case .con_in table .t03 {
  width: 8%;
}
#case .con_in table .t04 {
  width: 6%;
}
#case .con_in table .t05 {
  width: 17%;
}
#case .con_in table .t06 {
  width: 17%;
}
#case .con_in table .t07 {
  width: 17%;
}
#case .con_in table td ul li {
  list-style: outside disc;
  margin-left: 20px;
  font-size: 1.4rem;
  font-size: 1.0769vw;
}
/* ---------------message--------------- */
#topmessage #main {
}
#topmessage #main #co01 .img {
  width: 40%;
}
#topmessage #main #co01 .txt {
  width: 55%;
}
#topmessage #main #co01 .txt p {
  font-size: 1.8rem;
  font-size: 1.384vw;
}
#topmessage #main #co01 .txt p.name {
  text-align: right;
}
#topmessage #main #co01 .txt p.name span img {
  width: 9.65vw;
  position: relative;
  top: 1vw;
  padding-left: 1vw;
}
/* ---------------vision--------------- */

#vision .content {
  margin-bottom: 0;
}
#vision #main .con_in {
  width: 100%;
  background: #0068b7;
  margin-bottom: 0;
  color: #0068b7;
}
#vision #main .fL {
  width: 50%;
  height: 40vw;
  float: left;
  background: #0068b7;
  position: relative;
  vertical-align: top;
}
#vision #main .fR {
  width: 50%;
  height: 40vw;
  float: right;
  background: #f9f9f9;
  position: relative;
  vertical-align: top;
  font-size: 42px;
}
#vision #main #co02 .fL {
  background: #f9f9f9;
}
#vision #main #co02 .fR {
  background: #0068b7;
}
#vision #main h2 {
  font-size: 2.4rem;
  font-size: 2vw;
  color: #fff;
  line-height: 1;
}
#vision #main h2 span {
  display: block;
  font-size: 4.8rem;
  font-size: 4vw;
  font-weight: bold;
  color: #b8cbe4;
  padding-bottom: 10px;
}
#vision #main #co01 .fL h2 {
  position: absolute;
  top: 45%;
  right: 5%;
  text-align: right;
}
#vision #main #co01 .fR .in {
  position: absolute;
  top: 20%;
  left: 5%;
}
#vision #main #co01 .fR p.en {
  font-size: 30px;
}
#vision #main #co01 .fR p.jp {
  font-size: 42px;
}
#vision #main #co02 .fL p {
  position: absolute;
  top: 25%;
  right: 5%;
  text-align: right;
  font-size: 42px;
}
#vision #main #co02 h2 {
  position: absolute;
  top: 45%;
  left: 5%;
}
#vision #main #co03 .fL {
}
#vision #main #co03 .fR {
  height: auto;
}
#vision #main #co03 .fL h2 {
  position: absolute;
  bottom: 20%;
  right: 5%;
  text-align: right;
}
#vision #main #co03 .fL h2 img {
  width: 30vw;
  height: auto;
  position: relative;
  bottom: 0.4vw;
}
#vision #main #co03 .fR .in {
  padding: 5% 0 5% 5%;
}
#vision #main #co03 .fR dt {
  font-size: 42px;
  margin-bottom: 0em;
  padding: 0;
}
#vision #main #co03 .fR dd {
  font-size: 24px;
  margin-bottom: 1em;
}
/* ---------------profile--------------- */
#history .con_in {
  width: calc(100vw / (1280 / 900));
  margin: 0 auto 50px;
  padding: 0;
}
#history #main .timeline {
  list-style: none;
}
#history #main .timeline > li {
  margin-bottom: 60px;
}
#history #main .timeline p {
  margin-bottom: 0px;
}
#history #main .timeline > li {
  overflow: hidden;
  margin: 0;
  position: relative;
}
#history #main .timeline-date {
  width: calc(100vw / (1280 / 180));
  float: left;
  padding-bottom: 30px;
}
#history #main .timeline-content {
  width: calc(100vw / (1280 / 720));
  float: left;
  border-left: 3px #dbe0e7 solid;
  padding-left: 30px;
  padding-bottom: 30px;
}
#history #main .timeline-content:before {
  content: '';
  width: calc(100vw / (1280 / 12));
  height: calc(100vw / (1280 / 12));
  background: #3c76c8;
  position: absolute;
  left: calc(100vw / (1280 / 175));
  top: 7px;
  border-radius: 100%;
}
/* ---------------profile--------------- */


#profile #main h2 {
  font-size: 2.2rem;
  font-size: 1.692vw;
  color: #033987;
  margin: 0 auto 2vw;
}
#profile .con_in section > dl {
  border-bottom: solid 1px #ccc;
  margin-bottom: 20px;
}
#profile #main .con_in section > dl > dt {
  width: 30%;
  float: left;
  clear: left;
  color: #033987;
  padding: 10px 2%;
  text-align: center;
  border-top: solid 1px #ccc;
}
#profile #main .con_in section > dl > dd {
  margin-left: 30%;
  border-top: solid 1px #ccc;
  padding: 10px 0;
}
/* ---------------access--------------- */

#access #main .con_in section > dl {
  border-bottom: solid 1px #ccc;
  margin-bottom: 20px;
}
#access #main .con_in section > dl > dt {
  width: 30%;
  float: left;
  clear: left;
  color: #033987;
  padding: 10px 2%;
  text-align: center;
  border-top: solid 1px #ccc;
}
#access #main .con_in section > dl > dd {
  margin-left: 30%;
  border-top: solid 1px #ccc;
  padding: 10px 0;
}
#access #main .con_in .map {
  height: 30vw;
}
/* ---------------privacy--------------- */

#privacy #main .con_in ol {
  margin-bottom: 40px;
}
#privacy #main .con_in ol li {
  list-style: outside decimal;
  margin: 10px 0 10px 1.2vw;
}
#privacy #main .con_in table {
  margin: 3vw 1.4vw;
}
#privacy #main .con_in table th, #privacy #main .con_in table td {
  padding: 5px 2%;
  border: 1px solid #ccc;
}
#privacy #main .con_in table .t01 {
  width: 26%;
  background: #f0f0f0;
}
#privacy #main .con_in table .t02 {
  width: 66%;
  background: #f0f0f0;
}
#privacy #main .con_in .box {
  width: 70%;
  background: #f0f0f0;
  padding: 10px;
  margin-bottom: 1vw;
}
#privacy #main .con_in .date {
  text-align: right;
  margin-bottom: 2vw;
}
#privacy #main .con_in .name {
  text-align: right;
  margin-bottom: 2vw;
}
/* ---------------information--------------- */
/* ---list--  */
#information #main .categrylist {
  padding: 0 20%;
  margin: 0 auto 50px;
}
#information #main .categrylist dl {
  border-bottom: 1px solid #BFBFBF;
}
#information #main .categrylist dt {
  width: 30%;
  float: left;
  clear: left;
  padding: 2vw 2%;
}
#information #main .categrylist dd {
  border-top: 1px solid #BFBFBF;
  padding: 2vw 2% 2vw 24%;
}
#information #main .pager {
  text-align: center;
  margin-bottom: 6vw;
}
#information #main .pager span {
  padding: 1vw 1.2vw;
  background: #9F9F9F;
  color: #fff;
}
#information #main .pager span.current {
  padding: 1vw 1.2vw;
  background: #033987;
  color: #fff;
}
current #information #main .pager a.page {
  padding: 1vw 1.2vw;
  background: #999;
  color: #fff;
}
#information #main .pager a {
  padding: 1vw 1.2vw;
  background: #000;
  color: #fff;
}
/* ---single--  */
.single .basic .con_in {
  padding: 0 5%;
  margin: 0 auto 50px;
}
.single #main h2 {
  font-size: 2.6rem;
  font-size: 2vw;
  color: #000;
  margin: 0 auto 2vw;
  font-weight: bold;
  padding: 0.25em;
  border-bottom: solid 2px #033987;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #f7fbff 3px, #f7fbff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #f7fbff 3px, #f7fbff 7px);
}
.single #main .article__body {
  border: 3px solid #EEEEEE;
  padding: 20px;
  margin-bottom: 30px;
}
.article__nav li {
  width: 20%;
  text-align: center;
  color: #fff;
}
.article__nav li a {
  display: block;
  background: #FDFDFD;
  border: 1px solid #EEEEEE;
  color: #000;
  padding: 8px 0;
  border-radius: 6px;
}
.article__nav li a:hover {
  text-decoration: none;
  background: 縲€#F3F4F8;
}
.article__nav .fL {
  float: left;
}
.article__nav .fR {
  float: right;
}

/* -------------------------------recruit----------------------------------------------- */



/* ---------------common tab--------------- */
@keyframes tabAnim {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
.tab_wrap {
  padding: 0 14%;
  margin: 80px auto;
}
.tab_area input[type="radio"] {
  display: none;
}
.tab_area {
  font-size: 0;
  padding: 0 15%;
  border-bottom: 2px solid #3974cb;
}
.tab_area label {
  width: 23vw;
  margin: 0;
  display: inline-block;
  padding: 12px 0;
  color: #3974cb;
  border-left: 2px solid #3974cb;
  border-top: 2px solid #3974cb;
  border-right: 2px solid #3974cb;
  background: #fff;
  text-align: center;
  margin-left: 16px;
  font-size: 1.23vw;
  cursor: pointer;
  transition: ease 0.2s opacity;
}
.tab_area label:hover {
  color: #fff;
  background: #3974cb;
}
.tab_panel {
  width: 100%;
  /**opacity: 0;**/
  padding: 80px 0;
  display: none;
}
.tab_panel p {
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  padding-bottom: 1em;
}
.tab_wrap input[type="radio"] {
  display: none;
}
.panel_area {
  background: #fff;
}
#tab1:checked ~ .tab_area .tab1_label {
  background: #3974cb;
  color: #fff;
}
#tab1:checked ~ .panel_area #panel1 {
  display: block;/**animation: tabAnim ease 0.6s forwards;**/
   /**-ms-animation: tabAnim ease 0.6s forwards;**/
}
#tab2:checked ~ .tab_area .tab2_label {
  background: #3974cb;
  color: #fff;
}
#tab2:checked ~ .panel_area #panel2 {
  display: block;/**animation: tabAnim ease 0.6s forwards;**/
   /**-ms-animation: tabAnim ease 0.6s forwards;**/
}
#tab3:checked ~ .tab_area .tab3_label {
  background: #3974cb;
  color: #fff;
}
#tab3:checked ~ .panel_area #panel3 {
  display: block;
  animation: tabAnim ease 0.6s forwards;
  -ms-animation: tabAnim ease 0.6s forwards;
}
/* ---------------tab separate--------------- */

.tab_wrap_2 {
  padding: 0 14%;
  margin: 80px auto 0;
}
.tab_area_2 {
  padding: 0 15%;
  border-bottom: 2px solid #3974cb;
}
.tab_area_2 li {
  width: 23vw;
  margin: 0;
  color: #3974cb;
  border-left: 2px solid #3974cb;
  border-top: 2px solid #3974cb;
  border-right: 2px solid #3974cb;
  background: #fff;
  text-align: center;
  margin-left: 16px;
  font-size: 1.23vw;
  cursor: pointer;
  transition: ease 0.2s opacity;
}
.tab_area_2 li a {
  display: block;
  padding: 12px 0;
  color: #fff;
  text-decoration: none;
}
.content.newmember .tab_area_2 li.tab1 a {
  background: #3974cb;
  color: #fff;
}
.content.careermember .tab_area_2 li.tab2 a {
  background: #3974cb;
  color: #fff;
}
.tab_area_2 li a:hover {
  color: #fff !important;
  background: #3974cb;
  text-decoration: none;
}
.tab_panel_2 {
  width: 100%;
  padding: 40px 0 80px;
}
.tab_panel_2 p {
  letter-spacing: 1px;
  text-align: center;
}
.panel_area_2 {
  background: #fff;
  padding: 0 14%;
}
.entrybtn {
  position: fixed;
  right: 0;
  top: 40%;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
.entrybtn a {
  display: block;
  color: #fff;
  background: #FF3D40;
  padding: 15px;
  text-decoration: none;
}
.entrybtn a hover {
  background: #FF1115;
}
/* ---------------interview--------------- */
#recruit .con_in {
  padding: 0;
  margin: 0 auto 50px;
}
#recruit .content #area_main {
  margin-bottom: 4.6vw;
}
#recruit .content {
  margin: 6.98vw auto 0;
  padding-bottom: 6.923vw;
  background: #3c76c8;
}
#recruit .content #main .con_in {
  margin-bottom: 6.923vw;
}
#recruit .content #main .con_in h2 {
  font-size: 2rem;
  font-size: 1.538vw;
  color: #ffffff;
  text-align: center;
  margin-bottom: 2.3vw;
}
#recruit .content #main #co01 .inner {
  width: 25.23vw;
  background: #fff;
  padding: 2.3vw 1.3%;
  position: relative;
}
#recruit .content #main #co01 .inner a {
  color: #000;
  text-decoration: none;
}
#recruit .content #main #co01 .box2 {
  margin-top: 2.2vw;
}
#recruit .content #main .box2 {
  padding: 0 13.6vw;
}
#recruit .content #main #co02 .inner {
  width: 25.23vw;
  background: #fff;
  padding: 2.3vw 1.3%;
}
#recruit .content #main #co02 .inner a {
  color: #000;
}
#recruit .content #main #co01 .inner .fR,  #recruit .content #main #co02 .inner .fR {
  width: 73.02%;
  float: right;
}
#recruit .content #main #co01 .inner .fR h3,  #recruit .content #main #co02 .inner .fR h3 {
  margin: 0.15vw 0 0;
  font-size: 1.5rem;
  font-size: 1.153vw;
}
#recruit .content #main #co01 .inner .fR p,  #recruit .content #main #co02 .inner .fR p {
  font-size: 1.4em;
  font-size: 1.0769vw;
  margin-bottom: 0;
  color: #72b1d2;
}
#recruit .content #main #co01 .inner .img,  #recruit .content #main #co02 .inner .img {
  width: 21.9%;
  float: left;
  font-size: 3.6em;
  font-size: 2.769vw;
  text-align: center;
  color: #1ca4fc;
}
#recruit .content #main #co03 .inner {
  width: 25.23vw;
  text-align: center;
  margin-bottom: 4.615vw;
}
#recruit .content #main #co03 .inner a {
  color: #fff;
  font-size: 1.4rem;
  font-size: 1.0769vw;
}
#recruit .content #main #co03 .inner a:hover {
  text-decoration: none;
}
#recruit .content #main #co03 .inner img {
  margin-bottom: 0.9vw;
}
#recruit .content #main #co03 p.algnC {
  text-align: center;
  width: 13.57vw;
  margin: 0 auto;
  height: 3.076vw;
  font-size: 1.4rem;
  font-size: 1.0769vw;
}
#recruit .content #main #co03 p.algnC a {
  background: #fff;
  color: #1ca4fc;
  display: block;
  padding: 8px 0;
}
#recruit .content #main #co03 p.algnC a:hover {
  text-decoration: none;
}
/* ---------------message--------------- */
#philosophy .content #area_main {
  margin-bottom: 4.6vw;
  position: relative;
}
#philosophy .content #area_main {
  position: relative;
}
#philosophy .content #area_main .bg {
}
#philosophy .content {
  margin: 5.53vw auto 0;
}
#philosophy .content #main #co01 .inner {
  background: #3c76c8;
  width: 28vw;
  position: absolute;
  top: 27.61vw;
  right: 0%;
  color: #fff;
}
#philosophy .content #main #co01 .inner h1 {
  padding: 1.3vw 2.3vw;
  font-size: 3.6rem;
  font-size: 2.769vw;
}
#philosophy .content #main #co01 .inner p {
  padding: 0 2.3vw 0vw;
}
#philosophy .content #main #co01 .inner p.ttl {
  width: 28vw;
  background: #000;
  font-size: 6.0rem;
  font-size: 3.615vw;
  padding: 0 1vw;
  margin: 0;
}
#philosophy .content #main .con_in {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 10vw;
}
#philosophy .content #main #co01 .in {
  position: absolute;
  top: 4vw;
  width: 80%;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
#philosophy .content #main #co01 .in .en {
  font-size: 3rem;
  font-size: 2.315vw;
  font-weight: normal;
  margin-bottom: 1vw;
  line-height: 1;
}
#philosophy .content #main #co01 .in .jp {
  font-size: 6rem;
  font-size: 4.615vw;
  margin-bottom: 0;
  line-height: 1;
}
#philosophy .content #main .box {
  height: 5vw;
  color: #fff;
  line-height: 5vw;
  margin-bottom: 7vw;
}
#philosophy .content #main .box h2 {
  width: 50%;
  padding-right: 2%;
  text-align: right;
  background: #000;
  float: left;
  height: 6vw;
  line-height: 6vw;
  font-size: 2.4rem;
  font-size: 2.88vw;
  font-weight: normal;
}
#philosophy .content #main .box p {
  width: 50%;
  padding-left: 2%;
  text-align: left;
  background: #3c76c8;
  display: inline-block;
  float: left;
  height: 6vw;
  line-height: 6vw;
  font-size: 4rem;
  font-size: 3.83vw;
}
#philosophy .content #main #co02 p.rs {
  text-align: center;
  font-size: 46px;
  font-size: 3.833vw;
  color: #0068b7;
}
#philosophy .content #main #co03 {
  position: relative;
}
#philosophy .content #main #co03 span img {
  position: relative;
  bottom: 1.2vw;
  width: 11vw;
  height: auto;
}
#philosophy .content #main #co03 h3 {
  width: 56.66%;
  margin: 0 auto 40px;
}
#philosophy .content #main #co03 dl {
  width: 100%;
  position: absolute;
  bottom: 7.583vw;
}
#philosophy .content #main #co03 dl dt {
  width: 48%;
  display: inline-block;
  text-align: right;
  margin-bottom: 1.66vw;
  font-size: 2.8rem;
  font-size: 2.3vw;
  font-weight: bold;
  line-height: 5vw;
  height: 5vw;
  margin-right: 1%;
  vertical-align: top;
}
#philosophy .content #main #co03 dl dd span {
  color: #3c76c8;
}
#philosophy .content #main #co03 dl dd {
  width: 48%;
  display: inline-block;
  text-align: left;
  margin-bottom: 1.66vw;
  font-size: 5rem;
  font-size: 4vw;
  font-weight: bold;
  line-height: 5vw;
  height: 5vw;
  margin-left: 1%;
}
/* ---------------message--------------- */
#message .content #area_main {
  margin-bottom: 4.6vw;
  position: relative;
}
#message .content #area_main .bg {
  width: 50%;
  position: absolute;
  top: 0;
  right: 0;
}
#message .content #main #co01 {
  height: 76.15vw;
}
#message .content #main #co01 .inner {
  background: #3c76c8;
  width: 41.55vw;
  position: absolute;
  top: 11.53vw;
  left: 14%;
  color: #fff;
}
#message .content #main #co01 .inner h1 {
  padding: 1.3vw 2.3vw;
  font-size: 3.6rem;
  font-size: 2.769vw;
}
#message .content #main #co01 .inner p {
  padding: 0 2.3vw 0vw;
}
#message .content #main #co01 .inner p.ttl {
  width: 28vw;
  background: #000;
  font-size: 6.0rem;
  font-size: 4.615vw;
  padding: 0 1vw;
  margin: 0;
}
#message .content #main #co01 .inner p.name {
  text-align: right;
}
#message .content #main #co01 .inner p.name span {
  font-weight: bold;
}
#message .content #main #co02, #message .content #main #co03 {
  margin: 0 auto 3.8vw;
  padding: 0 14%;
}
#message .content #main #co02 .img, #message .content #main #co02 .txt, #message .content #main #co03 .box, #message .content #main #co03 .img, #message .content #main #co03 .txt {
  width: 49%;
  font-size: 6.0rem;
  font-size: 4.615vw;
}
#message .content #main #co02 p, #message .content #main #co03 p {
  margin-bottom: 0;
  line-height: 1.1;
}
#message .content #main #co02 .txt {
  text-align: left;
}
#message .content #main .txt .f_b {
  font-size: 10.0rem;
  font-size: 7.692vw;
  font-weight: bold;
}
#message .content #main #co03 p {
  font-size: 3.6rem;
  font-size: 2.769vw;
  text-align: right;
}
/* ---------------gallery--------------- */
#gallery .content #area_main {
  position: relative;
}
#gallery .content #area_main .bg {
}
#gallery .content {
  margin: 5.53vw auto 0;
}
#gallery .content #main #co01 .inner {
  background: #3c76c8;
  width: 41.55vw;
  position: absolute;
  top: 29.61vw;
  right: 15.38%;
  color: #fff;
}
#gallery .content #main #co01 .inner h1 {
  padding: 1.3vw 2.3vw;
  font-size: 3.6rem;
  font-size: 2.769vw;
}
#gallery .content #main #co01 .inner p {
  padding: 0 2.3vw 0vw;
}
#gallery .content #main #co01 .inner p.ttl {
  width: 28vw;
  background: #000;
  font-size: 6.0rem;
  font-size: 4.615vw;
  padding: 0 1vw;
  margin: 0;
}
#gallery .content #main #co02 {
  padding: 10.42vw 14%;
}
/* ---------------chart--------------- */
#chart .content #area_main {
  position: relative;
}
#chart .content #area_main .bg {
}
#chart .content {
  margin: 5.53vw auto 0;
}
#chart .content #main #co01 .inner {
  background: #3c76c8;
  width: 41.55vw;
  position: absolute;
  top: 29.61vw;
  right: 15.38%;
  color: #fff;
}
#chart .content #main #co01 .inner h1 {
  padding: 1.3vw 2.3vw;
  font-size: 3.6rem;
  font-size: 2.769vw;
}
#chart .content #main #co01 .inner p {
  padding: 0 2.3vw 0vw;
}
#chart .content #main #co01 .inner p.ttl {
  width: 28vw;
  background: #000;
  font-size: 6.0rem;
  font-size: 4.615vw;
  padding: 0 1vw;
  margin: 0;
}
#chart .content #main #co02 {
  background: #3c76c8;
  padding: 4.42vw 14%;
  margin-top: 13.46vw;
}
#chart .content #main #co02 .flex {
  margin-bottom: 10px;
}
#chart .content #main #co02 .box1 .fL {
  width: 66.3%;
}
#chart .content #main #co02 .box1 .fR {
  width: 32.7%;
}
#chart .content #main #co02 .box2 .fL {
  width: 32.7%;
}
#chart .content #main #co02 .box2 .fR {
  width: 66.3%;
}
#chart .content #main #co02 .box3 .fL {
  width: 66.3%;
}
#chart .content #main #co02 .box3 .fR {
  width: 32.7%;
}
#chart .content #main #co02 .box4 .fL {
  width: 32.7%;
}
#chart .content #main #co02 .box4 .fR {
  width: 66.3%;
}
#chart .content #main #co02 .box5 .fL {
  width: 66.3%;
}
#chart .content #main #co02 .box5 .fR {
  width: 32.7%;
}
/* ---------------nutshell--------------- */
#nutshell .content #area_main {
  position: relative;
}
#nutshell .content #area_main .bg {
}
#nutshell .content {
  margin: 5.53vw auto 0;
}
#nutshell .content #main #co01 .inner {
  background: #3c76c8;
  width: 41.55vw;
  position: absolute;
  top: 29.61vw;
  right: 15.38%;
  color: #fff;
}
#nutshell .content #main #co01 .inner h1 {
  padding: 1.3vw 2.3vw;
  font-size: 3.6rem;
  font-size: 2.769vw;
}
#nutshell .content #main #co01 .inner p {
  padding: 0 2.3vw 0vw;
}
#nutshell .content #main #co01 .inner p.ttl {
  width: 28vw;
  background: #000;
  font-size: 6.0rem;
  font-size: 4.615vw;
  padding: 0 1vw;
  margin: 0;
}
#nutshell .content #main #co02 {
  width: 100%;
  background: #3c76c8;
  margin-top: 13.46vw;
  padding-bottom: 1.46vw;
}
#nutshell .content #main #co02 .inner {
  padding: 3.42vw 0;
  width: 81.55vw;
  margin: 0 auto;
}
#nutshell .content #main #co02 .inner h2 {
  margin-bottom: 3.42vw;
  color: #fff;
  font-size: 2.0rem;
  font-size: 3.076vw;
}
#nutshell .content #main #co02 li {
  padding: 20px 0;
  width: 100%;
  background: #fff;
  font-size: 3.8rem;
  font-size: 2.923vw;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 1%;
  color: #3c76c8;
  font-weight: 400;
  float: left;
  text-align: center;
}
#nutshell .content #main #co02 li.w20 {
  width: 17%;
}
#nutshell .content #main #co02 li.w25 {
  width: 22.5%;
}
#nutshell .content #main #co02 li.w30 {
  width: 27%;
}
#nutshell .content #main #co02 li.w40 {
  width: 37%;
}
#nutshell .content #main #co02 li.w50 {
  width: 47%;
}
#nutshell .content #main #co02 li.w60 {
  width: 57%;
}
#nutshell .content #main #co02 li.w70 {
  width: 67%;
}
#nutshell .content #main #co02 li.w80 {
  width: 77%;
}
#nutshell .content #main #co02 li.w100 {
  width: 96%;
}
#nutshell .content #main #co02 li span.bd {
  background: #FFFE50;
  font-weight: 500;
}
/* 逕ｻ髱｢螟悶↓縺�ｋ迥ｶ諷� */
#nutshell .content #main #co02 .inner .fi {
  opacity : 0.9;
  transform : translate(0, 50px);
  transition : all 500ms;
}
/* 逕ｻ髱｢蜀�↓蜈･縺｣縺溽憾諷� */
#nutshell .content #main #co02 .inner .fi.scrollin {
  opacity : 1.0 !important;
  transform : translate(0, 0);
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(2) {
  -moz-transition-delay: 100ms;
  -webkit-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  -ms-transition-delay: 100ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(3) {
  -moz-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(4) {
  -moz-transition-delay: 300ms;
  -webkit-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(5) {
  -moz-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  -ms-transition-delay: 400ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(6) {
  -moz-transition-delay: 500ms;
  -webkit-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(7) {
  -moz-transition-delay: 600ms;
  -webkit-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(8) {
  -moz-transition-delay: 700ms;
  -webkit-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(9) {
  -moz-transition-delay: 800ms;
  -webkit-transition-delay: 800ms;
  -o-transition-delay: 800ms;
  -ms-transition-delay: 800ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(10) {
  -moz-transition-delay: 900ms;
  -webkit-transition-delay: 900ms;
  -o-transition-delay: 900ms;
  -ms-transition-delay: 900ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(11) {
  -moz-transition-delay: 1000ms;
  -webkit-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(12) {
  -moz-transition-delay: 1100ms;
  -webkit-transition-delay: 1100ms;
  -o-transition-delay: 1100ms;
  -ms-transition-delay: 1100ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(13) {
  -moz-transition-delay: 1200ms;
  -webkit-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(14) {
  -moz-transition-delay: 1300ms;
  -webkit-transition-delay: 1300ms;
  -o-transition-delay: 1300ms;
  -ms-transition-delay: 1300ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(15) {
  -moz-transition-delay: 1400ms;
  -webkit-transition-delay: 1400ms;
  -o-transition-delay: 1400ms;
  -ms-transition-delay: 1400ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(16) {
  -moz-transition-delay: 1500ms;
  -webkit-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(17) {
  -moz-transition-delay: 1600ms;
  -webkit-transition-delay: 1600ms;
  -o-transition-delay: 1600ms;
  -ms-transition-delay: 1600ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(18) {
  -moz-transition-delay: 1700ms;
  -webkit-transition-delay: 1700ms;
  -o-transition-delay: 1700ms;
  -ms-transition-delay: 1700ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(19) {
  -moz-transition-delay: 1800ms;
  -webkit-transition-delay: 1800ms;
  -o-transition-delay: 1800ms;
  -ms-transition-delay: 1800ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(20) {
  -moz-transition-delay: 1900ms;
  -webkit-transition-delay: 1900ms;
  -o-transition-delay: 1900ms;
  -ms-transition-delay: 1900ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(21) {
  -moz-transition-delay: 2000ms;
  -webkit-transition-delay: 2000ms;
  -o-transition-delay: 2000ms;
  -ms-transition-delay: 2000ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(22) {
  -moz-transition-delay: 2050ms;
  -webkit-transition-delay: 2050ms;
  -o-transition-delay: 2050ms;
  -ms-transition-delay: 2050ms;
}
#nutshell .content #main #co02 .inner > ul > .fi:nth-of-type(23) {
  -moz-transition-delay: 2080ms;
  -webkit-transition-delay: 2080ms;
  -o-transition-delay: 2080ms;
  -ms-transition-delay: 2080ms;
}
/* ---------------support--------------- */
#work .content #area_main {
  position: relative;
}
#work .content #area_main .bg {
}
#work .content {
  margin: 5.53vw auto 0;
}
#work .content #main #co01 .inner {
  background: #3c76c8;
  width: 41.55vw;
  position: absolute;
  top: 29.61vw;
  right: 15.38%;
  color: #fff;
}
#work .content #main #co01 .inner h1 {
  padding: 1.3vw 2.3vw;
  font-size: 3.6rem;
  font-size: 2.769vw;
}
#work .content #main #co01 .inner p {
  padding: 0 2.3vw 0vw;
}
#work .content #main #co01 .inner p.ttl {
  width: 28vw;
  background: #000;
  font-size: 6.0rem;
  font-size: 4.615vw;
  padding: 0 1vw;
  margin: 0;
}
#work .content #main #co02 {
  padding: 10.42vw 14% 2vw;
}
#work .content #main #co03 {
  padding: 4.42vw 14% 15vw;
}
#work .content #main h2 {
  font-size: 3.6rem;
  font-size: 2.769vw;
  line-height: 1.6;
  margin-bottom: 2.8vw;
  font-weight: normal;
  border-bottom: solid 3px #cce4ff;
  position: relative;
  color: #3c76c8;
}
#work .content #main #co02 h2:after, #work .content #main #co03 h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #3c76c8;
  bottom: -3px;
  width: 20%;
}
#work .content #main #co02 .fR {
  width: 80%;
  margin: 20px auto;
}
#work .content #main #co02 .fR h3 {
  text-align: center;
  margin: 4vw 25%;
  background: #3c76c8;
  border-radius: 50px;
  color: #fff;
}
#work .content #main #co03 .fL {
  width: 50%;
}
#work .content #main #co03 .fR {
  width: 45%;
}
/* ---------------support--------------- */
#support .content #area_main {
  position: relative;
}
#support .content #area_main .bg {
}
#support .content {
  margin: 5.53vw auto 0;
}
#support .content #main #co01 .inner {
  background: #3c76c8;
  width: 41.55vw;
  position: absolute;
  top: 29.61vw;
  right: 15.38%;
  color: #fff;
}
#support .content #main #co01 .inner h1 {
  padding: 1.3vw 2.3vw;
  font-size: 3.6rem;
  font-size: 2.769vw;
}
#support .content #main #co01 .inner p {
  padding: 0 2.3vw 0vw;
}
#support .content #main #co01 .inner p.ttl {
  width: 28vw;
  background: #000;
  font-size: 6.0rem;
  font-size: 4.615vw;
  padding: 0 1vw;
  margin: 0;
}
#support .content #main #co02 {
  padding: 4.42vw 14% 4.42vw 17.84%;
  margin-top: 13.46vw;
}
#support .content #main #co02 .flex {
}
#support .content #main #co02 .flex {
  margin-bottom: 10px;
}
#support .content #main #co02 .fL {
  width: 28%;
  margin-bottom: 35px;
}
#support .content #main #co02 .fR {
  width: 68%;
  margin-bottom: 35px;
  margin-top: 20px;
}
/* ---------------interview--------------- */
#person .content #main .con_in {
  padding: 0%;
}
#person .content #main #co01 .inner {
  width: 25.23vw;
  text-align: center;
  margin-bottom: 4.615vw;
}
#person .content #main #co01 .inner a {
  font-size: 1.4rem;
  font-size: 1.0769vw;
  color: #000;
}
#person .content #main #co01 .inner a:hover {
  text-decoration: none;
}
#person .content #main #co01 .inner img {
  margin-bottom: 1.9vw;
}
/* ---------------interview--------------- */
.content.interview #area_main {
  margin: 0 auto 3.8vw;
  padding: 0 14%;
  background: #222324;
}
.content.interview #main #co01 {
  padding: 0 14%;
}
.content.interview #main #co01 h2 {
  text-align: center;
  font-size: 3.6rem;
  font-size: 2.769vw;
  line-height: 1.6;
  margin-bottom: 3.8vw;
  font-weight: normal;
}
.content.interview #main #co01 .inner {
  margin-bottom: 3.07vw;
  line-height: 2;
}
.content.interview #main h3 {
  font-size: 1.8rem;
  font-size: 1.384vw;
  margin-bottom: 1.5vw;
}
.content.interview #main p {
  font-size: 1.8rem;
  font-size: 1.384vw;
}
.content.interview #main #co01 .fL {
  width: 50%;
  float: left;
  vertical-align: top;
}
.content.interview #main #co01 .fR {
  width: 47%;
  float: right;
}
.content.interview #main #co02 {
  padding: 6.923vw 14%;
  background: #3c76c8;
  color: #fff;
}
.content.interview #main #co02 h2 {
  text-align: center;
  font-size: 3.6rem;
  font-size: 2.769vw;
  line-height: 1.6;
  margin-bottom: 3.8vw;
  font-weight: normal;
  color: #fff;
}
.content.interview #main #co02 .fL {
  width: 50%;
  float: left;
  vertical-align: top;
}
.content.interview #main #co02 .fR {
  width: 47%;
  float: right;
}
.content.interview #main #pager {
  margin: 0 0 4.6vw;
  background: #fff;
}
.content.interview #main #pager .totop {
  text-align: center;
  padding: 6.293vw 0 4.625vw;
}
.content.interview #main #pager .box {
  width: 24.23vw;
}
.content.interview #main #pager .box .img {
  margin-bottom: 1.9vw;
}
.content.interview #main #pager .box ul li {
  line-height: 1.6;
  font-size: 1.8rem;
  font-size: 1.384vw;
}
/* ---------------flow--------------- */
#flow #main #co01 {
  padding: 0 14%;
}
#flow #main #co01 .step {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#flow #main #co01 .step dt {
  position: relative;
  width: 20vw;
  background: #10a0e0;
  padding: 1em;
  margin-bottom: 3em;
  text-align: center;
  color: #fff;
  float: left;
  clear: left;
}
#flow #main #co01 .step dd {
  margin-left: 24vw;
  padding: 1em;
  margin-bottom: 3em;
  background: #f6f7f7;
}
#flow #main #co01 .step dt:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -15px;
  left: 0;
  border-style: solid;
  border-color: #10a0e0 transparent transparent transparent;
  border-width: 15px 10vw 0 10vw;
  z-index: 1;
}
#flow #main #co01 .step dt.last {
  background: #10a0e0;
  font-weight: bold;
}
#flow #main #co01 .step dt span {
  font-weight: bold;
  margin-right: 10px;
}
#flow #main #co01 .step dt.last:after {
  border: none;
}
#flow #main #co01 .step dt ul li {
  display: inline-block;
  position: relative;
}
#flow #main #co01 .step dd ul li::before {
  position: absolute;
  content: counter("笆ｶ��");
  top: 0;
  left: 0;
}
/* ---------------entry--------------- */
#entry #main #co01 {
  padding: 0 14%;
}
/* ----蜍滄寔隕���----*/
#entry #main .panel_area #panel1 .dtl, #entry #main .panel_area #panel2 .dtl {
  position: relative;
}
#entry #main .panel_area #panel1 .dtl li, #entry #main .panel_area #panel2 .dtl li {
  display: inline-block;
  font-size: 2.4rem;
  font-size: 1.846vw;
  font-weight: bold;
  padding: 0 10px;
}
#entry #main .panel_area #panel1 .dtl li:nth-child(1), #entry #main .panel_area #panel2 .dtl li:nth-child(1) {
  border: 1px solid #FFFE63;
  position: absolute;
  top: 0px;
  left: 10px;
  color: #FFFE63;
}
#entry #main .panel_area #panel1 .dtl li:nth-child(2), #entry #main .panel_area #panel2 .dtl li:nth-child(2) {
}
#entry #main .panel_area #panel1 .dtl li:nth-child(3), #entry #main .panel_area #panel2 .dtl li:nth-child(3) {
}
#entry #main #panel1 table, #entry #main #panel2 table {
  border-collapse: separate;
  border-spacing: 0px 5px;
  margin-bottom: 5vw;
}
#entry #main .panel_area #panel1 table th, #entry #main .panel_area #panel2 table th {
  width: 21%;
  padding: 10px 2%;
  background: #10a0e0;
  color: #fff;
  vertical-align: middle;
}
#entry #main .panel_area #panel1 table td, #entry #main .panel_area #panel2 table td {
  width: 71%;
  padding: 10px 2%;
  background: #f1fafe;
}
#entry #main .panel_area #panel1 table td ul li, #entry #main .panel_area #panel2 table td ul li {
  list-style: outside disc;
  margin-left: 20px;
}
/***btn***/
#entry .content #main .panel_area .btn {
  width: 30vw;
  height: 80px;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 auto 80px;
  background: #f74343;
  color: #fff;
}
#entry .content #main .panel_area .btn a {
  font-size: 1.8rem;
  font-size: 1.384vw;
  color: #fff;
  text-decoration: none;
  display: block;
  transition: all .5s ease;
  z-index: 2;
  position: relative;
  line-height: 1.6;
}
#entry .content #main .panel_area .btn h3 {
  font-size: 2.4rem;
  font-size: 1.846vw;
  margin: 10px 0 0 0;
  line-height: 1.4;
}
#entry .content #main .panel_area .btn .eff {
  width: 30vw;
  height: 80px;
  top: -80px;
  background: #000;
  position: absolute;
  transition: all .5s ease;
  z-index: 1;
}
#entry .content #main .panel_area .btn:hover .eff {
  top: 0;
  text-decoration: none;
  color: #fff;
}
#entry .content #main .panel_area .btn:hover a {
  color: #fff;
  text-decoration: none;
}
/* ---------------contact--------------- */

#contact .content p {
  text-align: center;
}
#contact .content .area_form  {
  width: calc(100vw / (1280 / 900));
  margin: 0 auto;
}
#contact .content .area_form dl {
  border-bottom: 1px solid #ccc;
  margin-bottom: 3vw;
}
#contact .content .area_form dl dt {
  margin: 0px;
  padding: 15px 0;
  padding-left: calc(100vw / (1280 / 90));
  display: block;
  text-align: left;
  width: 25%;
  clear: left;
  float: left;
  border-top: 1px solid #ccc;
  position: relative;
}
#contact .content .area_form dl dd {
  margin: 0px;
  padding: 15px 0 10px 3%;
  display: block;
  width: 72%;
  float: left;
  border-top: 1px solid #ccc;
  background: #fff;
}
#contact .content .area_form .atn {
  width: calc(100vw / (1280 / 70));
  font-size: 1.2rem;
  font-size: calc(100vw / (1280 / 13));
  border: 1px solid #E93E41;
  padding: 0 1vw;
  text-align: center;
  position: absolute;
  left: 0;
  color: #E93E41;
  background: #fff;
}
/* ---------------recruit form--------------- */
.content #main.recruitform h2 {
  color: #3974cb;
  margin-bottom: 1vw;
}
p.formcmnt {
  border: 1px solid #ccc;
  padding: 5px 10px;
  font-size: 1.4rem;
  font-size: 1.0769vw;
  margin: 0 auto 4vw;
  width: 90%
}
.content #main.recruitform dl {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5vw;
  background: #f6f6f6;
}
.content #main.recruitform dl dt {
  margin: 0px;
  padding: 10px 0;
  display: block;
  width: 25%;
  clear: left;
  float: left;
  text-align: center;
  border-top: 1px solid #ccc;
  position: relative;
}
.content #main.recruitform dl dd {
  margin: 0px;
  padding: 10px 0 10px 3%;
  display: block;
  width: 75%;
  float: left;
  border-top: 1px solid #ccc;
}
.content #main.recruitform .atn {
  font-size: 1.2rem;
  font-size: 0.923vw;
  border: 1px solid #E93E41;
  padding: 0 1vw;
  position: absolute;
  left: 5px;
  color: #E93E41;
}
/* ---------------inquiry�域治逕ｨ蝠上＞蜷医ｏ縺幢ｼ�--------------- */

#inquiry .content p {
  text-align: center;
}
#inquiry .content #main dl {
  border-bottom: 1px solid #ccc;
  margin-bottom: 3vw;
}
#inquiry .content #main dl dt {
  margin: 0px;
  padding: 15px 0;
  display: block;
  width: 30%;
  clear: left;
  float: left;
  text-align: center;
  border-top: 1px solid #ccc;
  position: relative;
}
#inquiry .content #main dl dd {
  margin: 0px;
  padding: 15px 0 10px 3%;
  display: block;
  width: 67%;
  float: left;
  border-top: 1px solid #ccc;
  background: #fff;
}
#inquiry .content #main .atn {
  font-size: 1.2rem;
  font-size: 0.923vw;
  border: 1px solid #E93E41;
  padding: 0 1vw;
  position: absolute;
  left: 0;
  color: #E93E41;
  background: #fff;
}
/* ---------------form--------------- */
/**** base*******/
input[type="submit"], input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="text"], input[type="email"], input[type="number"], textarea {
  border: 1px solid #78909c;
  line-height: 20px;
  width: 96%;
  padding:calc(100vw / (1280 / 10));
  font-size: calc(100vw / (1280 / 17));
}
.mwform-tel-field input[type="text"],  .mwform-zip-field input[type="text"], input.f_old[type="number"] {
  border: 1px solid #78909c;
  line-height: 20px;
  width: 28% !important;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
 display: none;
}
input[type="submit"]::focus, input[type="button"]::focus {
 outline-offset: -2px;
}
.mw_wp_form input[type="radio"] {
  display: inline-block !important;
}
.prvcycheck {
  width: 77%;
  margin: 0 auto 2vw;
  border: 3px solid #D5D5D5;
  padding: 2% 2% 1%;
  text-align: center;
}
.prvcycheck .read {
  font-size: 1.4rem;
  font-size: 1.0769vw;
}
/**** contact  *******/
input.f_cv[type="submit"] {
  width: 30mw;
  height: 40px;
  font-size: 1.8rem;
  font-size: 1.384vw;
  border-radius: 5px;
  padding: 0px 30px;
  background: #000;
  color: #fff;
}
input.f_cv[type="submit"][disabled] {
  background: #DCDCDC;
  cursor: not-allowed; /* 遖∵ｭ｢繧ｫ繝ｼ繧ｽ繝ｫ */
}
/**** recruit form  *******/
.content #main.recruitform input.f_cv[type="submit"] {
  width: 30mw;
  height: 40px;
  font-size: 1.8rem;
  font-size: 1.384vw;
  border-radius: 5px;
  padding: 0px 30px;
  background: #000;
  color: #fff;
}
.content #main.recruitform input.f_cv[type="submit"][disabled] {
  background: #DCDCDC;
  cursor: not-allowed; /* 遖∵ｭ｢繧ｫ繝ｼ繧ｽ繝ｫ */
}
/* ---------------link--------------- */
 @-webkit-keyframes modify {
 0% {
padding-top: 100px;
margin-top: -100px;
}
 100% {
padding-top: 0;
margin-top: 0;
}
}
@keyframes modify {
 0% {
padding-top: 100px;
margin-top: -100px;
}
 100% {
padding-top: 0;
margin-top: 0;
}
}
#co02:target, #co03:target, #co04:target, #co05:target, #entry:target {
  -webkit-animation: modify 0.1s;
  animation: modify 0.1s;
}
}

@media screen and (min-width: 781px) {

/* ---------------wine form--------------- */
.wine_form  {
  padding: 30px 0;
  background: #a41b56;
}
.wine_form .inner{
  width: 900px;
  margin: 50px auto 100px;
  padding: 30px;
  background: #fff;
  border-radius: 30px;
}
.wine_form .inner .logo{
  width: 140px;
  margin: 20px auto;
}
.wine_form .inner h1{
  margin-bottom: 30px;
  text-align: center;
  font-size: 24px;
  color: #a41b56;
}

.wine_form .inner h2{
  margin-bottom: 20px;
  font-size: 17px;
}

.wine_form .inner dl{
  width: 100%;
  margin-bottom: 50px;
}
.wine_form .inner dl dt{
  width: 28%;
  float: left;
  clear:left;
  padding:15px 0 15px 2%;
  position: relative;
}
.wine_form .inner dl dd{
  padding:15px 0 15px 32%;
  border-bottom: 1px solid #ccc;
}

.wine_form .inner dl dt span.atn{
  display: inline;
  background: #a41b56;
  color: #fff;
  padding: 2px 5px;
  font-size: 13px;
  position: absolute;
  right: 10px;
}

.wine_form .btn  {
  width: 28%;
  margin: 50px auto 100px;
  text-align: center;
  background: #a41b56;
}
.wine_form .btn a  {
  padding: 10px;
  display: block;
  color: #fff;
}

}