/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

html,body{
    margin:0 auto;
    padding:0;
    text-align:center;
}
body {
    font-family: Myriad, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", sans-serif;
}
span{
    color:#787878;
}
span.required{
    color:#CC0000;
}
p.text-nano a{
    color: #a5a3a3;
}

/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
    color: #cecdcd; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #cecdcd; }

/* Firefox 18- */
:-moz-placeholder {
    color: #cecdcd; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #cecdcd; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #cecdcd; }

.text-s{
    font-size:12px;
}
.text-m{
    font-size:14px;
    color:#787878;
}
.mgt10 {
    margin-top: 10px !important;
}
.mgt15 {
    margin-top: 15px !important;
}
.mgt20 {
    margin-top: 20px !important;
}
.mgt25 {
    margin-top: 25px !important;
}
.mgt30 {
    margin-top: 30px !important;
}
.mgb10 {
    margin-bottom: 10px !important;
}
.mgb15 {
    margin-bottom: 15px !important;
}
.mgb20 {
    margin-bottom: 20px !important;
}
.mgb25 {
    margin-bottom: 25px !important;
}
.mgb30 {
    margin-bottom: 30px !important;
}
.mgb85 {
    margin-bottom: 85px !important;
}
.b{
  font-weight: bold;
}
ol, ul {
    list-style: none;
}
span.border-bottom{
    border-bottom:1px solid #acacac;
    padding-bottom:20px;
    color:#000;
}
span.position-r{
    padding-left:115px;
}
span.text-pink{
    color:#f3a4a4;
}
header div.header-top{
    background: #323232;
    color: #FFF;
    font-size: 12px;
    padding:9px 20px;
    overflow:hidden;
}
header div.header-top h1{
    float: left;
}
header div.header-top p{
    float: right;
}
header div.header-second{
    overflow:hidden;
    padding:13px 20px 5px;
    border-bottom: 2px solid #cdcbcb;
}
header div.header-second img.header-logo{
    float:left;
}
header div.header-second div.header-contact{
    float:right;
    overflow:hidden;
}
header div.header-second div.header-contact div.phone{
    float:left;
    overflow:hidden;
}
header div.header-second div.header-contact div.phone img{
    float:left;
}
header div.header-second div.header-contact div.phone p{
    float:left;
    font-size:30px;
    text-align:left;
    line-height: 0.6;
    padding-top: 10px;
    padding-left:15px;
}
header div.header-second div.header-contact div.top-contact{
    float:right;
    padding-left: 30px;
}

div#keyvisual{
    background-image:url(/img/KV-background.png);
    padding-top:55px;
    padding-bottom:60px;
    background-size: cover;
    border-bottom: 2px solid #cdcbcb;
}
div#keyvisual2 {
    background-image:url(/img/KV-background.png);
    padding-top:55px;
    padding-bottom:60px;
    background-size: cover;
    border-bottom: 2px solid #cdcbcb;
}
div#keyvisual img{
    margin: 0 auto;
}
#KV div#keyvisual{
    background-image:url(wp-content/themes/wpmake/support/img/KV-background.png);
    padding-top:55px;
    padding-bottom:60px;
    background-size: cover;
    border-bottom: 2px solid #cdcbcb;
}
div.news{
    background: #003462;
    padding:1%;
}
div.news p a{
    color:#fff;
}

h2.desire{
    font-size:44px;
    padding-top:65px;
    padding-bottom:55px;
    font-weight:bold;
}
div.target1{
    background: url(img/target1.png) no-repeat;
    width: 980px;
    height: 180px;
    margin:0 auto 40px auto;
}
div.target1 ul,div.target2 ul,div.target3 ul{
    position:relative;
}
div.target1 li{
    position:absolute;
    text-align:left;
    list-style-image:url(img/target1-icon.png);
}
div.target1 li:first-child{
    left:430px;
    top:35px;
}
div.target1 li:nth-child(2){
    left:430px;
    top:65px;
}
div.target1 li:nth-child(3){
    left:430px;
    top:95px;
}
div.target1 li:last-child{
    left:430px;
    top:125px;
}
div.target2{
    background: url(img/target2.png) no-repeat;
    width: 980px;
    height: 180px;
    margin:0 auto 40px auto;
}
div.target2 li{
    position:absolute;
    text-align:left;
    list-style-image:url(img/target2-icon.png);
}
div.target2 li:first-child{
    left:60px;
    top:35px;
}
div.target2 li:nth-child(2){
    left:60px;
    top:65px;
}

