@charset "UTF-8";
/* CSS Document */
/*===================================================
	画面用CSS（PC/SMP）
===================================================*/
/*////////////////////////////////////////////////////////////
	TOP
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
  .topMain .topKvPanel {
    /*padding: 60px 10px;*/
    padding: 30px 10px;
  }
 
  .topMain .topKvPanel .kvTtlBox {
    margin: 0 0 15px;
  }
  .topMain .topKvPanel .kvTtlBox .kvTtlTxtBox {
    text-align: center;
  }
  .topMain .topKvPanel .kvTtlBox .kvTtlTxtBox .kvTtlTxt p {
    font-size: 24px;
  }
  .topMain .topKvPanel .kvTtlBox .kvTtlTxtBox .cross {
    font-size: 30px;
  }
  .topMain .topKvPanel .kvTtlBox h1 {
    font-size: 30px;
    text-align: center;
  }
  .topMain .topKvPanel .kvBox {
    max-width: 600px;
    margin: 0 auto;
  }
  .topMain .topKvPanel .kvTxt {
    margin: 0 0 20px;
    text-align: center;
  }
  .topMain .topKvPanel .kvTxt .dl .dt {
    font-size: 16px;
  }
  .topMain .topKvPanel .kvTxt .dl .dd {
    font-size: 14px;
    color: #033d65;
  }
  .topMain .topKvPanel .kvList {
    margin: 0 0 20px;
  }
  .topMain .topKvPanel .kvList > p {
    font-size: 18px;
  }
  .topMain .topKvPanel .kvList .ul .li .check {
    width: 30px;
  }
  .topMain .topKvPanel .kvList .ul .li .check img {
    width: 20px;
  }
  .topMain .topKvPanel .kvList .ul .li .listTxt p {
    padding: 2px 10px;
    font-size: 20px;
  }
  .topMain .topKvPanel .recruitBox {
    padding: 10px;
  }
  .topMain .topKvPanel .recruitBox .dl .dt {
    font-size: 20px;
  }
  .topMain .topKvPanel .recruitBox .dl .dd {
    padding: 0 5px;
  }
  .topMain .topKvPanel .recruitBox .dl .dd .txt01 p {
    font-size: 16px;
  }
  .topMain .topKvPanel .recruitBox .dl .dd .txt01 .strong {
    font-size: 22px;
  }
  .topMain .topKvPanel .recruitBox .dl .dd .txt02 {
    font-size: 16px;
    text-align: center;
  }
  .topMain .topKvPanel .recruitBox .dl .dd .logo {
    max-width: 200px;
    margin: 0 auto 5px;
  }
  .topMain .topKvPanel .recruitBox .dl .dd .txt03 {
    padding: 0 10px;
    font-size: 24px;
  }
  .topMain .topKvPanel .messageTxt {
    margin: 10px 0 0;
    font-size: 18px;
  }
  .topMain .sec01 {
    /*padding: 60px 0 0;*/
    padding: 9px 0 0;
  }
  .topMain .sec01 .secTtl {
    /*margin: 40px 0 30px;*/
    margin: 40px 0 0px;
    font-size: 20px;
  }
  .topMain .sec01 .txt {
    /*margin: 0 auto 30px;*/
    margin: 0 auto 2px;
  }
  .topMain .sec01 .btnSecondary {
    margin: 0 auto 15px;
  }
  .topMain .sec01 .videoPanel {
    /*top: 30px;*/
    top: 5px;
    padding: 20px 10px;
  }
  .topMain .sec01 .videoPanel .txtBox .dl .dd .em {
    margin: 0 0 15px;
    font-size: 20px;
  }
  .topMain .sec01 .videoPanel .txtBox .dl .dd .subTxt {
    padding: 0;
  }
  .topMain .sec02 .bgPanel01 {
   /* padding: 100px 0 40px;*/
    padding: 12px 0 0px;
  }
  .topMain .sec02 .bgPanel01 .secTtl {
    margin: 0 0 20px;
  }
  .topMain .sec02 .bgPanel01 .secTtl p {
    font-size: 16px;
  }
  .topMain .sec02 .bgPanel01 .secTtl h2 {
    font-size: 20px;
  }
  .topMain .sec02 .bgPanel01 .txt {
    margin: 0 0 15px;
  }
  .topMain .sec02 .bgPanel01 .beforeAfter {
    margin: 30px 0 0;
  }
  .topMain .sec02 .bgPanel01 .beforeAfter .ul .li + .li {
    margin: 20px 0 0;
  }
  .topMain .sec02 .bgPanel01 .beforeAfter .ul .li p {
    font-size: 18px;
  }
  .topMain .sec02 .bgPanel02 {
    /*padding: 80px 0 40px;*/
    padding: 0px 0 40px;
  }
  .topMain .sec02 .bgPanel02 .secTtl {
    /*margin: 0 0 40px;*/
    margin: 0 0 28px;
  }
  .topMain .sec02 .bgPanel02 .secTtl p {
    font-size: 20px;
  }
  .topMain .sec02 .bgPanel02 .secTtl .strong {
    font-size: 30px;
  }
  .topMain .sec02 .bgPanel02 .iconList {
    max-width: 400px;
    margin: 0 auto;
  }
  .topMain .sec02 .bgPanel02 .iconList .ul .li + .li {
    margin: 40px 0 0;
  }
  .topMain .sec02 .bgPanel02 .iconList .ul .li .img {
    width: 130px;
    margin: 0 auto 10px;
  }
  .topMain .sec02 .bgPanel02 .iconList .ul .li .dl .dt {
    font-size: 18px;
  }
  .topMain .sec02 .bgPanel02 .iconList .ul .li .dl .dd {
    text-align: center;
  }
  .topMain .sec02 .bgPanel03 {
   /* padding: 60px 0 80px;*/
  padding: 5px 0 10px;  
  }
  .topMain .sec02 .bgPanel03 .arrow {
    /*width: 60px;*/
    width: 42px;
   	position: absolute;
  	top: -38px;
  	left: 0;
  	right: 0;
  	/*width: 120px;*/
  	width: 11%;
  	margin: 0 auto;
  	z-index: 1;
  }
  .topMain .sec02 .bgPanel03 .message {
    margin: 0 0 50px;
    padding: 20px 10px;
    /*font-size: 20px;*/
    font-size: 14px;
  }
  .topMain .sec02 .bgPanel03 .dl .dt {
    margin: 0 0 20px;
    font-size: 22px;
  }
  .topMain .sec02 .bgPanel03 .dl .ul {
    max-width: 400px;
    margin: 0 auto;
  }
  .topMain .sec02 .bgPanel03 .dl .ul .li + .li {
    margin: 40px 0 0;
  }
  .topMain .sec03 {
    padding: 60px 0;
  }
  .topMain .sec03 .dl {
    margin: 0 auto;
    padding: 20px 10px;
    text-align: center;
  }
  .topMain .sec03 .dl .dt {
    font-size: 24px;
  }
  .topMain .sec03 .dl .txt {
    margin: 0 0 20px;
  }
  .topMain .sec03 .dl .btnSecondary {
    max-width: 260px;
    margin: 0 auto;
  }
  .topMain .bnrPanel {
    /*padding: 50px 0;*/
    padding: 13px 0;
  }
  .topMain .bnrPanel .ul {
    max-width: 400px;
    margin: 0 auto;
  }
  .topMain .bnrPanel .ul .li + .li {
    margin: 20px 0 0;
  }
  .topMain .bnrPanel .ul .li a {
    padding: 30px;
    font-size: 18px;
  }
  .topMain .sec04 {
    padding: 2px 0;
  }
  .topMain .sec04 .secTtl {
    margin: 0 0 30px;
    padding: 0;
    font-size: 24px;
  }
  .topMain .sec04 .webgene-blog {
    margin: 0 0 30px;
  }
  .topMain .sec04 .webgene-blog .webgene-item .dl > * {
    padding: 15px 10px;
  }
  .topMain .sec04 .webgene-blog .webgene-item .dl .dt {
    width: 118px;
    /*width: 90px;*/
  }
  .topMain .sec04 .webgene-blog .webgene-item .dl .dd {
    width: calc(100% - 95px);
  }
}
/*////////////////////////////////////////////////////////////
	intro
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
  .introMain .pageKvPanel .kvTtl:before {
    width: 120px;
    height: 40px;
    padding: 0 0 0 120px;
    background: url(https://grepika.jp/system_panel/uploads/images/page_kv_logo.png) no-repeat;
    background-size: 120px auto;
  }
  .introMain .sec01 .bgPanel01 .secWrap01 {
    padding: 40px 10px 100px;
  }
  .introMain .sec01 .bgPanel01 .iconList .ul .li {
    padding: 20px 10px;
  }
  .introMain .sec01 .bgPanel01 .iconList .ul .li + .li {
    margin: 20px 0 0;
  }
  .introMain .sec01 .bgPanel01 .iconList .ul .imgBox {
    margin: 0 0 15px;
  }
  .introMain .sec01 .bgPanel01 .iconList .ul .icon01 {
    width: 60px;
  }
  .introMain .sec01 .bgPanel01 .iconList .ul .icon02 {
    width: 60px;
  }
  .introMain .sec01 .bgPanel01 .iconList .ul .icon03 {
    width: 50px;
  }
  .introMain .sec01 .bgPanel01 .iconList .ul .dl .dt {
    margin: 0 0 15px;
    font-size: 18px;
  }
  .introMain .sec01 .bgPanel01 .iconList .ul .dl .dd {
    font-size: 15px;
  }
  .introMain .sec01 .bgPanel01 .arrow {
    bottom: -30px;
    width: 70px;
  }
  .introMain .sec01 .bgPanel02 {
    padding: 20px 10px 60px;
  }
  .introMain .sec01 .bgPanel02 .message {
    font-size: 20px;
  }
  .introMain .sec01 .bgPanel02 .list .ul .li {
    font-size: 20px;
  }
  .introMain .sec01 .bgPanel02 .list .ul .li + .li {
    margin: 20px 0 0;
  }
  .introMain .sec01 .bgPanel02 .list .ul a,
.introMain .sec01 .bgPanel02 .list .ul .linkBtn {
    padding: 25px 20px;
    background: url(https://grepika.jp/system_panel/uploads/images/intro_sec01_arrow_white.png) right 15px bottom -5px no-repeat #738fc6;
    background-size: 20px auto;
  }
  .introMain .sec02 {
    padding: 60px 0 100px;
    background: url(https://grepika.jp/system_panel/uploads/images/intro_sec02_bg.png) center bottom no-repeat;
    background-size: cover;
  }
  .introMain .sec02::before {
    display: none;
  }
  .introMain .sec02 .caseList .ol .li + .li {
    margin: 50px 0 0;
  }
  .introMain .sec02 .caseList .ol .caseBox {
    width: 180px;
    height: 180px;
    margin: 0 auto 10px;
    background: url(https://grepika.jp/system_panel/uploads/images/intro_sec02_list_bg.png) center bottom 20px no-repeat #033d65;
    background-size: 100% auto;
  }
  .introMain .sec02 .caseList .ol .caseBox .span {
    font-size: 20px;
  }
  .introMain .sec02 .caseList .ol .caseBox .em {
    padding: 20px 0 60px;
    font-size: 26px;
  }
  .introMain .sec02 .arrow {
    width: 60px;
    margin: 30px auto 50px;
  }
  .introMain .sec02 .message {
    padding: 0 30px;
  }
  .introMain .sec02 .message .dl {
    position: relative;
    top: -15px;
  }
  .introMain .sec02 .message .dl .dt {
    display: inline-block;
    margin: 0 0 20px;
    padding: 0 10px;
    font-size: 22px;
  }
  .introMain .sec02 .message .dl .dd .box .em {
    font-size: 26px;
  }
  .introMain .sec03 {
    padding: 60px 0;
  }
  .introMain .sec03 .pageSecTtlBox {
    position: relative;
  }
  .introMain .sec03 .pageSecTtlBox:before {
    bottom: -15px;
    width: 120px;
    height: 40px;
    padding: 5px 0 0 90px;
    font-size: 24px;
    background: url(https://grepika.jp/system_panel/uploads/images/page_kv_logo.png) no-repeat;
    background-size: 120px auto;
  }
  .introMain .sec03 .pageSecTtlBox h2 {
    opacity: 0;
  }
  .introMain .sec03 .secBox01 {
    margin: 0 0 40px;
  }
  .introMain .sec03 .secBox01 .txtBox {
    margin: 0 0 20px;
  }
  .introMain .sec03 .secBox01 .txtBox .dl .dt {
    margin: 0 0 15px;
    font-size: 24px;
  }
  .introMain .sec03 .secBox02 .dl .dt {
    position: relative;
    top: 0;
    font-size: 18px;
  }
  .introMain .sec03 .secBox02 .dl .dd {
    padding: 20px 10px;
  }
  .introMain .sec03 .secBox02 .dl .ol .li {
    line-height: 1.5;
  }
  .introMain .sec03 .secBox02 .dl .ol .li + .li {
    margin: 10px 0 0;
  }
  .introMain .sec03 .secBox02 .dl .ol .span {
    font-size: 20px;
  }
  .introMain .sec03 .secBox02 .dl .ol .em {
    font-size: 20px;
  }
  .introMain .sec04 .bgPanel01 {
    padding: 60px 0;
  }
  .introMain .sec04 .bgPanel01 .secTtl {
    padding: 30px 10px;
  }
  .introMain .sec04 .bgPanel01 .secTtl > * {
    font-size: 22px;
  }
  .introMain .sec04 .bgPanel01 .secTtl .img {
    width: 120px;
  }
  .introMain .sec04 .bgPanel02 .secWrap01 {
    padding: 60px 10px 80px;
  }
  .introMain .sec04 .bgPanel02 .ttlBox {
    margin: 0 0 30px;
  }
  .introMain .sec04 .bgPanel02 .ttlBox p {
    font-size: 24px;
  }
  .introMain .sec04 .bgPanel02 .ttlBox .strong {
    font-size: 30px;
  }
  .introMain .sec04 .bgPanel02 .listBox .ol .li + .li {
    margin: 30px 0 0;
  }
  .introMain .sec04 .bgPanel02 .listBox .ol .dl .dt {
    font-size: 18px;
  }
  .introMain .sec04 .bgPanel02 .listBox .ol .dl .dt > * {
    padding: 10px;
  }
  .introMain .sec04 .bgPanel02 .listBox .ol .dl .dd {
    padding: 20px 10px;
    font-size: 16px;
  }
  .introMain .sec04 .bgPanel02 .arrow {
    bottom: -30px;
    width: 60px;
  }
  .introMain .sec04 .bgPanel03 {
    padding: 60px 0 80px;
  }
  .introMain .sec04 .bgPanel03 .message {
    margin: 0 auto 40px;
    padding: 0 30px;
  }
  .introMain .sec04 .bgPanel03 .message .dl {
    position: relative;
    top: -15px;
  }
  .introMain .sec04 .bgPanel03 .message .dl .dt {
    display: inline-block;
    margin: 0 0 20px;
    padding: 0 10px;
    background: none;
  }
  .introMain .sec04 .bgPanel03 .message .dl .dt > * {
    font-size: 22px;
    background: linear-gradient(transparent 70%, #ff6 70%);
  }
  .introMain .sec04 .bgPanel03 .message .dl .dt .img {
    display: inline-block;
    width: 120px;
  }
  .introMain .sec04 .bgPanel03 .message .dl .dd .box .em {
    font-size: 26px;
  }
  .introMain .sec04 .bgPanel03 .list .ul .li {
    font-size: 20px;
  }
  .introMain .sec04 .bgPanel03 .list .ul .li + .li {
    margin: 20px 0 0;
  }
  .introMain .sec04 .bgPanel03 .list .ul a {
    padding: 25px 20px;
    background: url(https://grepika.jp/system_panel/uploads/images/intro_sec01_arrow_white.png) right 15px bottom -5px no-repeat #738fc6;
    background-size: 20px auto;
  }
}
/*////////////////////////////////////////////////////////////
	about
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
  .aboutMain .pageKvPanel .kvTtl:before {
    width: 120px;
    height: 40px;
    padding: 0 0 0 120px;
    background: url(https://grepika.jp/system_panel/uploads/images/page_kv_logo.png) no-repeat;
    background-size: 120px auto;
  }
  .aboutMain .sec01 {
    padding: 60px 0;
  }
  .aboutMain .sec01 .secBox .txtBox {
    padding: 30px 0 0;
  }
  .aboutMain .sec01 .secBox .txtBox .dl .dt {
    margin: 0 0 15px;
    font-size: 24px;
  }
  .aboutMain .sec02 {
    margin: 0 0 100px;
  }
  .aboutMain .sec02 .bgPanel01 {
    padding: 60px 0;
  }
  .aboutMain .sec02 .bgPanel01 .secTtl {
    padding: 30px 10px;
    font-size: 22px;
  }
  .aboutMain .sec02 .bgPanel01 .secTtl p {
    padding: 35px 0 0;
    background: url(https://grepika.jp/system_panel/uploads/images/page_kv_logo.png) center top no-repeat;
    background-size: 100px auto;
  }
  .aboutMain .sec02 .bgPanel02 {
    padding: 50px 0 0;
    background: url(https://grepika.jp/system_panel/uploads/images/about_sec02_bg_02.png) center bottom no-repeat;
    background-size: cover;
  }
  .aboutMain .sec02 .bgPanel02::before {
    display: none;
  }
  .aboutMain .sec02 .bgPanel02 .secBox + .secBox {
    margin: 80px 0 0;
  }
  .aboutMain .sec02 .bgPanel02 .secBox .photo {
    margin: 0 0 20px;
    text-align: center;
  }
  .aboutMain .sec02 .bgPanel02 .secBox .photo .img {
    max-width: 280px;
    margin: 0 auto;
  }
  .aboutMain .sec02 .bgPanel02 .secBox .photo .img01 {
    max-width: 180px;
  }
  .aboutMain .sec02 .bgPanel02 .secBox .txtBox .dl .dt > * {
    font-size: 24px;
  }
  .aboutMain .sec02 .bgPanel02 .secBox .txtBox .dl .dt p {
    font-size: 18px;
  }
  .aboutMain .sec02 .bgPanel02 .secBox .txtBox .dl .ul {
    margin: 20px 0 0;
  }
  .aboutMain .sec02 .bgPanel02 .secBox .txtBox .dl .ul .li {
    width: 90px;
    height: 90px;
    font-size: 16px;
  }
  .aboutMain .sec02 .bgPanel02 .secBox .txtBox .dl .ul .li + .li {
    margin: 0 0 0 10px;
  }
  .aboutMain .sec02 .bgPanel02 .message {
    top: 50px;
    font-size: 20px;
  }
  .aboutMain .sec03 {
    padding: 60px 0;
    background: url(https://grepika.jp/system_panel/uploads/images/about_sec03_bg.png) center top no-repeat;
    background-size: cover;
  }
  .aboutMain .sec03::before {
    display: none;
  }
  .aboutMain .sec03 .topBox {
    margin: 0 0 50px;
  }
  .aboutMain .sec03 .topBox .txtBox .dl .dt {
    margin: 0 0 15px;
    font-size: 24px;
  }
  .aboutMain .sec03 .topBox .txtBox .dl br {
    display: none;
  }
  .aboutMain .sec03 .flowList .ol .li {
    padding: 10px 10px 30px;
  }
  .aboutMain .sec03 .flowList .ol .dl .dt .num {
    width: 60px;
    font-size: 36px;
  }
  .aboutMain .sec03 .flowList .ol .dl .dt .ttl {
    font-size: 26px;
  }
}
/*////////////////////////////////////////////////////////////
	attempt
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
  .attemptMain .sec01 {
    padding: 60px 0;
  }
  .attemptMain .sec01 .secBox + .secBox {
    margin: 60px 0 0;
  }
  .attemptMain .sec01 .secBox .ttl {
    max-width: 250px;
    font-size: 18px;
  }
  .attemptMain .sec01 .table .thead {
    display: none;
  }
  .attemptMain .sec01 .table .tbody {
    border: 1px solid #368fd3;
    background: #ffffff;
  }
  .attemptMain .sec01 .table .tbody .tr {
    text-align: center;
  }
  .attemptMain .sec01 .table .tbody .tr + .tr {
    border-top: 1px solid #368fd3;
  }
  .attemptMain .sec01 .table .tbody .tr > * {
    padding: 10px;
    font-size: 16px;
  }
  .attemptMain .sec01 .table .tbody .tr .th {
    color: #ffffff;
    background: #368fd3;
  }
  .attemptMain .sec01 .table .tbody .tr .td {
    border-top: 1px solid #368fd3;
  }
  .attemptMain .sec01 .table .tbody .tr .dl .dt {
    margin: 0 0 5px;
    font-size: 13px;
    color: #999999;
  }
  .attemptMain .sec01 .table .tbody .tr .dl a {
    display: inline-block;
    color: #2300d5;
    text-decoration: underline;
  }
  .attemptMain .sec02 {
    padding: 60px 0;
  }
  .attemptMain .sec02 .topBox {
    margin: 0 0 40px;
  }
  .attemptMain .sec02 .topBox .txtBox {
    padding: 20px 0 0;
  }
  .attemptMain .sec02 .topBox .txtBox .dl .dt {
    margin: 0 0 10px;
    font-size: 24px;
  }
  .attemptMain .sec02 .message {
    margin: 0 0 100px;
    font-size: 20px;
  }
  .attemptMain .sec02 .chartBox {
    margin: 0 0 50px;
  }
  .attemptMain .sec02 .chartBox .ttl {
    position: static;
    max-width: 280px;
    height: auto;
    margin: 0 auto 30px;
    padding: 5px 10px;
    font-size: 22px;
  }
  .attemptMain .sec02 .btmBox .inner {
    top: 5px;
    left: 5px;
    font-size: 20px;
  }
  .attemptMain .sec02 .btmBox .inner a {
    font-size: 16px;
  }
}
@media(max-width:415px){
  .attemptMain .sec02 .btmBox .inner a .p1661518710101{
	 font-size: 12px;
  }
}
/*////////////////////////////////////////////////////////////
	recruit
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
  .recruitMain .sec01 {
    padding: 60px 0;
  }
  .recruitMain .sec01 .secBox .ttl {
    font-size: 26px;
  }
  .recruitMain .sec01 .secBox .txtBody .dl .dt {
    font-size: 20px;
  }
  .recruitMain .sec01 .secBox .txtBody .txt01 p {
    font-size: 26px;
  }
  .recruitMain .sec01 .secBox .txtBody .txt01 .strong {
    display: block;
    margin: 0 0 5px;
    font-size: 30px;
  }
  .recruitMain .sec01 .secBox .txtBody .txt01 .span {
    font-size: 14px;
  }
  .recruitMain .sec01 .secBox .txtBody .txt01 .em {
    font-size: 30px;
  }
  .recruitMain .sec01 .secBox .txtBody .icon {
    width: 40px;
  }
  .recruitMain .sec01 .secBox .txtBody .txt02 {
    display: block;
    max-width: 280px;
    margin: 0 auto;
    padding: 20px;
  }
  .recruitMain .sec01 .secBox .txtBody .txt02 .ttlTxt {
    display: block;
    margin: 0 0 10px;
    font-size: 18px;
    text-align: center;
  }
  .recruitMain .sec01 .secBox .txtBody .txt02 .ttlTxt br {
    display: none;
  }
  .recruitMain .sec01 .secBox .txtBody .txt02 .priceTxt p {
    font-size: 20px;
  }
  .recruitMain .sec01 .secBox .txtBody .txt02 .priceTxt .em {
    font-size: 40px;
  }
  .recruitMain .sec01 .aside {
    margin: 0 0 30px;
    font-size: 18px;
  }
  .recruitMain .sec02 {
    padding: 60px 0;
  }
  .recruitMain .sec02 .secPanel {
    margin: 0 0 40px;
    padding: 10px 10px 40px;
  }
  .recruitMain .sec02 .secPanel .secBox {
    max-width: 600px;
    margin: 0 auto;
  }
  .recruitMain .sec02 .secPanel .secBox .txt01 {
    max-width: 300px;
    margin: 0 auto 20px;
  }
  .recruitMain .sec02 .secPanel .secBox .txt02 {
    max-width: 400px;
    margin: 0 auto;
  }
  .recruitMain .sec02 .secPanel .ttl {
    position: static;
    max-width: 500px;
    margin: 20px auto 0;
    padding: 5px 10px;
    font-size: 18px;
  }
  .recruitMain .sec03 {
    padding: 60px 0;
  }
  .recruitMain .sec03 .pageSecTtlBox + .txt {
    margin: 0 0 40px;
  }
  .recruitMain .sec03 .table .thead {
    display: none;
  }
  .recruitMain .sec03 .table .tbody {
    background: #ffffff;
  }
  .recruitMain .sec03 .table .tbody .tr {
    text-align: center;
    border: 1px solid #368fd3;
  }
  .recruitMain .sec03 .table .tbody .tr + .tr {
    margin: 20px 0 0;
  }
  .recruitMain .sec03 .table .tbody .tr > * {
    font-size: 16px;
  }
  .recruitMain .sec03 .table .tbody .tr .th {
    padding: 10px;
    color: #ffffff;
    background: #368fd3;
  }
  .recruitMain .sec03 .table .tbody .tr .td {
    border-top: 1px solid #368fd3;
  }
  .recruitMain .sec03 .table .tbody .tr .dl {
    display: table;
    width: 100%;
    /*font-size: 14px;*/
    font-size: 13px;
  }
  .recruitMain .sec03 .table .tbody .tr .dl > * {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
  }
  .recruitMain .sec03 .table .tbody .tr .dl .dt {
    width: 35%;
    color: #ffffff;
    background: #67a1e3;
  }
  .recruitMain .sec03 .table .tbody .tr .th + .td .dl .dd {
    position: relative;
    background: #dfecf4;
  }
  .recruitMain .sec03 .table .tbody .tr .th + .td .dl .dd::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -4px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 4px solid #f5d10b;
    box-sizing: content-box;
  }
  .recruitMain .sec03 .table .tbody .icon {
    margin: 0 auto 10px;
  }
  .recruitMain .sec03 .table .tbody .circle {
    width: 60px;
  }
  .recruitMain .sec03 .table .tbody .cross {
    width: 40px;
  }
  .recruitMain .sec03 .table .tbody .triangle {
    width: 50px;
  }
  .recruitMain .sec04 {
    padding: 60px 0;
  }
  .recruitMain .sec04 .secPanel {
    padding: 60px 0;
  }
  .recruitMain .sec04 .secPanel .secBox .txt {
    float: none;
    width: 100%;
    padding: 20px;
  }
  .recruitMain .sec05 {
    padding: 60px 0;
  }
  .recruitMain .sec05 .secBox {
    padding: 10px;
  }
  .recruitMain .sec05 .secBox:nth-child(odd) {
    background: url(https://grepika.jp/system_panel/uploads/images/recruit_sec05_tri_01.png) left top no-repeat;
    background-size: 120px auto;
  }
  .recruitMain .sec05 .secBox:nth-child(even) {
    background: url(https://grepika.jp/system_panel/uploads/images/recruit_sec05_tri_02.png) right top no-repeat;
    background-size: 120px auto;
  }
  .recruitMain .sec05 .secBox .txtBox .dl .dt {
    padding: 5px 10px;
    font-size: 20px;
  }
  .recruitMain .sec05 .secBox .txtBox .dl .dd {
    padding: 15px 10px;
  }
  .recruitMain .sec06 {
    padding: 60px 0 100px;
  }
  .recruitMain .sec06 .topTxt {
    margin: 0 0 40px;
  }
  .recruitMain .sec06 .topTxt .em {
    margin: 20px 0 0;
  }
}
/*////////////////////////////////////////////////////////////
	voice
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
  .voiceMain .sec01 {
    padding: 60px 0 80px;
  }
  .voiceMain .sec01 .section {
    padding: 0 0 30px;
  }
  .voiceMain .sec01 .section + .section {
    margin: 50px 0 0;
  }
  .voiceMain .sec01 .secTtl {
    padding: 5px 10px;
    font-size: 18px;
  }
  .voiceMain .sec01 .subTtl {
    padding: 15px 10px;
    font-size: 16px;
  }
  .voiceMain .sec01 .beforeAfter .ul .li + .li {
    margin: 20px 0 0;
  }
  .voiceMain .sec01 .beforeAfter .ul .li p {
    font-size: 18px;
  }
  .voiceMain .sec01 .txtList {
    margin: 0 0 30px;
  }
  .voiceMain .sec01 .txtList .dl {
    display: block;
  }
  .voiceMain .sec01 .txtList .dl > * {
    display: block;
  }
  .voiceMain .sec01 .txtList .dl .dt {
    width: 110px;
    margin: 0 0 5px;
  }
  .voiceMain .sec01 .txtList .dl .dt p {
    width: 110px;
    font-size: 18px;
  }
  .voiceMain .sec02 .ttlPanel {
    padding: 60px 0 0;
  }
  .voiceMain .sec02 .ttlPanel .ttlBox {
    text-align: center;
    line-height: 1.2;
  }
  .voiceMain .sec02 .ttlPanel .ttlBox .ttl01 {
    display: block;
    margin: 0 0 10px;
    font-size: 29px;
  }
  .voiceMain .sec02 .ttlPanel .ttlBox .ttl02 {
    display: block;
    font-size: 60px;
  }
  .voiceMain .sec02 .ttlPanel .list {
    top: 50px;
  }
  .voiceMain .sec02 .ttlPanel .list .ul .li {
    font-size: 20px;
  }
  .voiceMain .sec02 .ttlPanel .list .ul .li + .li {
    margin: 20px 0 0;
  }
  .voiceMain .sec02 .ttlPanel .list .ul a {
    padding: 25px 20px;
    background: url(https://grepika.jp/system_panel/uploads/images/voice_sec02_arrow_white.png) right 15px bottom -5px no-repeat, url(https://grepika.jp/system_panel/uploads/images/voice_sec02_list_bg.png) no-repeat;
    background-size: 20px auto, cover;
  }
  .voiceMain .sec02 .txtPanel {
    padding: 100px 0 20px;
  }
  .voiceMain .sec02 .txtPanel .message p {
    font-size: 18px;
  }
}
/*////////////////////////////////////////////////////////////
	company
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
  .companyMain .sec01 {
    padding: 60px 0 50px;
  }
  .companyMain .sec01 .secBox .photo .img + .img {
    margin: 20px 0 0;
  }
  .companyMain .sec01 .secBox .txtBox {
    padding: 30px 0 0;
  }
  .companyMain .sec01 .secBox .txtBox .txt {
    font-size: 16px;
    line-height: 3;
  }
  .companyMain .sec01 .secBox .txtBox .name {
    margin: 20px 0 0;
    text-align: right;
  }
  .companyMain .sec01 .secBox .txtBox .name img {
    display: inline-block;
    width: 200px;
  }
  .companyMain .sec02 {
    padding: 50px 0;
  }
  .companyMain .sec02 .secBox .photo .img + .img {
    margin: 15px 0 0;
  }
  .companyMain .sec02 .secBox .txtBox .infoBox .dl {
    padding: 10px 0;
  }
  .companyMain .sec02 .secBox .txtBox .infoBox .dl .dt {
    width: 85px;
  }
}
/*////////////////////////////////////////////////////////////
	contact
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
  .contactMain .sec01 .bgPanel01 {
    padding: 50px 0;
  }
  .contactMain .sec01 .bgPanel01 .section + .section {
    margin: 40px 0 0;
  }
  .contactMain .sec01 .bgPanel01 .section .secTtl {
    font-size: 20px;
  }
  .contactMain .sec01 .bgPanel01 .section .secTtl .icon {
    width: 30px;
  }
  .contactMain .sec01 .bgPanel01 .section .dl {
    padding: 10px;
  }
  .contactMain .sec01 .bgPanel01 .section .dl .dt {
    padding: 5px 10px;
    font-size: 18px;
  }
  .contactMain .sec01 .bgPanel01 .section .dl .dd {
    padding: 10px;
  }
  .contactMain .sec01 .bgPanel02 {
    padding: 0 0 30px;
  }
  .contactMain .sec01 .bgPanel02 .message {
    font-size: 20px;
  }
  .contactMain .telPanel {
    padding: 40px 0;
  }
  .contactMain .telPanel .secBox .dl {
    display: block;
  }
  .contactMain .telPanel .secBox .dl .dt {
    width: 100%;
    margin: 0 0 10px;
    padding: 10px;
    font-size: 20px;
    text-align: center;
  }
  .contactMain .telPanel .secBox .dl .dt br {
    display: none;
  }
  .contactMain .telPanel .secBox .dl .dd {
    width: 100%;
    padding: 20px 10px;
    text-align: center;
  }
  .contactMain .telPanel .secBox .dl .dd a {
    display: inline-block;
    margin: 0 0 10px;
    padding: 0 0 0 30px;
    font-size: 34px;
    line-height: 1.2;
    vertical-align: middle;
    background: url(https://grepika.jp/system_panel/uploads/images/contact_tel_icon.png) left center no-repeat;
    background-size: 20px auto;
  }
  .contactMain .telPanel .secBox .dl .dd .time {
    display: block;
    font-size: 15px;
  }
  .contactMain .sec02 {
    padding: 60px 0 100px;
  }
  .contactMain .sec02 .topTxt {
    margin: 0 0 40px;
  }
  .contactMain .sec02 .topTxt .em {
    margin: 20px 0 0;
  }
}
/*////////////////////////////////////////////////////////////
	form
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
  .formMain .contactForm .formBox .formItemList .dl + .dl {
    margin: 30px 0 0;
  }
  .formMain .contactForm .formBox .formItemList .dl .dt {
    margin: 0 0 10px;
  }
  .formMain .contactForm .formBox .formItem .dl .dt {
    margin: 0 0 10px;
  }
  .formMain .contactForm .formBox h3 {
    margin-bottom: 0;
    font-size: 18px;
  }
  .formMain .contactForm .formBox .addressBox .dl,
.formMain .contactForm .formBox .dateBox .dl {
    display: block;
  }
  .formMain .contactForm .formBox .addressBox .dl .dt,
.formMain .contactForm .formBox .dateBox .dl .dt {
    display: block;
    width: 100%;
  }
  .formMain .contactForm .formBox .addressBox .dl .dd,
.formMain .contactForm .formBox .dateBox .dl .dd {
    display: block;
  }
  .formMain .contactForm .formBox .dateBox .em {
    display: block;
    margin: 0 0 10px;
  }
  .formMain .contactForm .formBox .dateBox input[type=text] {
    width: 70px;
  }
  .formMain .contactForm .formBox .dateBox .radioList {
    display: block;
    margin: 10px 0 0;
  }
  .formMain .contactForm .formBox .snsBox .em {
    display: block;
    margin: 0 0 10px;
  }
  .formMain .contactForm .formBox .snsBox .snsInput {
    width: 100%;
  }
  .formMain .contactForm .formBox .selectBox {
    width: 90px;
  }
  .formMain .contactForm .formBox .privacy .agreeBox {
    height: 250px;
    padding: 20px 10px;
  }
  .formMain .contactForm .fileUploadBox {
    display: block;
  }
  .formMain .contactForm .fileUploadBox .fileBox {
    width: 100%;
    margin: 0 0 20px;
  }
  .formMain .contactForm .fileUploadBox .fileArea {
    display: block;
  }
  .formMain .contactForm .fileUploadBox .fileArea .inputFile {
    width: 200px;
  }
  .formMain .contactForm .fileUploadBox .fileArea > p {
    width: 100%;
  }
}
/*////////////////////////////////////////////////////////////
	post
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
  .postMain .secWrap01 {
    padding: 60px 10px;
  }
  .postMain .catePanel {
    padding: 0 0 50px;
  }
  .postMain .catePanel .categoryTtl {
    mfont-size: 22px;
  }
  .postMain .catePanel .webgene-item a {
    font-size: 16px;
  }
  .postMain .webgene-pagination {
    margin: 60px 0 0;
    font-size: 15px;
  }
  .postMain .postDetail .title {
    font-size: 20px;
  }
  .postMain .btnMore {
    margin: 50px auto 0;
  }
}
/*////////////////////////////////////////////////////////////
	news
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
  .newsMain .listPanel .webgene-blog .webgene-item + .webgene-item {
    margin: 50px 0 0;
  }

}
@media(min-width:415px){
  .topMain .topKvPanel .kvTtlBox h1 br,.topMain .topKvPanel .kvTxt .dl .dt br,
  .topMain .topKvPanel .kvTxt .dl .dd br,.topMain .topKvPanel .kvList .ul .li .listTxt p br,
  .topMain .topKvPanel .recruitBox .dl .dt br,.topMain .topKvPanel .recruitBox .dl .dd .txt01 p br,
  .topMain .topKvPanel .messageTxt br,.topMain .sec03 .dl .dt br,.topMain .sec02 .bgPanel01 .secTtl h2 br{
  	display:none;
  }
  .introMain .sec02 .message .dl .dt h3.h1662531009716 br,.introMain .sec03 .secBox02 .dl .dt br{
  	display:none;
  } 
  .aboutMain .sec03 .pageSecTtlBox h2 br{
  	display:none;
  }
  .recruitMain .sec02 h2 br{
  	display:none;
  }
} 
@media(max-width:415px){
  .topMain .topKvPanel .kvTtlBox .kvTtlTxtBox > * {
    vertical-align: middle;
}
  .topMain .sec01 .txt br,.topMain .sec01 .videoPanel .txtBox .dl .dd .subTxt br,
  .topMain .sec02 .bgPanel01 .txt br,.topMain .sec01 .txt br{
  	display:none;
  }
  .introMain .sec01 .bgPanel02 .message br{
  display:none;
  }
  .topMain .sec01 .txt,.introMain .sec01 .bgPanel02 .message{
  	text-align:left;
  }
  .introMain .sec02 .message,.introMain .sec04 .bgPanel03 .message {
    background-size: auto 93%, auto 93%;
  }
  .aboutMain .sec01 .secBox .txtBox br,.aboutMain .sec02 .bgPanel02 .secBox01 .txtBox .dl .txt br,
  .aboutMain .sec03 .flowList .ol .li.txt br,.aboutMain .sec02 .bgPanel02 .secBox .txtBox .dl .dd .txt br,
  .aboutMain .sec03 .flowList .ol .dl .dd .txt br {
    display: none;
  }
  .contactMain .sec01 .bgPanel02 .message br,.contactMain .sec02 .topTxt br:nth-child(1){
  	display:none;
  }
  .contactMain .sec01 .bgPanel02 .message,.contactMain .sec02 .topTxt,.recruitMain .sec03 .pageSecTtlBox + .txt,
  .recruitMain .sec06 .topTxt{
  	text-align:left;
  }
  .recruitMain .sec03 .pageSecTtlBox + .txt br,.recruitMain .sec04 .secPanel .secBox .txt br{
  	display:none;
  }
  .recruitMain .sec06 .topTxt{
  	font-size:14px;
  }
  .attemptMain .sec02 .topBox .txtBox br:nth-child(1),.attemptMain .sec02 .topBox .txtBox br:nth-child(3){
  	display:none;
  }
}