@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);

* {margin:0; padding:0; box-sizing:border-box;}
body {color:#1f1f1f; font-family:"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Noto Sans Japanese", sans-serif;}
img {width:100%;}
ul {list-style-type:none;}

.blue {color:#00498e;}
.bold {font-weight:700 !important;}

/* cf */
.cf:before, #cp_top .cf:after {content:""; display:block;	overflow:hidden;}
.cf:after {clear:both !important;}
.cf {zoom:1;}



/*********************************
 * ～750
 *********************************/

@media screen and (max-width:750px){
	
body {-webkit-text-size-adjust:100%; font-size:3.4vw;}
.pc {display:none;}

.cv_btn {margin:2.2em auto 0 auto; line-height:1;}
.cv_btn a {display:block; background:#fff; border:3px solid #00b03e; border-radius:1.1em; box-shadow: 0 0.3em 0 0 rgba(142,204,135,0.4); text-align:center;}
.cv_btn img {width:76%;}


/* header */
header {background:#f3f3f3;}
header .inner {display:flex;}
header .inner .logo {width:84%; top:0; left:0; font-size:0;}
header .inner .btn {top:0; right:0; width:16%; background:linear-gradient(to right, #0051bc 20%, #01449d 70%);}
header .inner .btn a {display:block; color:#fff; font-size:60%; font-weight:700; text-decoration:none; text-align:center;}
header .inner .btn span {display:block; padding:5.1em 0 0 0; background:url(../images/icon_mail-sp.png) center 1em no-repeat; background-size:45% auto;}
header .tel {font-size:0;}

/* mv */
#mv {font-size:0;}
  
/* campaign */
#campaign {padding:3.2em 0 4.2em 0; background:url(../images/camp_bg-sp.jpg) center top no-repeat; background-size:contain;}
#campaign .inner {width:88%; margin:0 auto;}
#campaign h2 {}
#campaign ul {margin:-3% 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
#campaign ul li {width:48%; margin:3% 0 0 0;}
#campaign .img01 {margin:0 0 0 0; overflow: hidden; font-size: 0;}
#campaign .img02 {margin:8vw 0 0 0; overflow: hidden; font-size: 0;}
#campaign .img03 {margin:0% 0 0 0; overflow: hidden; font-size: 0;}
#campaign .img04 {margin:2vw 0 0 0; overflow: hidden; font-size: 0;}

  
/* service */
#service {padding:3.2em 0 4em 0; background:linear-gradient(to right, #0051bc 30%, #01449d 70%);}
#service .inner {width:88%; margin:0 auto;}
#service ul {display:flex; padding:1.5% 0 0 0; flex-wrap:wrap;}
#service ul li {width:100%; margin:4% 0 0 0; padding:0.7em 0; border:2px solid #fff; border-radius:1em; color:#fff; font-weight:500; text-align:center;}
#service ul li:nth-child(9),
#service ul li:nth-child(10) {line-height:2.7;}
#service ul li span {font-size:125%; font-weight:600;} 

/* subcontracting */
#subcontracting {padding:3.5em 0 5em 0; background:url(../images/bg1-sp.png) repeat-y; background-size: 100% auto;}
#subcontracting .inner {width:88%; margin:0 auto;}
#subcontracting .inner dl.subList {overflow:hidden; margin:2.2em 0 0 0; background:#009133; border:3px solid #009133; border-radius:1.2em;}
#subcontracting .inner h2 + dl.subList {margin:0.5% 0 0 0;}
#subcontracting .inner dl.subList > dt {padding:1% 0 0 0; color:#fff; font-size:165%; font-weight:700; line-height:1.3; text-align:center;}
#subcontracting .inner dl.subList dd {padding:0; background:#fff;}
#subcontracting .inner dl.subList dd > dl {overflow:hidden; width:100%; margin:0 auto; }
#subcontracting .inner dl.subList dd > dl dt { display: inline-block; width: 100%; padding:0 0; color:#000; font-size:110%; line-height:1.3; font-weight:700; text-align: left; vertical-align: top; background: #fff; }
#subcontracting .inner dl.subList dd > dl dd { display: inline-block; width: 100%;padding: 3vw 0 0 0; color:#003d93; font-size:110%; line-height:1.2; text-align:center; background: #fff; }

#subcontracting .inner dl.subList div.cnt { width: 95%; margin: 0 auto; padding: 0 0 3% 0; }
#subcontracting .inner dl.subList div.cnt img { padding: 4% 0 2% 0; }
#subcontracting .inner dl.subList div.cnt p span { color: #ff0000; }
#subcontracting .inner dl.subList div.cnt p { font-size:120%; padding: 0.5em 0 0 0; font-weight:700; vertical-align: top; text-align: center; }
#subcontracting .inner dl.subList div.cnt p.tlft { text-align: left; padding: 0 0 0 1em; text-indent: -1em; }
#subcontracting .inner dl.subList dd div p.cnt5 { color: #009133; font-size: 120%; font-weight: 700; }
#subcontracting .inner dl.subList div.cnt ul.cnt5 { } 
#subcontracting .inner dl.subList div.cnt ul.cnt5 {padding:0 0 0 1em; text-indent: -0.5em; color:#000; font-size:120%;}
#subcontracting .inner dl.subList div.cnt ul.cnt5 li {margin:0.2em 0; font-weight: 600;}
#subcontracting .inner dl.subList div.cnt ul.cnt5 li::before {display:inline-block; content:"●"; margin:0 0.1em 0 0; color:#e9e368;}

#subcontracting .inner dl.subList div.bus { margin: 2% 0 0 0; border: 3px solid #00429b; border-radius: 0.8em; overflow: hidden; }
#subcontracting .inner dl.subList div.bus strong { display: block; background: #00429b; color: #fff; line-height: 2.5em; text-align: center; font-size: 130%; font-weight: 700; }


/* request */
#request {padding:2.6em 0;}
#request .inner { width:88%; max-width: 1106px; margin:0 auto;}
#request .inner h2 { }
#request .inner .btn .cv_btn { margin: 0.8em auto; }
#request .inner .img { padding: 2em 0 0 0; }

/* business */
#business {padding:0 0 0 0;}
#business h2 {width:88%; margin:0 auto;}
#business .slider {width:82%; margin:4% auto;}
#business .slider dl {}
#business .slider dl dt {color:#000; background: #ffff00; padding: 0 0.5em; margin: 0 0 0.25em 0; font-size:125%; font-weight:700; border-radius: 0.3em;}
#business .slider dl dd {padding:0.3em 0 0 0;}
#business .slider dl dd ul {padding:0 0 0 0; color:#000;}
#business .slider dl dd ul li {padding:0.2em 0.6em 0; font-size: 1.3em; }
#business .inner {width:88%; margin:0 auto; padding:0 0 6em 0;}
#business .inner .btn {margin:4em auto 0 auto; line-height:1;}
#business .inner .btn a {display:block; background:#fff; border:3px solid #003d93; border-radius:1.1em; box-shadow: 0 0.3em 0 0 rgba(255,255,255,0.2); text-align:center;}
#business .inner .btn img {width:74%;}
.slick-prev {top:50%; left:-11%; width:10%; height:20vw; background:url(../images/icon_prev.png) center center no-repeat !important; background-size:42% auto !important; z-index:+1;}
.slick-next {top:50%; right:-11%; width:10%; height:20vw; background:url(../images/icon_next.png) center center no-repeat !important; background-size:42% auto !important; z-index:+1;}
#business .busList .img { border-radius: 3vw; font-size: 0; overflow: hidden; }
  
/* comSystem */
#comSystem {padding:0 0 0 0; }
#comSystem .inner {width:88%; margin:0 auto;}
#comSystem .inner .lead {margin:4.2% 0 0 0; color:#fff; font-size:95%; letter-spacing:0.05em; text-align:center;}
#comSystem .inner .img {margin:2% 0 0 0;}
#comSystem .inner .child { display:flex; padding:0 0 0 0; flex-wrap:wrap; align-items:start; justify-content:space-between;  }
#comSystem .inner .child > div { float: left; width: 47%; margin: 0; padding: 6% 0 0 0; }
#comSystem .inner .child > div p.n { margin: 0.5em 0 0 0; font-size: 0.75em; font-weight: 700; }
#comSystem .inner .child > div p.n strong { display: block; font-size: 1.3em; }
#comSystem .inner .child > div p.n span { display: block; font-size: 1.1em; }
#comSystem .inner .child > div p.p { margin: 1em 0 0 0; font-size: 0.75em; font-weight: 400; }
#comSystem .inner .child > div p.p strong { display: block; font-size: 1.1em; color: #00b03e; }
#comSystem .inner .btn { padding: 2% 0 0 0; clear: both; }


/* voice */
#voice {padding:3.2em 0 0 0; clear: both;}
#voice .inner {width:88%; margin:0 auto;}
#voice .inner dl {overflow:hidden; margin:5.5% 0 0 0; background:#e6f7eb; border:2px solid #00b03e; border-radius:1.1em;}
#voice .inner h2 + dl {margin:0.8% 0 0 0;}
#voice .inner dl dt {padding:0.7em; border-bottom:1px dotted #00b03e; color:#00b03e; font-size:145%; font-weight:700; line-height:1.2;}
#voice .inner dl dd {padding:1em 1.5em 1.5em 1.5em; background:#fff; font-size:110%; line-height:1.7; text-align:justify; text-justify:inter-ideograph;}
#voice .inner dl dd .name {margin:1.2em 0 0 0; font-size:90%; font-weight:700;}
  
/* faq */
#faq {padding:3.5em 0;}
#faq .inner {width:88%; margin:0 auto;}
#faq .inner dl {overflow:hidden; margin:5.5% 0 0 0; border:2px solid #00b03e; border-radius:1em;}
#faq .inner h2 {width:104.2%; margin:0 0 0 -2.1%;}
#faq .inner h2 + dl {margin:0.8% 0 0 0;}
#faq .inner dl dt {padding:0.7em 1em 0.7em 3.2em; background:url(../images/icon_q-sp.png) 0.7em 0.8em no-repeat; background-size:9% auto; border-bottom:1px solid #00b03e; color:#000; font-size:122%; font-weight:700; line-height:1.3;}
#faq .inner dl dd {padding:1em 1.2em 1em 3.7em; background:url(../images/icon_a-sp.png) 0.9em 1.2em no-repeat; background-size:9% auto; font-size:110%; line-height:1.7; text-align:justify; text-justify:inter-ideograph;}
#faq .inner dl dd p { padding: 1em 0 0 1em; text-indent: -1em; }
#faq .inner dl dd p+p { padding: 0 0 0 1em; text-indent: -1em; }
#faq .inner dl dd p span { font-weight: 700; }
#faq .inner dl dd p span a { color: #00b03e !important; text-decoration: none; }


/* contact */
#contact {padding:2.5em 0 3em 0; background:url(../images/cnt_bg.jpg) center top no-repeat; background-size:cover;}
#contact .inner {width:88%; margin:0 auto;}
#contact .inner .lead {margin:1em 0 0 0; color:#fff; letter-spacing:0.05em; line-height:1.4; text-align:center;}
#contact .inner .lead span {color:#e7e366; font-size:120%;}
#contact .inner dl {margin:8% 0 0 0;}
#contact .inner dl dt {padding:0 0 0.9em 0; border-bottom:1px solid #fff; text-align:right;}
#contact .inner dl dt .article {color:#fff; font-size:85%; font-weight:700; text-align:center;}
#contact .inner dl dt .tel {margin:4% 0 0 0;}
#contact .inner dl dd {padding:1.3em 0 0 0;}
#contact .inner dl dd .article {color:#fff; font-size:85%; font-weight:700; text-align:center;}
#contact .inner dl dd .btn {margin:4% 0 0 0;}
#contact .inner dl dd .btn a {display:block; width:14em; margin:0 auto; background:linear-gradient(to right, #0051bc 10%, #01449d 70%); color:#fff; font-size:120%; font-weight:700; line-height:3.6em; text-decoration:none; text-align:center;}
#contact .inner dl dd .btn span {padding:1em 0 1em 2.8em; background:url(../images/icon_mail-sp.png) left center no-repeat; background-size:auto 2.2em;}


/* flow */
#flow {padding:3.5em 0 5em 0; background:url(../images/bg2-sp.png) repeat-y; background-size: 100% auto;}
#flow .inner {width:88%; margin:0 auto;}
#flow .inner dl.subList {overflow:hidden; padding: 4% 2%; margin:0 0 0 0; background:#fdfff2; border:3px solid #00b03e; border-radius:1.2em;}
#flow .inner h2 { padding: 0 0 3vw 0; }
#flow .inner h2 + dl.subList {margin:0.5% 0 0 0;}
#flow .inner dl.subList dt { padding: 0 1.7%;}
#flow .inner dl.subList dd { margin: 0 0 0 0; padding: 0 1.7% 0 1.7%; /*border-top: 1px solid #00b03e;*/}
#flow .inner dl.subList .w { width: 100%; margin: 0; padding: 0 1.7%; border-top: none; }

#flow .inner dl.subList img { width: 100%; }
#flow .inner dl.subList .btn {padding: 3% 0;}
#flow .arrow { display: block; height: 8.66vw; width: 80vw; margin: 0 auto; background: url(../images/flow_arrow.png) center top no-repeat; background-size: contain; }
#flow .txt01 { padding: 0.5em; font-size: 1.2em; font-weight: 700; }
#flow .inner .subF { margin: 12% 0 0 0 !important; }





/* ad */
#ad {padding:3em 0 0 0;}
#ad .inner {width:88%; margin:0 auto;}
#ad .inner h4 {color:#004194; font-size:130%; line-height:1.4; text-align:center;}
#ad .inner h4 a {color:#004194; border-bottom:2px solid #004194; text-decoration:none;}
#ad .inner .img {margin:8% 0 0 0;}
#ad .inner .btn {margin:1.5em auto 0 auto; line-height:1;}
#ad .inner .btn a {display:block; background:#fff; border:3px solid #003d93; border-radius:1.1em; box-shadow: 0 0.3em 0 0 rgba(0,0,0,0.1); text-align:center;}
#ad .inner .btn img {width:74%;}
  
/* pagetop */
#pagetop {width:17.6%; margin:0 auto; padding:1.8em 0 1em 0;}
#pagetop a {display:block;}
  
/* footer */
footer {padding:2em 0 2em 0; background:#f5f5f5;}
footer .inner {text-align:center;}
footer .inner .logo {width:37%; margin:0 auto;}
footer .inner dl {}
footer .inner dl dt {padding:1.6em 0 0 0; text-align:center;}
footer .inner dl dt img {width:88%;}
footer .inner dl dd {padding:1% 0; font-size:85%; font-weight:700; text-align:center;}
footer .inner dl dd .name {font-size:120%;}
footer .inner dl dd .note {margin:0.2em 0 0 0; font-size:85%; font-weight:400;}
footer .inner dl a {color:#1f1f1f; text-decoration:none;}
footer .copy {margin:1em 0 0 0; font-size:65%; font-weight:700; text-align:center;}

}



/*********************************
 * 751～
 *********************************/

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

body {font-size:17px;}
a img {transition:0.3s; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
a img:hover {opacity:0.7; cursor:pointer;}
a[href*="tel:"] {pointer-events:none; cursor:default; text-decoration:none;}
.sp {display:none;}

.cv_btn {width:50%; max-width:530px; margin:4.8% auto 0 auto; line-height:1;}
.cv_btn a {display:block; background:linear-gradient(to right, #fff 50%, #ede671 50%); background-size:200% auto; background-position:left top; border:3px solid #00b03e; border-radius:1.8em; box-shadow: 0 0.3em 0 0 rgba(142,204,135,0.4); text-align:center; transition:0.3s;}
.cv_btn a:hover {background-position:-100% 0;}
.cv_btn img {width:76%; max-width:435px; opacity:1;}

/* header */
header {height:80px; background:#f3f3f3;}
header .inner {position:relative; width:100%; max-width:1380px; margin:0 auto;}
header .inner .logo {position:absolute; width:436px; top:0; left:3.6%; font-size:0;}
header .inner .tel {position:absolute; top:0; right:15%; width:456px; font-size:0;}
header .inner .btn {position:absolute; top:0; right:0; width:15%; max-width:206px;}
header .inner .btn a {display:block; background:linear-gradient(to right, #0051bc 20%, #01449d 70%); color:#fff; font-size:90%; line-height:80px; text-decoration:none; text-align:center; transition:opacity 0.3s;}
header .inner .btn a:hover {opacity:0.7;}
header .inner .btn span {padding:1em 0 1em 3.2em; background:url(../images/icon_mail.png) left center no-repeat; background-size:36px auto;}

/* mv */
#mv {background:linear-gradient(to right, #fff 50%, #fff 50% 100%); font-size:0;}
#mv .inner {width:100%; max-width:1380px; margin:0 auto; background:url(../images/mv_bg.jpg) right center no-repeat; background-size:auto 100%;}
#mv .inner h1 {width:91.4%; max-width:1260px; margin:0 auto;}
  
/* campaign */
#campaign {padding:3.2em 0 5em 0; background:url(../images/camp_bg.jpg) center top no-repeat; background-size:contain;}
#campaign .inner {width:80%; max-width:1080px; margin:0 auto;}
#campaign h2 {}
#campaign .img01 {width:102%; max-width:1100px; margin:0 0 0 -1%; overflow: hidden; font-size: 0;}
#campaign .img02 {width:102%; max-width:1100px; margin:0 0 0 -1%; overflow: hidden; font-size: 0;}
#campaign .img03 {width:102%; max-width:1100px; margin:0% auto 0 auto; overflow: hidden; font-size: 0;}
#campaign .btn {width:50%; max-width:530px; margin:3.8% auto 0 auto; line-height:1;}
#campaign .btn a {display:block; background:linear-gradient(to right, #fff 50%, #ede671 50%); background-size:200% auto; background-position:left top; border:3px solid #003d93; border-radius:1.8em; box-shadow: 0 0.4em 0 0 rgba(255,255,255,0.2); text-align:center; transition:0.3s;}
#campaign .btn a:hover {background-position:-100% 0;}
#campaign .btn img {width:73%; max-width:380px; opacity:1;}
  
/* service */
#service {padding:4em 0 5.5em 0; background:linear-gradient(to right, #0051bc 30%, #01449d 70%);}
#service .inner {width:80%; max-width:1080px; margin:0 auto;}
#service ul {display:flex; padding:1.1% 0 0 0; flex-wrap:wrap; align-items:center; justify-content:space-between;}
#service ul li {width:49.1%; margin:1.9% 0 0 0; padding:0.5em 0 0.7em 0; border:2px solid #fff; border-radius:1em; color:#fff; font-size:115%; font-weight:500; text-align:center;}
#service ul li:nth-child(9),
#service ul li:nth-child(10) {line-height:2.7;}
#service ul li span {font-size:140%; font-weight:600;}


/* subcontracting */
#subcontracting {padding:4.2em 0 5em 0; background:url(../images/bg1.png) repeat-y; background-size: 100% auto; }
#subcontracting .inner {width:80%; max-width:1080px; margin:0 auto;}
#subcontracting .inner dl.subList {overflow:hidden; margin:3% 0 0 0; background:#009133; border:3px solid #009133; border-radius:1.8em;}
#subcontracting .inner h2 + dl.subList {margin:1.7% 0 0 0;}
#subcontracting .inner dl.subList > dt {padding:1% 0 0 0; color:#fff; font-size:230%; font-weight:500; text-align:center;}
#subcontracting .inner dl.subList dd {padding:0 0 0 0; background:#fff;}
#subcontracting .inner dl.subList dd > dl {overflow:hidden; width:92%; max-width:980px; margin:0 auto; }
#subcontracting .inner dl.subList dd > dl dt { display: inline-block; width: 60%; padding:0 0; color:#000; font-size:145%; font-weight:600; vertical-align: top; text-align: left; }
#subcontracting .inner dl.subList dd > dl dd { display: inline-block; width: 39%;padding:0 0; color:#003d93; font-size:145%; text-align:right; }
#subcontracting .inner dl.subList div.cnt { width: 95%; margin: 0 auto; padding: 0 0 3% 0; }
#subcontracting .inner dl.subList div.cnt .img { padding: 4% 0 2% 0; }
#subcontracting .inner dl.subList div.cnt p span { color: #ff0000; }
#subcontracting .inner dl.subList div.cnt p { font-size:145%; padding: 1em 0 0.5em 0; font-weight:700; vertical-align: top; text-align: center; }
#subcontracting .inner dl.subList div.cnt>img { padding: 0; margin: 0 0 0 0; overflow: hidden; font-size: 0; }
#subcontracting .inner dl.subList div.cnt p.tlft { text-align: left; padding: 0 0 0 1em; text-indent: -1em; }
#subcontracting .inner dl.subList dd div p.cnt5 { color: #009133; font-size: 160%; font-weight: 700; }
#subcontracting .inner dl.subList div.cnt ul.cnt5 { background: url(../images/sub_img05.jpg) right center no-repeat; background-size: contain; } 
#subcontracting .inner dl.subList div.cnt ul.cnt5 {padding:0 0 0 0; color:#000; font-size:145%;}
#subcontracting .inner dl.subList div.cnt ul.cnt5 li {margin:0.2em 0; font-weight: 600;}
#subcontracting .inner dl.subList div.cnt ul.cnt5 li::before {display:inline-block; content:"●"; margin:0 0.1em 0 0; color:#e9e368;}
#subcontracting .inner dl.subList div.cnt .c9txt { padding: 1em 0 0.5em 5em; }

#subcontracting .inner dl.subList div.bus { margin: 2% 0 0 0; border: 3px solid #00429b; border-radius: 1.2em; overflow: hidden; }
#subcontracting .inner dl.subList div.bus strong { display: block; background: #00429b; color: #fff; line-height: 2.5em; text-align: center; font-size: 150%; font-weight: 700; }

/* request */
#request {padding:3.2em 0; }
#request .inner { width:80%; max-width: 1106px; margin:0 auto;}
#request .inner h2 { }
#request .inner .btn .cv_btn { margin: 1.2em auto; }
#request .inner .img { padding: 2em 0 0 0; }

  
/* business */
#business {padding:0; background: #fff }
#business h2 {width:80%; max-width:1080px; margin:0 auto;}
#business .slider {display:flex; width:95%; max-width:1080px; margin:0 auto; padding:0 0 2% 0; flex-wrap:wrap; justify-content:space-between;}
#business .slider dl {width:24%; margin:2% 0 0 0;}
#business .slider dl:nth-child(1) { order: 1; }
#business .slider dl:nth-child(2) { order: 5; }
#business .slider dl:nth-child(3) { order: 2; }
#business .slider dl:nth-child(4) { order: 6; }
#business .slider dl:nth-child(5) { order: 3; }
#business .slider dl:nth-child(6) { order: 7; }
#business .slider dl:nth-child(7) { order: 4; }
#business .slider dl:nth-child(8) { order: 8; }
#business .slider dl dt {color:#000; background: #ffff00; padding: 0.5em 0.25em; margin: 0 0 0.5em 0; font-size:0.85em; line-height: 1em; font-weight:700; border-radius: 0.3em;}
#business .slider dl dd {padding:0 0 0 0; font-size:0.85em;}
#business .slider dl dd ul {padding:0 0 0 0; color:#000;}
#business .slider dl dd ul li {margin:0.3em 0.3em 0 0.3em;}
#business .slider dl dd ul li::before {display:inline-block; margin:0 0.1em 0 0; color:#a51919;}

  
/* comSystem */
#comSystem {padding:0 0 0 0;}
#comSystem .inner {width:80%; max-width:1080px; margin:0 auto;}
#comSystem .inner .lead {margin:2.5% 0 0 0; color:#fff; letter-spacing:0.05em; text-align:center;}
#comSystem .inner .img {margin:1.6% 0 0 0;}
#comSystem .inner .child { display:flex; padding: 2% 0 0 0; flex-wrap:wrap; align-items:start; justify-content:space-between; }
#comSystem .inner .child > div { width: 23%; margin: 0; padding: 0 0 2% 0; }
#comSystem .inner .child > div p.n { margin: 0.5em 0 0 0; font-size: 0.8em; font-weight: 700; }
#comSystem .inner .child > div p.n strong { display: block; font-size: 1.4em; }
#comSystem .inner .child > div p.n span { display: block; font-size: 1.2em; }
#comSystem .inner .child > div p.p { margin: 1em 0 0 0; font-size: 0.8em; font-weight: 400; }
#comSystem .inner .child > div p.p strong { display: block; font-size: 1.2em; color: #00b03e; }
#comSystem .inner .btn { padding: 1.6% 0 0 0; clear: both; }


/* voice */
#voice {padding:4.2em 0 0 0; }
#voice .inner {width:80%; max-width:1080px; margin:0 auto;}
#voice .inner dl {overflow:hidden; margin:3.5% 0 0 0; background:#e6f7eb; border:2px solid #00b03e; border-radius:1.2em;}
#voice .inner h2 + dl {margin:0.8% 0 0 0;}
#voice .inner dl dt {padding:0.6em 0.8em 0.4em 0.8em; border-bottom:1px dotted #00b03e; color:#00b03e; font-size:180%; font-weight:700;}
#voice .inner dl dd {padding:1em 1.15em 1.5em 1.15em; background:#fff; font-size:125%; letter-spacing:0.05em; line-height:1.7; text-align:justify; text-justify:inter-ideograph;}
#voice .inner dl dd .name {margin:1.2em 0 0 0; font-size:85%; font-weight:700;}


/* faq */
#faq {padding:4.2em 0 3.2em 0;}
#faq .inner {width:80%; max-width:1080px; margin:0 auto;}
#faq .inner dl {overflow:hidden; margin:3.5% 0 0 0; border:2px solid #00b03e; border-radius:1.2em;}
#faq .inner h2 + dl {margin:0.8% 0 0 0;}
#faq .inner dl dt {padding:1.2em 1em 1.2em 3.2em; background:url(../images/icon_q.png) 1em 1.15em no-repeat; border-bottom:2px solid #00b03e; color:#000; font-size:150%; font-weight:700;}
#faq .inner dl dd {padding:1em 1.2em 1.5em 4.8em; background:url(../images/icon_a.png) 1.5em 1.4em no-repeat; letter-spacing:0.05em; line-height:1.7; text-align:justify; text-justify:inter-ideograph;}
#faq .inner dl dd p { padding: 1em 0 0 1em; text-indent: -1em; }
#faq .inner dl dd p+p { padding: 0 0 0 1em; text-indent: -1em; }
#faq .inner dl dd p span { font-weight: 700; }
#faq .inner dl dd p span a { color: #00b03e; }

/* contact */
#contact {padding:2.8em 0 0 0; background:url(../images/cnt_bg.jpg) center top no-repeat; background-size:cover;}
#contact .inner {width:80%; max-width:1080px; margin:0 auto;}
#contact .inner .lead {margin:1.6% 0 0 0; color:#fff; font-size:110%; letter-spacing:0.05em; line-height:1.4; text-align:center;}
#contact .inner .lead span {color:#e7e366; font-size:140%;}
#contact .inner dl {display:table; width:100%; margin:3.5% 0 0 0;}
#contact .inner dl dt {display:table-cell; width:50%; padding:0 1.5em 4.8% 0; border-right:1px solid #fff; text-align:right;}
#contact .inner dl dt .article {padding:0 0 0 4em; color:#fff; font-size:95%; font-weight:700; text-align:center;}
#contact .inner dl dt .tel {margin:7% 0 0 0;}
#contact .inner dl dt .tel img {width:82%; max-width:416px;}
#contact .inner dl dd {display:table-cell; width:50%;}
#contact .inner dl dd .article {padding:0 0 0 7.5em; color:#fff; font-size:95%; font-weight:700;}
#contact .inner dl dd .btn {margin:7% 0 0 5em;}
#contact .inner dl dd .btn a {display:block; width:15em; background:linear-gradient(to right, #0051bc 10%, #01449d 70%); color:#fff; font-size:120%; font-weight:700; line-height:80px; text-decoration:none; text-align:center; transition:0.3s;}
#contact .inner dl dd .btn a:hover {opacity:0.7;}
#contact .inner dl dd .btn span {padding:1em 0 1em 2.5em; background:url(../images/icon_mail.png) left center no-repeat; background-size:36px auto;}

/* flow */
#flow {padding:4.2em 0 5em 0; background:url(../images/bg2.png) repeat-y; background-size: 100% auto; }
#flow .inner {width:80%; max-width:1080px; margin:0 auto;}
#flow .inner dl.subList {overflow:hidden; padding: 2% 1%; margin:0 0 0 0; background:#fdfff2; border:3px solid #00b03e; border-radius:1.8em;}
#flow .inner h2 { padding: 0 0 0.8em 0; }
#flow .inner h2 + dl.subList {margin:1.7% 0 0 0;}
#flow .inner dl.subList dt { float: left; width: 50%; padding: 0 1.7%; }
#flow .inner dl.subList dd { float: left; width: 50%; padding: 0 1.7%; border-left: 1px solid #00b03e; }
#flow .inner dl.subList .w { width: 100%; border-left: none; }

#flow .inner dl.subList img { width: 100%; }
#flow .inner dl.subList .btn {padding: 3% 0;}
#flow .arrow { display: block; height: 5vw; max-height: 65px; width: 55.5%; max-width: 600px; margin: 0 auto; background: url(../images/flow_arrow.png) no-repeat; background-size: contain; }
#flow .txt01 { padding: 0.5em 0 0 0; font-size: 1.45em; font-weight: 700; }


/* ad */
#ad {padding:2.8em 0 0 0;}
#ad .inner {width:80%; max-width:1080px; margin:0 auto;}
#ad .inner h4 {color:#004194; font-size:190%; text-align:center;}
#ad .inner h4 a {border-bottom:2px solid #004194; color:#004194; text-decoration:none; transition:0.3s;}
#ad .inner h4 a:hover {border-bottom:2px solid #fff;}
#ad .inner .img {margin:4.8% 0 0 0;}
#ad .inner .btn {width:50%; max-width:530px; margin:4% auto 0 auto; line-height:1;}
#ad .inner .btn a {display:block; background:linear-gradient(to right, #fff 50%, #ede671 50%); background-size:200% auto; background-position:left top; border:3px solid #003d93; border-radius:1.8em; box-shadow: 0 0.3em 0 0 rgba(0,0,0,0.1); text-align:center; transition:0.3s;}
#ad .inner .btn a:hover {background-position:-100% 0;}
#ad .inner .btn img {width:73%; max-width:380px; opacity:1;}
  
/* pagetop */
#pagetop {width:80%; max-width:1080px; margin:0 auto; padding:1.5em 0 1em 0;}
#pagetop a {display:block; width:90px; margin:0 auto;}
  
/* footer */
footer {padding:2.8em 0 2em 0; background:#f5f5f5;}
footer .inner {display:flex; width:80%; max-width:1080px; margin:0 auto; flex-wrap:wrap; justify-content:space-between;}
footer .inner .logo {width:26%; max-width:274px;}
footer .inner dl {width:60%;}
footer .inner dl dt,
footer .inner dl dd {text-align:right;}
footer .inner dl dt img {width:398px;}
footer .inner dl dd {padding:1% 0; font-size:85%; font-weight:700;}
footer .inner dl dd .name {font-size:120%;}
footer .inner dl dd .note {margin:0.1em 0 0 0; font-size:90%; font-weight:400; white-space:nowrap;}
footer .inner dl a {color:#1f1f1f; text-decoration:none;}
footer .inner dl a:hover {text-decoration:underline;}
footer .copy {width:80%; max-width:1080px; margin:0 auto; font-size:70%; font-weight:700; text-align:right;}

}

@media screen and (min-width:751px) and (max-width:1100px) {

body {font-size:1.3vw;}
  
/* header */
header {overflow:hidden; height:5.8vw;}
header .inner .logo {width:31.6%;}
header .inner .tel {width:33%;}
header .inner .btn a {line-height:5.9vw;}
header .inner .btn span {background-size:auto 2.6em;}
  
/* subcontracting */
#subcontracting .inner dl.subList dt.rec {background-size:auto 100%;}
  
/* business*/
#business .slider dl dt {font-size:90%;}
#business .slider dl dd {font-size:80%;}
  
/* faq */
#faq .inner dl dt {background-position:0.9em 1em; background-size:4.5% auto;}
#faq .inner dl dd {background-position:1.3em 1.3em; background-size:4.5% auto;}

/* contact */
#contact .inner dl dd .btn a {line-height:5.8vw;}
#contact .inner dl dd .btn span {background-size:auto 2em;}
  
/* footer */
footer .inner dl dt img {width:76%;}

}