div.target2 li:nth-child(3){
    left:60px;
    top:95px;
}
div.target2 li:last-child{
    left:60px;
    top:125px;
}
div.target3{
    background: url(img/target3.png) no-repeat;
    width: 980px;
    height: 180px;
    padding-bottom: 40px;
    margin:0 auto 40px auto;
}
div.target3 li{
    position:absolute;
    left:420px;
    top:50px;
    text-align:left;
    list-style-image:url(img/target3-icon.png);
}
div.target3 li:first-child{
    left:420px;
    top:50px;
}
div.target3 li:nth-child(2){
    left:420px;
    top:80px;
}
div.target3 li:last-child{
    left:420px;
    top:110px;
}
div.wordpro-back{
    background:url(img/pro-background.png);
    height:603px;
    background-position:center;
    background-size: cover;
}
div.wordpro-back img{
    position:relative;
    top:470px;
}

h2.price{
    padding-top:75px;
    padding-bottom:65px;
    font-size:44px;
    font-weight:bold;
}
p.right{
    color:#676767;
    text-align:right;
}
.price-detail{
    width:980px;
    margin:0 auto;
    text-align:left;
}
.price-detail table{
    border-spacing: 0px;
    border: solid 1px #c3c3c3;
}
.price-detail table th{
    width:280px;
    color:#fff;
    background:#0360a1;
    padding:15px;
    border-bottom: solid 1px #c3c3c3;
}
.price-detail table td{
    width:700px;
    padding:15px 30px;
    border-bottom: solid 1px #c3c3c3;
    overflow:hidden;
}
p.device{
    width: 90px;
    background: #5f5f5f;
    float: left;
    margin-right: 25px;
    text-align: center;
    color: #fff;
    font-size:12px;
    height:25px;
    line-height:2;
    clear:left;
}
.price-detail table td p{
    margin-bottom:15px;
}
.price-detail table td ul li{
    margin-left:20px;
    list-style-image:url(img/price-icon.png);
    padding-bottom:15px;
}
div.img-center{
    text-align:center;
    padding-top:60px;
    padding-bottom:35px;
}
div.sub-service{
    padding-bottom:70px;
}

section#attention{
    background:#fafaf6;
    padding-top:80px;
    padding-bottom:100px;
}
h2.attention{
    padding-bottom:30px;
}
div.attention-box{
    text-align:left;
    width:930px;
    height:220px;
    background:#fff;
    margin:0 auto;
    margin-bottom:20px;
    padding: 25px 25px 0 25px;
    border: 1px solid #cecdcd;
}
div.attention-box2{
    text-align:left;
    width:930px;
    height:190px;
    background:#fff;
    margin:0 auto;
    margin-bottom:20px;
    padding: 25px 25px 0 25px;
    border: 1px solid #cecdcd;
}
div.attention-box3{
    text-align:left;
    width:930px;
    height:250px;
    background:#fff;
    margin:0 auto;
    margin-bottom:20px;
    padding: 25px 25px 0 25px;
    border: 1px solid #cecdcd;
}
div.attention-box dt,div.attention-box2 dt,div.attention-box3 dt{
    background-color:#bc6f7f;
    background-image: url(img/attention-icon.png);
    color:#fff;
    font-size:20px;
    background-repeat: no-repeat;
    padding: 15px 50px;
    background-position: 15px;
    margin-bottom:20px;
}
div.attention-box dd,div.attention-box2 dd,div.attention-box3 dd{
    font-size:14px;
    color:#000;
    padding: 10px 0px 0px 10px;
    line-height:1.8;
}

