.l-main{
font-size: 1.6rem;
  line-height: 1.85em;
/*  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;*/
font-family: -apple-system, BlinkMacSystemFont, Roboto, 'Noto Sans JP', "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
  color: #333;
}


p.linesns{
padding-left:26px;
position: relative;
color:#fff;
top: -4em;
left: 4em;
}

p.linesns a{
padding: 0 0.5em;
color:#FFF;
font-weight: bold;
text-decoration: underline;
}
p.linesns:before{
content: "";
position: absolute;
width:24px;
height:24px;
display: block;
background-image: url("../img/top/icon_linebt.png");
background-size: cover;
top: 0;
left: 0;
}


/*-----------------------
 hikaku
-------------------------*/
section.hikaku{
padding:0 0 5vw 0;
}
section.hikaku h2 div {
  min-width:420px;
}

section.hikaku .inner{
margin-top:3vw;
padding:12px 0;
width: 100%;
min-width: 1036px;
max-width: 1036px;
background-image: url("../images/hikaku_table.svg");
background-size:auto 100%;
background-position: center top;
background-repeat: no-repeat;
min-height: 720px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section.hikaku .inner table{
font-size: 1.4rem;
font-weight: bold;
line-height:1.5;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}

section.hikaku .inner table th{
position: relative;
padding:1.75em 0 0 0;
font-size: 1.8rem;
font-weight: bold;
color: #fff;
position: relative;
}
section.hikaku .inner table th img{
position: absolute;
top:-2px;
left:3em;
}
section.hikaku .inner table td{
padding:0.6em 1em 0.6em 3em;
font-weight: bold;
}
section.hikaku .inner table tr:nth-of-type(2) td{
padding-top: 2.3em;
}
section.hikaku .inner table td:nth-of-type(1){
text-align: center;
}
section.hikaku .inner table td:nth-of-type(2){
font-size: 2rem;
color: #030F8A;
padding:0.25em 5em 0.25em 4em;
line-height: 1.65;
position: relative;
}
section.hikaku .inner table tr:nth-of-type(2) td:nth-of-type(2){
  padding-top:1.5em;
}
section.hikaku .inner table td:nth-of-type(2) .fuki{
position: absolute;
bottom:-2.5em;
left:0.75em;
line-height: 1.5;
padding:2.5em 1em 1.5em 1em;
background-image: url("../images/hikaku_fuki.svg");
background-size:100% auto;
}
section.hikaku .inner table th:nth-of-type(3){
padding-left:2.5em;
padding-right: 4em;
}
section.hikaku .inner table th:nth-of-type(4){
padding-left:2.5em;
}
section.hikaku .inner table td:nth-of-type(4),
section.hikaku .inner table td:nth-of-type(3){
font-size: 1.6rem;
padding: 0.6em 5em 0.6em 3em;
}
section.hikaku .inner table tr:nth-last-of-type(1) td:nth-of-type(1),
section.hikaku .inner table tr:nth-last-of-type(1) td:nth-of-type(3),
section.hikaku .inner table tr:nth-last-of-type(1) td:nth-of-type(4){
line-height: 2;
}
section.hikaku .inner table tr:nth-last-of-type(1) td:nth-of-type(2){
vertical-align:top;
}




/* =================================
   SubPage
==================================== */
.cf {
  *zoom: 1;
}
.cf:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

form ::-webkit-input-placeholder {
  color: #C6C6C6;
}
form :-moz-placeholder {
  opacity: 1;
  color: #C6C6C6;
}
form ::-moz-placeholder {
  opacity: 1;
  color: #C6C6C6;
}
form :-ms-input-placeholder {
  color: #C6C6C6;
}

::-moz-selection {
  color: #FFF;
  background-color: #030F8A;
}

::selection {
  color: #FFF;
background-color: #030F8A;
}
.fl-container {
  display: -webkit-flex;
  display: flex;
}
.page-module .page-ttl-box {
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 1200px;
    text-align: center;
/*    box-shadow: 0px 6px 4px rgba(241, 241, 241, 0.6) inset;*/
}
.page-ttl-box .ttl-text.wrap {
    padding:44px 0;
}
.page-module p.singleone,
.page-module h2 {
    color: #FFFFFF;
    text-align:  left;
    font-size: 30px;
    font-weight: 600;
    padding-left: 15px;
}

.l-breadcrumb {
    height: auto;
    padding: 15px 0;
    margin: 0 0 2em 0;
    line-height: 1.5;
    font-size:11px;
}
.l-breadcrumb span,
.l-breadcrumb a{
    line-height: 1.5;
    font-size:11px;
}
.l-breadcrumb a:hover {
  text-decoration: underline;
}
.l-breadcrumb span {
    display:  inline-block;
    padding: 0 0.3em;
}
.l-breadcrumb span:first-of-type {
    padding-left: 0;
}

.l-main h3 {
    font-size: 21px;
    font-weight: 600;
    line-height: 2;
    border-left: solid 15px #030F8A;
    text-indent: 15px;
	background: url(../img/module/h3-bg.png) repeat;
	margin:2em 0 1em 0;
}

/* 記事本文 3 → h2 , h4 → h3に変更 2025/09/17*/
.l-main.single .recruitment-area h2 {
    font-size: 21px;
    font-weight: 600;
    line-height:1.5;
    padding: 0.25em 0 0.25em 1em !important;
    border-left: solid 10px #030F8A;
    background-color: #fff;
    margin:2em 0 1em 0;
    border-bottom: 2px solid #f2f2f2;
    background-image: none;
    text-align:left;
    color:#2D2D2D;
}

.l-main.single .recruitment-area h3 {
    font-size:18px!important;
    font-weight: 600;
    line-height:1.5;
    padding: 0.35em 0 0.25em 0.5em !important;
    border-left: solid 5px #030F8A;
    background: url(../img/module/h3-bg.png) repeat;
    margin:2em 0 1em 0;
}
.l-main.single .recruitment-area h4 {
    margin:0 0 23px !important;
    padding:0 !important;
    width: 100%;
    font-size: 18px !important;
    font-weight: bold;
    text-align: left;
    line-height: 1em;
    color: #2D2D2D;
    border: none !important;
    position: relative;
}

.l-main.single .recruitment-area h4::before {
    content: "" !important;
    display: inline-block !important;
    margin-right: 0.5em;
    width: 0.8em;
    height: 0.8em;
    background-color: #0B127D;
    border-radius: 20%;
    vertical-align: -0.1em;
}

/* === override: recruitment h4 bullet === */
.l-main.single .recruitment-area h4::before {
    content: "" !important;
    display: inline-block !important;
}
/* */

.l-main h3:nth-of-type(1){
margin: 0 0 2em 0;
}

.l-main h3.the_title,
.l-main.single h3.the_title{
    font-size: 21px;
    font-weight: 600;
    line-height:1.5;
	margin:0 auto 2em auto;
    background-color: #fff;
    padding:0.5em 0 0.5em 2.5em;
    border-left: none;
    text-indent: inherit;
    background-image: url("../images/icon_title.svg");
    background-position:center left;
    background-repeat: no-repeat;
    background-size:auto 35px;
    color: #030e8a;
    border-bottom: 2px solid #030e8a;
}
.l-main.single h3.the_title{
	margin:0 0 1em 0;
}


.l-main.single .right_side h3{
    font-size: 21px;
    font-weight: 600;
    line-height:1.5;
	margin:0 0 1em 0;
    background-color: #fff;
    padding:0.5em 0 0.5em 2.5em;
    border-left: none;
    text-indent: inherit;
    background-image: url("../images/icon_title.svg");
    background-position:center left;
    background-repeat: no-repeat;
    color: #030e8a;
border-bottom: none;
background-size:2.8rem 2.8rem;
}



.l-main.single strong,
.l-main.single b{
background-color:#FCEB00;
font-weight: bold;
}

.l-main.single span[style*="underline"]{
font-weight: bold;
}


/*==============================
mv
==============================*/
.l-mv.mv-page {
    min-width: 1230px;
    height: 200px;
    background-size: cover;
}

.l-mv.mv-page .page-ttl {
    display: block;
    width: 500px;
    margin: auto;
    padding: 5px;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(255,255,255,0.8);
    border: 3px solid #333;
}


.l-mv.mv-page .page-ttl h2 {
    font-size: 32px;
    font-weight: bold;
}

.l-mv.mv-page .page-ttl p {
    margin-top: -6px;
    font-size: 11px;
}

.l-mv.mv-page .wrap {
    padding-top: 55px;
    }

/*background*/

/*==============================
会社概要
==============================*/
.page-module .ttl-company {
background-image: url("../images/mv_back.svg");
background-repeat: repeat-x;
background-position: center center;
background-size:700px auto;
}
.l-company .text-area {
    padding: 0 0 40px 10px;
}

.l-company .text-area .text-box {
    margin-bottom: 30px;
}

.l-company .text-area .text-box h4 {
    margin:2em 0 1em 0;
    font-size:  18px;
    font-weight:  bold;
}

.l-company .text-area .text-box h4:before {
    content: "■";
    color: #030F8A;
    margin-right: 10px;
}

.l-company .text-area .text-box p,
.l-company .text-area .text-box p+p {
    margin:0 0 1em 0;
  line-height: 1.85em;
}

.l-main.single .text-area .text-box b,
.l-main.single .text-area .text-box strong, 
.l-main.single .text-area .text-box mark{
font-weight: bold;
background: linear-gradient(180deg,#fff 0%,#fff 70%,#FFFEBA 70%,#FFFEBA 100%);
}


.l-company .text-area .text-box ul {
    margin-top:  30px;
}

.l-company .text-area .text-box ul li {
    position:  relative;
    padding-left:  1em;
}

.l-company .text-area .text-box ul li:before {
    position:  absolute;
    content: "・";
    left:  -0.2em;
    top: 0;
}

.l-company .text-area .text-box:last-child {
    margin-bottom:  0;
}




.l-company .overview-area table {
    margin-bottom:  50px;
    width:  100%;
    table-layout:  fixed;
}

.l-company .overview-area table tr {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
    }

.l-company .overview-area table tr
 th {
    padding:  0 0 0 20px;
    width: 240px;
    box-sizing:  border-box;
}

.l-company .access-area iframe {
    margin-bottom:  50px;
    width:  100%;
    height:  430px;
}


/*==============================
事業内容
==============================*/
.page-module .ttl-business {
background-image: url("../images/mv_back.svg");
background-repeat: repeat-x;
background-position: center center;
background-size:700px auto;
}
.l-business .jump-area {
	display: -webkit-flex;
    display:  flex;
    justify-content:  space-between;
    padding:  0 0 50px;
}

.l-business .jump-area a {
	width:  370px;
	padding: 20px 15px 20px 0;
	font-size:  18px;
	font-weight:  bold;
	color:  #fff;
	text-align:  center;
	background: #e5e5e5 url(../img/page/business/business-img02.png)no-repeat right 6% top 50%;
	transition-duration:  .2s;
}

.l-business .jump-area a:hover, .l-business .jump-area a:active,.l-business .jump-area a:focus {
    background:  #52c7bd  url(../img/page/business/business-img02.png)no-repeat right 6% top 58%;
}

.l-company.l-business .text-area .text-box ul {
	margin-top:  0;
}

.l-company.l-business .text-area .text-box ul li:before {
    padding:  10px;
    display:  none;
}

.l-business .text-area .text-box ul li {
	display: -webkit-flex;
    display:  flex;
    justify-content: space-between;
    margin-bottom:  30px;
    padding: 25px;
    border: 8px solid #f6f6f6;
}

.l-business .text-area .text-box ul li .text-box {width:  79%;}

.l-business .text-area .text-box ul li .text-box h5 {
    margin-bottom:  35px;
    font-size: 18px;
    font-weight:  bold;
    color:  #030F8A;;
}
.l-business .text-area .text-box .project {
	padding: 20px 0 0 ;
}


/*==============================
紹介先の企業様募集
==============================*/
.page-module .ttl-recruitment {
background-image: url("../images/mv_back.svg");
background-repeat: repeat-x;
background-position: center center;
background-size:700px auto;
}
.l-recruitment .jump-area {
	display: -webkit-flex;
    display:  flex;
    justify-content:  space-between;
    padding:  0 0 50px;
}

.l-recruitment .jump-area a {
	width:  370px;
	padding: 20px 15px 20px 0;
	font-size:  18px;
	font-weight:  bold;
	color:  #fff;
	text-align:  center;
	background: #e5e5e5 url(../img/page/business/business-img02.png)no-repeat right 6% top 50%;
	transition-duration:  .2s;
}

.l-recruitment .jump-area a:hover, .l-recruitment .jump-area a:active,.l-recruitment .jump-area a:focus {
    background:  #52c7bd  url(../img/page/business/business-img02.png)no-repeat right 6% top 58%;
}

.l-company.l-recruitment .text-area .text-box ul {
    margin-top:  30px;
    margin-bottom:  30px;
    padding: 15px;
    border: 8px solid #f6f6f6;
}

.l-company.l-recruitment .text-area .text-box ul li:before {
    position:  absolute;
    content: "・";
    left:  -0.2em;
    top: 0;
}

.l-recruitment .text-area .text-box ul li {
    position:  relative;
    padding-left:  1em;
}

.l-company.l-recruitment .text-area .text-box ol {
    list-style-type: decimal; /* 数字を表示 */
    list-style-position: outside; /* 数字を外側に表示 */
    margin-left: 2em; /* インデント */
}

.l-company.l-recruitment .text-area .text-box a {
    color: #0000ee;
}

.l-recruitment .text-area .text-box ul li .text-box {width:  79%;}

.l-recruitment .text-area .text-box ul li .text-box h5 {
    margin-bottom:  35px;
    font-size: 18px;
    font-weight:  bold;
    color:  #030F8A;h4
}
.l-recruitment .text-area .text-box .project {
	padding: 20px 0 0 ;
}



table.comparisontable{
width: 90%;
margin:3em auto;
display: table;
border:2px solid #e5e5ff;
}
table.comparisontable tr td{
background-color: #fff;
text-align: center;
font-size: 18px;
padding:0.5em 0;
}
table.comparisontable tr:nth-of-type(1) td{
font-weight: bold;
}
table.comparisontable tr:nth-of-type(1) td:nth-of-type(2){
padding: 0.5em 0;
font-size: 22px;
font-weight: bold;
border-top: 2px solid #c80f0f;
}
table.comparisontable tr:nth-last-of-type(1) td:nth-of-type(2){
border-bottom: 2px solid #c80f0f;
}
table.comparisontable tr td:nth-of-type(2),
table.comparisontable tr td:nth-of-type(1){
font-size: 22px;
}
table.comparisontable tr td:nth-of-type(2){
color: #c80f0f;
font-weight: bold;
border-left: 2px solid #c80f0f;
border-right: 2px solid #c80f0f;
}
table.comparisontable tr:nth-child(odd) td{
background-color:#e5e5ff;
}
a.comparisontable.sp{
display: none;
}


/*==============================
よくある質問
==============================*/

.l-company .text-area .text-box.qanda h4 {
    margin: 2em 0 1em 0;
    font-weight: bold;
font-size: 20px;
color: #030F8A;
}
.l-company .text-area .text-box.qanda h4:before{
content: "Q.";
font-size: 24px;
}
.l-company .text-area .text-box.qanda{
margin:0 0 5em 0;
}
.l-company .text-area .text-box.qanda p{
font-size: 16px;
}


/*==============================
スタッフ募集　お問い合わせ
==============================*/
.page-module .ttl-entry {
background-image: url("../images/mv_back.svg");
background-repeat: repeat-x;
background-position: center center;
background-size:700px auto;
}
.page-module .ttl-contact {
background-image: url("../images/mv_back.svg");
background-repeat: repeat-x;
background-position: center center;
background-size:700px auto;
}

.l-entry {
	padding-bottom: 70px;
}

.l-entry .contact-bnr {
    padding:  30px 40px;
    background: #030F8A;;
}

.l-entry .contact-bnr p {
    display:  inline-block;
    color: #fff;
    font-size:  24px;
    font-weight:  bold;
}
.l-entry .contact-bnr p.tel {
	padding: 0 20px ;
}
.l-entry .contact-bnr p.time {
    font-size:  16px;
}

.l-entry p.attention {
    margin:  30px 0px;
}

.l-entry .form-area {
    padding: 35px 55px;
    width: 100%;
}
.l-entry table {
    display:  block;
    table-layout:  fixed;
}

.l-entry table tr th {
    min-width: 310px;
    vertical-align:  top;
}

.l-entry table tr th span {
    display:  inline-block;
    margin-right:  30px;
    padding: 1px 13px;
    font-size: 12px;
    background: #ddd;
    color:  #fff;
}

.l-entry table tr th span.alart {
    background:  #d51212;
}

.l-entry table tr th span.any {
    background: #666;
}

.l-entry table tr {
    display:  block;
    width:  100%;
    padding: 20px 0;
}

.l-entry table tr td {
    width: 100%;
}

.l-entry tbody {
    display:  block;
    width:  100%;
}

.l-entry table tr td input[type="text"] {
    padding: 0 15px;
    width: 100%;
    height:  40px;
    border: 0;
    background:  #e5e5e5;
    box-shadow: inset 1px 2px 3px 0px rgba(0,0,0,.12);
}

.l-entry table tr td label {
    margin-right:  60px;
}

.l-entry table tr td label input[type="radio"] {
    border: 1px solid #e5e5e5;
    background:  none;
}

.l-entry table tr td input[type="text"].age {
    width: 100px;
    margin-right: 15px;
}

.l-entry table tr td select.time {
    background:  #e5e5e5;
}

.l-entry table tr td input[type="text"],
.l-entry table tr td select.time,
.l-entry table tr td textarea {
    border: 0;
    background:  #e5e5e5;
    box-shadow: inset 1px 2px 3px 0px rgba(0,0,0,.12);
}

.l-entry table tr td select.time {
	padding: 5px 15px;
    width:  100px;
    height:  40px;
    margin-right:  15px;
}

.l-entry table tr td textarea {
	padding: 10px 15px;
    width:  100%;
    height:  200px;
}

.l-entry .form-area .submit-area {
    padding:  40px 0 0;
    text-align:  center;
}

.l-entry .form-area .submit-area input[type="submit"] {
    width: 180px;
    padding: 8px 0;
    font-weight:  bold;
	font-size: 16px;
    color:  #fff;
    border: 0;
    background: #030F8A url(../img/module/arrow01.png)no-repeat right 4% center;
    transition-duration:  .2s;
	-webkit-appearance: none;
}

.l-entry .form-area {
	box-sizing: border-box;
}
/*.l-entry .form-area .submit-area input[type="submit"]:hover {
    background: #2e2e2e url(../img/page/entry/arrow.png)no-repeat right 8% center;
}*/

.l-entry table tr td input[type="text"],
.l-entry table tr td select.time,
.l-entry table tr td textarea,
.l-entry input[type="submit"] {
	font-size: 16px;
	font-family: inherit;
}

/*MW WP Form*/
.mw_wp_form_input .preview-show{
	display: none!important;
}
.mw_wp_form_input .input-show {
	display: block!important;
}
.mw_wp_form_preview .input-show{
	display: none!important;
}
.mw_wp_form_preview .preview-show {
	display: block!important;
}


.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left:0!important;
}
.l-thanks .overview-area p{
margin: 5em 0;
text-align: center;
font-size:16px;
font-weight: bold;
}
.l-thanks .overview-area p a{
font-weight: normal;
}

.l-entry .phonebox{
background-color: #f4f4f4;
border: 1px solid #cfcfcf;
padding: 2em;
	display:flex;
	justify-content:flex-start;
	align-items:center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.l-entry .phonebox>div{
font-size: 16px;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.l-entry .phonebox>div.leftbox{
width:55%;
}
.l-entry .phonebox>div.rightbox{
width:45%;
color: #030F8A;
font-size: 14px;
}
.l-entry .phonebox>div.rightbox a{
font-size: 36px;
color: #030F8A;
font-weight: bold;
line-height: 1;
}
.l-entry .phonebox>div.rightbox img{
float: left;
margin-right: 1em;
}

.l-entry .phonebox>div h4{
font-size: 26px;
color: #030F8A;
}




/*---feature--------------------*/
.l-contents.l-feature .l-breadcrumb{
margin: 0;
}

/*-----------------------
 feature
-------------------------*/
section.feature{
background-color:#FFF;
padding:0 0 5vw 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
section.feature h2 p:nth-of-type(2){
margin-top: -0.25em;
}
section.feature .wrap > section{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
    margin-top: 5vw;
}
section.feature .wrap > section div{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section.feature .wrap > section div.no{
width:4%;
color: #007EFC;
font-size: 1.9rem;
}
section.feature .wrap > section div.no strong{
display: inline-block;
font-size: 5.3rem;
}
section.feature .wrap > section div.left{
width:50%;
padding-right:10%;
line-height: 2;
font-size: 1.4rem;
}
section.feature .wrap > section div.left h3{
font-size: 5rem;
font-weight: bold;
line-height: 1.25;
margin-bottom: 0.5em;
color: #030F8A;
border-left: none;
text-indent: inherit;
background: none;
margin: 0 0 0 3%;
}
section.feature .wrap > section div.left h3 strong{
color: #007EFC;
}
section.feature .wrap > section div.right{
width:35%;
margin-left:0%;
text-align: center;
font-weight: bold;
}
section.feature .wrap > section div.right img{
width: auto;
height: auto;
max-height: 160px;
max-width: 250px;
margin-bottom:1em;
}
section.feature .wrap > section div.right p.catch{
text-align:left;
font-size: 4.2rem;
color: #030F8A;
}
section.feature .wrap > section div.right p.catch.mid{
font-size: 2.5rem;
}
section.feature .wrap > section div.right p.catch strong{
color: #F2B165;
font-size: 6.2rem;
}
section.feature .wrap > section div.right p.small{
color: #363636;
font-size: 1.4rem;
}

section.feature .wrap > section.under{
	display:flex;
	justify-content: space-between;
	align-items:flex-start;
}
section.feature .wrap > section.under h3{
display: inline-block;
margin-right:3%;
color: #030F8A;
font-size: 2.4rem;
padding: 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
    border: 4px solid #030F8A;
    border-radius:0.5em;
    font-weight: bold;
}
section.feature .wrap > section.under ul{
	display:flex;
	justify-content:flex-end;
	align-items:center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 57%;
}
section.feature .wrap > section.under ul li{
	display:flex;
	justify-content:flex-start;
	align-items: center;
    height: 30px;
    padding:0 0 0 40px;
    margin:0 0 1em 0;
    color: #363636;
    font-size: 1.8rem;
    font-weight: bold;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url("../images/feature_icon_chk.svg");
background-size: auto 30px;
background-repeat: no-repeat;
background-position: center left;
}
section.feature .wrap > section.under ul li:nth-child(odd){
width: 65%;
}
section.feature .wrap > section.under ul li:nth-child(even){
width: 35%;
}



/*==============================
ファクタリング情報
==============================*/
.page-module .ttl-flow {
background-image: url("../images/mv_back.svg");
background-repeat: repeat-x;
background-position: center center;
background-size:700px auto;
}


/*-----------------------
 nagare
-------------------------*/

section.nagare{
padding:0 0 10vw 0;
}
section.nagare p.nagare_read{
text-align: center;
padding:0;
font-size: 2.4rem;
font-weight: bold;
text-decoration: underline;
color:#fc6b00;
}

section.nagare .wrap > section{
display: flex;
  justify-content:space-between;
  align-items: center;
  margin:3vw auto 0 auto;
  max-width: 960px;
}
section.nagare .wrap > section .pic{
display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
}
section.nagare .wrap > section .right{
width: 800px;
font-weight: bold;
}
section.nagare .wrap > section h3{
font-size: 2.4rem;
color: #030f8a;
font-weight:bold;
letter-spacing: 2px;
margin-bottom: 0.5em;

line-height:1.5;
border-left:none;
text-indent:inherit;
background:none;
}
section.nagare .wrap > section .right .inner{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 1.25em;
font-size: 1.7rem;
color:#000;
line-height:2;
border: 1px solid #007efc;
}
section.nagare .wrap > section .right .inner .indm {
  text-indent: -1em;
  margin: 0 0 0 1em;
}



/*==============================
プライバシーポリシー
==============================*/
.page-module .ttl-policy {
background-image: url("../images/mv_back.svg");
background-repeat: repeat-x;
background-position: center center;
background-size:700px auto;
}
.l-policy .text-area .text-box p.ttl+p {
    margin-top:  5px;
}

.l-policy .text-area .text-box ul {
    margin-top:  0;
}

/*==============================
404
==============================*/
.page-module .ttl-sitemap {
background-image: url("../images/mv_back.svg");
background-repeat: repeat-x;
background-position: center center;
background-size:700px auto;
}



/*NEWS*/

.l-top .news {
	min-width: 1230px;
}

.l-top .news .news-list {
    padding: 20px 0px 20px;
    border-bottom: 1px solid #f4f4f4;
}

.l-top .news .news-list p.date {
    display: inline-block;
    margin-right: 70px;
}


.l-top .news .news-list p.ttl {
	display: inline-block;
	float: left;
	margin-right: 40px;
}



.l-top .news .news-area a {
    background: #fff;
    display: block;
	transition-duration: .2s;
}

.l-top .news .news-area a:hover {

	/*background: #f3fbff;*/

}


.l-top .news .news-list p.date {
    display: inline-block;
    margin-right: 40px;
    float: left;
}

.news-area .touchHover .news-list-top {
	padding: 25px 0px 0px;
    border-bottom: 1px solid #eee;
    /* background-color: white; */
    border-top: 1px solid #eee;
    }
.news-list-top {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.touchHover .news-list-top .news-btn {
	 width: 11px;
    margin-left: auto;
}

.touchHover .news-list .news-btn {
	    width: 11px;
    margin-left: auto;
}

.news-area {
        width: 930px;
    margin:50px auto 100px;
}

.news-area .news-list-top:last-child {
    border-bottom: 1px solid #eee;
}

.news-list-top {
    border-top: 1px solid #eee;
    padding: 15px 0;
}

.l-top .news .news-list-top p.date {
    display: inline-block;
    margin-right: 4vw;
    float: left;
    padding: 0 1em;
}

.l-top .news .news-list-top p.ttl {
	display: inline-block;
	float: left;
	margin-right: 4vw;
    padding: 0 1em;
}

p.categorys a,
p.categorys {
    float:  left;
    display:  inline-block;
    margin-right:2vw;
    background-color: #F2B165;
    color: #fff;
    font-size:  12px;
    font-weight: bold;
    text-align:  center;
        padding: 0 0.5em;
        -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-width: 124px;
}
p.categorys a{
    min-width:124px;
    margin: 0;
}

p.date {
    float: left;
    padding-right: 30px;
}

.news-list {
    padding-top: 25px;
    border-bottom: 1px solid #eee;
}
ul.tags {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    float: right;
}
ul.tags li{
margin:0 0.5em;
}
ul.tags li a{
font-size: 12px;
    padding: 0 2px;
    color: #FFF;
    background-color: #030F8A;
}


.l-company .overview-area iframe{
display: block;
width: 90%;
height:450px;
margin: 1em auto;
}



.l-contents .l-main .greeting{
width:95%;
margin:5em auto;
line-height:1.5;
}
.l-contents .l-main .greeting:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.l-contents .l-main .greeting .readme{
width: 70%;
float: left;
}
.l-contents .l-main .greeting .pics{
float: right;
margin:0 0 1em 0;
width: 25%;text-align: center;
}
.l-contents .l-main .greeting .pics p.pc{
margin-top: 1em;
display: block;
}
.l-contents .l-main .greeting p.txtR.sp{
text-align: right;
padding: 0 3em;
display: none;
}


@media only screen and (max-width: 1065px) {
section.hikaku .outer{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 3vw 0;
padding:1vw 0;
position: relative;
overflow-x: auto;
}
section.hikaku .outer:before{
content: "スクロール→";
color: #999;
right: 1em;
top: 0;
position: absolute;
}

}


@media only screen and (max-width: 1065px) {


section.feature .wrap > section div.no {
  font-size:2vw;
  width: 10%;
}
section.feature .wrap > section div.no strong {
  font-size:5vw;
}
section.feature .wrap > section div.left h3 {
  font-size: 5vw;
}
section.feature .wrap > section div.left {
  width: 55%;
}
section.feature .wrap > section div.right {
  width:35%;
  margin-left: 0%;
  text-align: center;
  font-weight: bold;
}
section.feature .wrap > section div.right img {
  max-height: 16vw;
  max-width: 25vw;
}
section.feature .wrap > section div.right p.catch {
  font-size:3.6vw;
}
section.feature .wrap > section div.right p.catch.mid {
  font-size: 2.6vw;
}
section.feature .wrap > section div.right p.catch strong {
  font-size:5.5vw;
}

section.feature .wrap > section.under h3 {
  margin-right:1%;
  font-size: 2vw;
}
section.feature .wrap > section.under ul {
  width:65%;
}
section.feature .wrap > section.under ul li {
  height: 3vw;
  padding: 0 0 0 4vw;
  margin: 0 0 1em 0;
  font-size: 1.8vw;
  background-size: auto 3vw;
}

section.feature {
  padding:10vw 0;
}
section.feature .wrap > section div.left {
padding-right: 2%;
}


section.nagare .wrap > section .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15vw;
  height:auto;
}
section.nagare .wrap > section .right {
  width:82vw;
}
section.nagare .wrap > section h3 {
  font-size:2.6vw;
}

}

@media only screen and (max-width: 768px) {
section.hikaku{
  padding:10vw 0;
}

section.nagare .wrap > section .right .inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:0.5em;
  font-size:2.4vw;
  color: #000;
  line-height: 1.5;
  border: 1px solid #007efc;
}
}

/* ======================================================================================================================== */
/* responsive
/* ======================================================================================================================== */
@media only screen and (max-width: 640px) {
.news-list-top {
	display:block;
}
.news-list-top:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.news-list-top p.ttl{
clear: both;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
line-height: 2;
}
ul.tags {
clear: both;
}
.news-area {
        width:100%;
    margin:50px auto 50px;
}

table.comparisontable.pc{display: none;}
a.comparisontable.sp{
display:block;
max-width: 100%;
height: auto;
}


p.linesns{
padding-left:26px;
position: relative;
color:#fff;
top:0;
left:0;
margin-top: 1em;
}

p.linesns a{
padding: 0 0.5em;
color:#FFF;
font-weight: bold;
text-decoration: underline;
}

p.linesns:before{
content: "";
position: absolute;
width:24px;
height:24px;
display: block;
background-image: url("../img/top/icon_linebt.png");
background-size: cover;
top: 0;
left: 0;
}



.page-module .page-ttl-box{
		min-width: 0;
	}
    
    
.page-module p.singleone,
.page-module h2 {
    color: #fff;
    font-size: 6vw;
}
.page-ttl-box .ttl-text.wrap {
    padding: 5vw 0;
}
.l-main h2.single_title,
.l-main h3 {
    font-size: 5vw;
    line-height:1.5;
	    padding:0.25em 0 0.25em 2vw;
    text-indent: 0;
}
.l-breadcrumb {
    padding: 3vw 0;
    margin: 0 0 6vw;
    line-height: 1;
}

/*==============================
会社概要
==============================*/

.l-company .text-area {
    padding:  0 0 40px;
}

.l-company .overview-area table tr th {
    display:  block;
    padding:  0;
    font-weight: bold;
}

.l-company .overview-area table tr {
    padding:  15px;
}

.l-company .overview-area iframe{
display: block;
width:100%;
height:60vh;
margin: 1em auto;
}



.l-contents .l-main .greeting{
width:100%;
margin:3em auto 5em auto;
line-height:1.5;
}
.l-contents .l-main .greeting:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.l-contents .l-main .greeting .readme{
width: 100%;
float:none;
}
.l-contents .l-main .greeting .pics{
float:none;
margin:0 auto 1em auto;
width: 100%;
text-align: center;
}
.l-contents .l-main .greeting .pics img{
max-width: 100%;
height: auto;
width: auto;
}
.l-contents .l-main .greeting .pics p.pc{
margin-top: 1em;
display:none;
}
.l-contents .l-main .greeting p.txtR.sp{
text-align: right;
margin: 2em 0 0 0;
padding: 0 1em;
display:block;
}


/*==============================
事業内容
==============================*/
.l-business .jump-area {
    flex-wrap:  wrap;
    padding:  0 0 30px;
}

.l-business .jump-area a {
    margin-bottom:  15px;
    padding: 15px 15px 15px 0;
    width:  100%;
    background: #52c7bd url(../img/page/business/business-img02.png)no-repeat right 6% top 50%;
}
.l-business .text-area .text-box ul li {
    flex-wrap:  wrap;
    padding:  25px;
}

.l-business .text-area .text-box ul li h5 {
    margin-bottom:  15px;
    width:  100%;
    font-size:  18px;
    font-weight:  bold;
    text-align:  center;
    color:  #030F8A;
}

.l-business .text-area .text-box ul li .img-box {
    width: 45%;
    margin: 0 auto;
}

.l-business .text-area .text-box ul li .text-box {
    width:  100%;
    margin-top:  15px;
}



section.feature .wrap > section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top:10vw;
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

section.feature .wrap > section div.no {
  font-size:1.4rem;
  width: 15%;
}
section.feature .wrap > section div.no strong {
  font-size:3.2rem;
}
section.feature .wrap > section div.left {
  width: 85%;
  padding: 0;
}
section.feature .wrap > section div.left h3 {
  font-size:3rem;
}
section.feature .wrap > section div.right {
  width:100%;
}
section.feature .wrap > section div.right img {
  max-height:80px;
  max-width:125px;
  margin: 1em auto;
}
section.feature .wrap > section div.right p.catch {
  font-size: 2rem;
  text-align: center;
}
section.feature .wrap > section div.right p.catch strong {
  font-size:4rem;
}

section.feature .wrap > section.under {
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
section.feature .wrap > section.under h3 {
  margin:0 0 1em 0;
  font-size:2rem;
  width: 100%;
}
section.feature .wrap > section.under ul {
  width:90%;
  margin:1em auto 0 auto;
}
section.feature .wrap > section.under ul li:nth-child(2n),
section.feature .wrap > section.under ul li:nth-child(2n+1) {
  width:100%;
  font-size: 1.6rem;
}

section.feature .wrap > section.under ul li {
  height:2rem;
  padding: 0 0 0 1.5em;
  margin: 0 0 1em 0;
  font-size: 1.8rem;
  background-size: auto 2rem;
}

	
/*==============================
紹介先の企業様募集
==============================*/
.l-recruitment .jump-area {
    flex-wrap:  wrap;
    padding:  0 0 30px;
}

.l-recruitment .jump-area a {
    margin-bottom:  15px;
    padding: 15px 15px 15px 0;
    width:  100%;
    background: #52c7bd url(../img/page/business/business-img02.png)no-repeat right 6% top 50%;
}
.l-recruitment .text-area .text-box ul li {
    flex-wrap:  wrap;
    padding:  25px;
}

.l-recruitment .text-area .text-box ul li h5 {
    margin-bottom:  15px;
    width:  100%;
    font-size:  18px;
    font-weight:  bold;
    text-align:  center;
    color:  #030F8A;
}

.l-recruitment .text-area .text-box ul li .img-box {
    width: 45%;
    margin: 0 auto;
}

.l-recruitment .text-area .text-box ul li .text-box {
    width:  100%;
    margin-top:  15px;
}	
	
/*==============================
スタッフ募集
==============================*/
	
.l-entry .contact-bnr {
    padding:  25px 0;
    text-align:  center;
}

.l-entry .contact-bnr p {
    font-size:  3.5vw;
}

.l-entry .contact-bnr p.tel {
    width: 80%;
    padding: 2.5vw 0;
}

.l-entry .contact-bnr p.time {
    font-size:  3.3vw;
}

.l-entry .contact-bnr p.tel img {
    width:  100%;
    max-width: 310px;
}

.l-entry .form-area {
    padding: 10px 25px;
}

.l-entry table tr {
    padding: 15px 0;
}

.l-entry table tr th {
    min-width:  100%;
    padding-bottom:  15px;
    display: block;
}

.l-entry table tr th span {
    margin-right:  10px;
}

.l-entry table tr td input[type="text"] {
    width:  100%;
}

.l-entry table tr td {
    display:  block;
}

.l-entry table tr td > * {
    display:  block;
    padding: 10px 0;
}

.l-entry table tr td input[type="text"].age {
    display:  inline-block;
}

.l-entry table tr td select.time {
    display:  inline-block;
}

.l-entry .form-area .submit-area {
    padding:  20px 0;
}

.l-entry .form-area .submit-area input[type="submit"] {
    width: 65%;
    padding: 10px 0;
}


.l-entry .phonebox>div.leftbox{
width:100%;
margin-bottom:2em;
font-size: 16px;
}
.l-entry .phonebox>div.rightbox{
width:100%;
color: #030F8A;
font-size: 12px;
}
.l-entry .phonebox>div.rightbox a{
font-size:20px;
color: #030F8A;
font-weight: bold;
line-height: 1;
}
.l-entry .phonebox>div.rightbox img{
float: left;
margin-right: 1em;
max-width:40px;
height: auto;
}

.l-entry .phonebox>div h4{
font-size:20px;
color: #030F8A;
}

.l-entry .wf span.mwform-radio-field{
max-width: 47%;
margin:0 2% 0 0;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.l-entry table tr{
clear: both;
}
.l-entry table tr:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*==============================
プライバシーポリシー
==============================*/

.l-policy .text-area .text-box p.ttl+p {
    margin-top:  5px;
}

.l-policy .text-area .text-box ul {
    margin-top:  0;
}
	
/*==============================
l-404
==============================*/
.l-404 section.text-area {
    padding: 9.375vw 0;
}

.l-404 section.text-area p {
    margin-bottom: 4.6875vw;
}



section.nagare .wrap > section {
  display: flex;
  justify-content:center;
  align-items: center;
  margin: 3vw 0 0 0;
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
section.nagare .wrap > section .right {
  width:100%;
}
section.nagare .wrap > section h3 {
  font-size:1.8rem;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: center;
}
section.nagare .wrap > section .right .inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:1.5em 0.5em;
  font-size:1.4rem;
  letter-spacing: 0;
  color: #000;
  line-height: 1.5;
  border: 1px solid #007efc;
  margin-bottom: 2em;
}
section.nagare .wrap > section .right .inner br{
display: none;
}


section.nagare p.nagare_read{
font-size:1.8rem;
}
section.nagare .wrap > section .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height: auto;
  margin-bottom: 1em
}



section.hikaku h2 div {
  min-width:100%;
}
section.hikaku h2 div p:nth-of-type(2) {
  font-size:2.4rem;
}
section.hikaku .inner {
display: none; 
}
section.hikaku .sp{
display: block;
padding:1.5em 0 1em 0;
}
section.hikaku .sp img{
width: auto;
height: auto;
max-height:550px;
}
}

@media only screen and (max-width: 320px) {

}
.top-image img,
.buttons img {
    display: block; /* ブロック要素として表示 */
    max-width: 100%; /* 親要素の幅に合わせる */
    height: auto; /* 高さを自動調整 */
}

.buttons {
    display: flex;
    justify-content: space-between; /* ボタン間のスペースを均等に分配 */
}

.buttons a {
    flex: 1; /* ボタンが均等な幅になるように設定 */
    margin: 0 5px; /* ボタン間のマージンを設定 */
}

.purchase-news {
padding: 0px 20px 20px 20px;
}

.purchase-news h2,
.purchase-news dl {
    color: black;
    margin: 0; /* マージンをリセット */;
}

.purchase-news h2 {
text-align:left;
    padding-bottom: 20px;
    font-size: 18px;
}
.purchase-news  .txt18 {
text-align:left;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight:bold;
}

.purchase-news dl {
    list-style: inside;
    font-weight: bold;
}

.purchase-news dd {
padding-left: 0px;
margin-bottom: 0px;
font-size: 16px;
font-weight: normal;
color: rgb(51, 51, 51);
font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

.purchase-news dt {
padding-left: 20px;
margin-bottom: 0px;
font-size: 16px;
font-weight: normal;
color: rgb(51, 51, 51);
font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

.inside-column-top-text{
    padding: 15px 20px 20px 20px;
}

.sp-ul-11 dd{
line-height: 16px;
}

.sp-ul-11 dt{
line-height: 16px;
}

@media (min-width: 769px) {
.sp-ul-11{
display:none;
font-size: 16px;
}

.pc-ul-11 div {
  display: flex;
}
.purchase-news dd {
margin-left: 0;
}

.purchase-news dt {
  width: 300px; /* 必要に応じて調整してください */
  margin-right: 20px; 
}
}

@media (max-width: 768px) {
.purchase-news {
padding: 20px 0px 0px 20px;
}
.purchase-news h2 {
    padding-bottom: 20px;
}
.inside-column-top-text{
padding:0;
}
.pc-ul-11{
display: none;
}

.purchase-news dd {
padding-left: 0px;
margin-bottom: 35px;
font-size: 16px;
}

.purchase-news dt {
padding-left: 0px;
margin-bottom: 18px;
font-size: 16px;
}

.buttons {
           display: block;
    }
    
.purchase-news h2,
.purchase-news dl {
    font-size: 16px;
}
}

/*==============================
コラム事業者テーブル
==============================*/
.column-app-table {
    width: 98%;
    font-size: 15px;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    margin-bottom: 2em;
}

.column-app-table,
.column-app-table th,
.column-app-table td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: .5em .75em;
}

.column-app-table th {
    background-color: #f5f5f5;
    font-weight: bold;
}

.column-app-table a {
    color: #093bc9;
    text-decoration: underline;
}

.com-name-col {
    width: 35%
}

.scrollable-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.scrollable-upper-subs {
    display: none;
}

@media (max-width: 768px) {
    .scrollable-upper-subs {
        display: block;
        text-align: right;
        font-size: 12px;
        font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    }
}

/*==============================
入金テーブル
==============================*/

.payment-table {
    width: 98%;
    font-size: 15px;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    margin-bottom: 2em;
}

.payment-table,
.payment-table th,
.payment-table td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: .5em .75em;
}

.payment-table th {
    background-color: #f5f5f5;
    font-weight: bold;
}

/*==============================
ボックス
==============================*/

.box01-container {
    /* max-width: 800px; */
    width: 98%;
    border: 1px solid #000;
    /* padding: 20px; */
    /* margin: 20px; */
    margin-top: 35px;
    margin-bottom: 35px;
    font-family: sans-serif;
    position: relative;
}

.box01-title {
    background: #000;
    color: #fff;
    padding: 2px 10px;
    display: inline-block;
    font-size: 15px;
    position: absolute;
    top: -15px;
    left: 20px;
}

.box01-checklist {
    padding: 20px;
    padding-bottom: 5px;
    margin-top: 20px;
}

/*==============================
h3をh2に変更
==============================*/

.l-main h1.the_title,
.l-main.single h2.the_title{
    font-size: 21px;
    font-weight: 600;
    line-height:1.5;
    margin:0 auto 2em auto;
    background-color: #fff;
    padding:0.5em 0 0.5em 2.5em;
    border-left: none;
    text-indent: inherit;
    background-image: url("../images/icon_title.svg");
    background-position:center left;
    background-repeat: no-repeat;
    background-size:auto 35px;
    color: #030e8a;
    border-bottom: 2px solid #030e8a;
}
.l-main.single h1.the_title{
	margin:0 0 1em 0;
    text-align: initial;
}

/*==============================
記事内のaタグの変更
==============================*/
.l-company .text-area .text-box a:link{
  color:#0000ee;
}
.l-company .text-area .text-box a:visited{
  color:#0000ee;
}

.l-company .text-area .text-box a:hover, a:active, a:focus {
  text-decoration: none;
  color:#039;
}

.l-company.l-recruitment .text-area .text-box #toc_container ul li::before {
    content: "";
}
.l-company .text-area .text-box #toc_container ul li::before {
    content: "";
}

.l-company.l-recruitment .text-area .text-box #toc_container a {
    color: #333;
}
.l-company .text-area .text-box #toc_container a {
    color: #333;
}