div.attention-box4{
    text-align:left;
    width:930px;
    height:350px;
    background:#fff;
    margin:0 auto;
    margin-bottom:20px;
    padding: 25px 25px 0 25px;
    border: 1px solid #cecdcd;
}
div.attention-box dt,div.attention-box2 dt,div.attention-box4 dt{
    background-color:#bc6f7f;
    background-image: url(img/attention-icon.png);
    color:#fff;
    font-size:20px;
    background-repeat: no-repeat;
    padding: 15px 50px;
    background-position: 15px;
    margin-bottom:20px;
}
div.attention-box dd,div.attention-box2 dd,div.attention-box4 dd{
    font-size:14px;
    color:#000;
    padding: 10px 0px 0px 10px;
    line-height:1.8;
}

h2.qa{
    font-size:44px;
    padding-top:80px;
    padding-bottom:65px;
    font-weight:bold;
}
section#qa p.space{
    color:#000;
}
section#qa p.space{
    padding-bottom:50px;
}
div.qa-box{
    width:940px;
    margin:0 auto;
    border:5px solid #034582;
    margin-bottom:30px;
    padding:20px 20px 40px 20px;
    overflow:hidden;
}
div.question{
    text-align:left;
    border-bottom:1px solid #cbc7c7;
    background: url(img/question-icon.png) no-repeat;
    height:50px;
    padding-bottom:5px;
    padding-left:65px;
    padding-top:10px;
    color:#307cc3;
    font-size:20px;
}
div.answer{
    text-align:left;
    background: url(img/answer-icon.png) no-repeat;
    padding-left:65px;
    padding-top:10px;
    color:#000;
    margin-top:15px;
}

#award{
    background:#fafaf6;
    padding-bottom:100px;
}
#award h2{
    padding-top:80px;
    padding-bottom:80px;
}
#award div.award-box{
    width:980px;
    margin:0 auto;
    overflow:hidden;
    padding-top:40px;
    padding-bottom:40px;
    border-top:1px solid #222222;
}
#award div.award-box:last-child{
    border-bottom:1px solid #222222;
}
#award div.award-box div.left-award{
    width:340px;
    float:left;
    margin-right:50px;
}
#award div.award-box div.right-award{
    width:590px;
    float:right;
}
#award div.award-box div.right-award h3{
    overflow:hidden;
    text-align:left;
    border-left: solid #003960 10px;
    padding-left:15px;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:25px;
    font-size:26px;
    line-height:1;
}
#award div.award-box div.right-award h3 a{
    text-decoration:none;
}
#award div.award-box div.right-award h3 span{
    font-size:14px;
    color:#a7a4a4;
}
#award div.award-box div.right-award h3 img{
    padding-left:10px;
}
#award div.award-box div.right-award p{
    font-size:14px;
    text-align:left;
    padding-bottom:30px;
}
#award div.award-box div.right-award table{
    width:588px;
    float:right;
    border:solid 1px #003960;
    border-collapse: collapse;
    text-align:left;
    font-size:14px;
}
#award div.award-box div.right-award table tr:first-child{
    border-bottom:solid 1px #003960;
}
#award div.award-box div.right-award table th{
    width:180px;
    padding: 20px 20px;
    color:#003960;
}
#award div.award-box div.right-award table td{
    padding: 20px 25px 20px 0px;
}


h2.contact{
    font-size:44px;
    padding-top:80px;
    padding-bottom:80px;
    font-weight:bold;
}
section#contact{
    padding-bottom:195px;
    border-bottom:1px solid #cbc7c7;
}
section#contact p.bottom-space{
    padding-bottom:40px;
}
section#contact p.thver{
    text-align:center;
    color:#000;
    font-size:26px;
}
p.text1000-under{
    padding-bottom:5%;
}
table.formcell{
    width:970px;
    border:5px solid #e3e3e3;
    margin:0 auto;
    margin-top:50px;
    margin-bottom:40px;
    text-align:left;
}
table.formcell th{
    padding:35px 30px;
    border-bottom:1px solid #cbc7c7;
    width:300px;
    vertical-align: middle;
}
table.formcell td{
    padding:35px 30px;
    border-bottom:1px solid #cbc7c7;
}
table.formcell tr.cancel th, table.formcell tr.cancel td{
    border-bottom:none;
}
table.formcell td input{
    width: 475px;
    height: 35px;
    border-radius: 5px;
    border-width: thin;
    border: 1px solid #c5c2c2;
    font-size:16px;
}
table.formcell td textarea{
    width: 650px;
    height: 110px;
    border-radius: 5px;
    border-width: thin;
    border: 1px solid #c5c2c2;
    font-size:16px;
}
div.footer-before{
    padding-top:35px;
    padding-bottom:30px;
}
#foot{
    background: #2d2c2d;
}
div.foot{
    width: 960px;
    margin: 0 auto;
    text-align: left;
    background: #2d2c2d;
    color: #a5a3a3;
    overflow: hidden;
    padding:45px 10px;
}
div.foot div.textbox{
    float:left;
    line-height:1.8;
}
div.foot div.textbox p.text-nano{
    font-size:10px;
    padding-top:25px;
}
div.foot .linkBox {
    margin-top: 30px;
    flex-direction: row;
}
div.foot .linkBox ul.mgr10 {
    margin-right: 10px;
}
div.foot .linkBox ul li:first-child {
    margin-bottom: 15px;
}
div.foot .linkBox>ul>li {
    padding: 0;
    color: #b9b7b7;
}
div.foot .linkBox ul li a {
    font-size: 10px;
    letter-spacing: 1px;
    color: #b9b7b7;
}
div.foot .linkBox>ul>li.lifoot1,div.foot .linkBox>ul>li.lifoot2 {
    padding-top: 15px;
}

div.foot{
    padding: 20px 20px 20px;
    color:#bebcbc;
    font-size:12px;
}
div.foot .map {
    width: 510px;
    height: 270px;
    float: right;
}
input.back,input.go{
    border-style:none;
}
input.back{
    width: 30%;
    background-color: #fff;
    color: #fe7e17;
    font-size: 20px;
    border: solid #fe7e17;
    border-radius: 5px;
    padding:10px;
    background:url(img/back-i.png) no-repeat;
    background-position: 5%;
}
input.go{
    width:40%;
    background-color: #fe7e17;
    color: #fff;
    font-size: 20px;
    border: solid #fe7e17;
    border-radius: 5px;
    padding:10px;
    background-image:url(img/go-i.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}
input.go2{
    width:465px;
    background-color: #fe7e17;
    color: #fff;
    font-size: 30px;
    border: solid #fe7e17;
    border-radius: 10px;
    padding: 25px 0px 25px 25px;

}

/* support */

#support {
    background: url(img/support_bg.png) no-repeat;
    background-size: cover;
}

#support .support_box {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 65px;
}

#support .support_box .left_support {
    width: 340px;
    float: left;
    margin-right: 50px;
}

#support .support_box .right_support {
    width: 590px;
    float: right;
    text-align: initial;
}

#support .support_box img.spt_logo{
    margin-top: -15px;
    margin-bottom: 0
}

#support .support_box .right_support .support_txt {
     font-size: 16px;
     color: #fff;
     margin-top: 15px;
     letter-spacing: 2px;
     line-height: 1.8;
}

#support .support_box a.support_btn img {
    margin-top: 30px;
}

/* 実績企業 */

section#company_all {
    background: #fff;
}

section#company_all h2 {
    padding-top: 20px;
    padding-bottom: 80px;
    font-size: 44px;
    font-weight: bold;
}

section#company_all div.company_box {
    width: 980px;
    margin: 0 auto;
    padding-top: 10px
}

section#company_all div.company_box ul.company_list {
    font-size: 0;
}

section#company_all div.company_box ul.company_list li {
    display: inline-block;
    width: 100px;
    margin-right: 40px;
    margin-bottom:40px;
}

section#company_all div.company_box ul.company_list li:nth-child(7n) {
    margin-right: 0;
}

section#company_all div.company_box ul.company_list li img {
    width: 100%;
}
.pagetop {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  bottom: 50px;
  right: 10px;
  color: #fff;
}
.pagetop.show {
  visibility: visible;
  opacity: 1;
}


.title003 { background-color: #F8F3E7; padding:20px; font-size:20px; font-weight:bold; margin-bottom:30px;}

.nagareue { background-color:#0070A6; color:#FFF; font-weight:bold; padding:20px; font-size:20px; margin-bottom:15px;}
.nagareue span { background-color:#FFF; padding:5px;  border-radius: 15px; margin-right:10px;}