/* Enter Your Custom CSS Here */
/**, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
 }*/
body{
    font-size: 16px;
    font-family: Montserrat, 'Noto Sans JP', Helvetica, Arial, sans-serif;
}
/*----------------------------------------head navigation--------------------------------------------------------------------*/
.nav-menu ul li a{
    font-size:16px;
}
.nav-menu ul ul li a {
    font-size: 14px;
}
@media screen and (max-width: 1000px){
.mob-nav-menu {
    font-size: 16px;
}
}
/*----------------------------------------h1 h2 h3 h4 h5 --------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
    font-family: Montserrat, 'Noto Sans JP', Helvetica, Arial, sans-serif;    
}
.archive:not(.post-type-archive-product) .page-title h1, .search-results .page-title h1, .error404 .page-title h1 {
    font-size: 48px;
}
.home .page-heading{
    padding-top: 60px;
    margin-top: -60px;
    display:block;
}
.page-heading,.content{
    padding-top: 87px;
    margin-top: -87px;
    display:block;

}
@media screen and (max-width: 1278px){
.home .page-heading{
    padding-top: 100px;
    margin-top: -100px; 
}
.page-heading,.content{
    padding-top: 127px;
    margin-top: -127px; 
}
}
@media screen and (max-width: 983px){
.home .page-heading{
    padding-top: 0;
    margin-top: 0; 
}
.page-heading,.content{
    padding-top: 27px;
    margin-top: -27px; 
}
}

.page-heading:before {
    content: "";
    width: 15px;
    height: 25px;
    background-color: #006fc5;
    display: inline-block;
    position: relative;
    top: 6px;
    margin-right: 10px;
}
.page-heading:after {
    content: "";
    width: 15px;
    height: 25px;
    background-color: #006fc5;
    display: inline-block;
    position: relative;
    top: 6px;
    margin-left: 10px;
}
.midashi3{
    font-size: 18px;
    font-weight: 400;
    width: 60%;
    min-width:289px;
    border-bottom: 2px dotted #006fc5;
    padding: 10px 0 0 0;
    margin-bottom: 20px;
    clear: both;
}
.senpai2 .midashi3{
    font-size: 20px;
    line-height: 1;
    width: 100%;
    max-width: 460px;
    padding-bottom: 2px;
}
.senpai2 .midashi3 span{
    font-size: 70%;
    line-height: 25px;
    float: right;
}
.page-id-149 .midashi3{
    min-width: 216px;
}
.midashi3:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 14px solid #00ae7b;
}
.cols-wrapper h3.midashi3{
    width: 90%;
}

.midashi4 {
    font-size: 18px;
    font-weight: 300;
    display: inline-block;
    border-bottom: 1px dotted #888;
    padding: 10px 0 0 0;
    clear: both;
}
.midashi4:before{
    content:"";
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:5px;
    background-color: #006fc4;
    margin-right: 3px;
}

/*--------------------------------------awesome font---------------------------------------*/
.next-center{
    text-align: center;
    display: block;
    margin: auto;
    font-size: 50px;
    color: #00ae7b;
}
.next-right{
    margin: 100% 5px 0 5px;
    font-size: 50px;
    color: #00ae7b;
}
/*--------------------------------------button---------------------------------------------*/
.btnbox{
    display: block;
    margin: 40px auto;
    width:60%;
    text-align: center;
}
.button {
    width: 40%;
    padding: 5% 1%;
    margin: 10px;
/*    font-size: 1.1em;*/
    font-weight: 500;
    font-size: inherit;
    font-family: Montserrat, 'Noto Sans JP', Helvetica, Arial, sans-serif;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    background: none;
    background-image: none;
    background-color: #00ae7b;
    color: #ffffff;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
    cursor: pointer;
    -webkit-appearance: none;
    border: 0px;
}
/*---------------------------------------table---------------------------------------------*/
.content .item-list .sc-wraper tr{
    border-bottom:1px dotted #ccc;
}
.content .item-list .sc-wraper tr:first-child{
    border-top: 1px solid #ccc;
}
.content .item-list .sc-wraper tr:last-child{
    border-bottom: 1px solid #ccc;
}
.sc-wraper td{
    padding:5px 5px 5px 0;
    vertical-align: middle;
}
.content .item-list .sc-wraper td img{
    margin:auto;
}
/*---------------------------------------img-----------------------------------------------*/
img.alignleft,img.alignright{
    max-width:50%!important;
}
/*---------------------------------------cols-wrapper--------------------------------------*/
.cols-wrapper img{
    margin-top: 0;
}
.page-id-149 .cols-2 .wp-caption{
    max-width: 50%;
}
.cols-wrapper ul{
    display: inline-block;
}
@media screen and (max-width: 572px) {
.cols-2 .wp-caption{
    max-width: 100%;
    margin:auto;
}
}
/*--------------------------------------common---------------------------------------------*/
.department-contact{
    max-width: 500px;
    text-align: center;
    padding: 10px;
    display: block;
    background-color: #e1fffd;
    border: 1px solid #00ae7b;
    box-sizing: border-box;
}
.department-contact span{
    font-family: impact;
    font-size: 1.5em;
}
.ilinbk-w40per{
    display: inline-block;
    width: 40%;    
}
.ilinbk-w55per{
    display: inline-block;
    width: 55%;    
}
.m-left-20{
    margin-left: 20px;
}
.mtmb-30{
    margin: 30px 0;
}
.m-top-1em{
    margin-top: 1em;
}
.m-top-15{
    margin-top: 15px;
}
.p-left-20{
    padding-left:20px;
}
.block{
    margin: 30px 0;
    overflow: auto;
}
.col3-cap{
    display:inline-block;
    width: 32%;
    text-align:center;
    vertical-align: top;
    font-size:0.9em;
}
.list-icon{
    list-style-image:url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/ico_dots7_2b.png');
    padding: 0 10px;
}
.list-plus16{
    list-style-image:url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/list-plus.png');
    padding: 0 10px;
}
.list-plus10{
    list-style-image:url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/list-plus10.png');
    padding: 0 10px;
}
.list-star16{
    list-style-image:url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/list-star.png');
    padding: 0 10px;
}
.list-star10{
    list-style-image:url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/list-star10.png');
    padding: 0 10px;
}
.list-check16{
    list-style-image:url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/list-check.png');
    padding: 0 10px;
}
.list-check10{
    list-style-image:url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/list-check10.png');
    padding: 0 10px;
}
.list-arrowb16{
    list-style-image:url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/list-arrowb.png');
    padding: 0 10px;
}
.list-arrowb10{
    list-style-image:url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/list-arrowb10.png');
    padding: 0 10px;
}
.list-wcircle16{
    list-style-image:url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/list-wcircle.png');
    padding: 0 10px;
}
.list-wcircle10{
    list-style-image:url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/list-wcircle10.png');
    padding: 0 10px;
}
.res572-box{
    max-width: 750px;
    display:block;
}
.res572{
    vertical-align: top;
    width:48%;
    display: inline-block;
    margin-left:10px;
}
img.res572{
    margin-left:0;
}
.l48-r48{
    display:inline-block;
    max-width: 400px;
    min-width:300px;
    width: 48%;
    vertical-align: top;
    box-sizing: border-box;
}
img.l48-r48{
    margin-right:10px;
}

.res768-l{
    text-align: center;
    float: left;
    margin-right: 20px;
}
.max-w400{
    max-width:400px;
}
img.max-w300{
    max-width: 300px;
}
.max-w750{
    max-width: 750px;
}
.max-w1000{
    max-width: 1000px;
}
.img-txt-box{
    margin: 30px 0;
    }
img.withcap{
    margin-top:0px;
    margin-bottom: 5px;
}
.img-txt{
    margin-top:1em;
    margin-right: 30px;
}
img.img-txt{
    margin-top:0;
    max-width:50%;
}
div.img-txt{
    margin-top:0;
    max-width:50%;    
}
.caption{
    display: block;text-align: center;
}
@media screen and (max-width: 800px){
.float-none800{
    float: none;
    display:block;
    width:95%;
    margin: auto;
}
.float-none800 img{
    display: block;
    margin: auto;
}
}
@media screen and (max-width: 768px){
.float-none768{
    float: none;
    display:block;
    width:100%;
    margin: auto;
}
.l48-r48{
    display:block;
    width: 100%;
    max-width: 500px;
    margin:auto;
    padding: 0;
}
img.l48-r48{
    max-width: 500px;
    margin: auto;
}
.res768{
    display: block;
    width: 100%;
    margin: auto;
}
.res768-l{
    float: none;
}
}

@media screen and (max-width: 572px){
.float-none572{
    float: none;
    display:block;
    width:100%;
    margin: auto;
}
.res572{
    float: none;
    display: block;
    margin: auto;
    width: 100%;
}
img.res572{
    max-width:336px;
    margin: auto;
}
img.img-txt,div.img-txt{
    max-width:100%;
}
div.alignleft{
    float: none;
}
}
/*-------------------------------------content slider--------------------------------------*/
.content-slider h2.cs-title, .content-slider p.cs-small-title{
  font-family: "heisei-mincho-std","ヒラギノ明朝 ProN W6" , "HiraMinProN-W6" , "HG明朝E" , "小塚明朝 Pro M" , KozMinPro-Medium , "游明朝" , YuMincho , 'ＭＳ Ｐ明朝' , "MS 明朝" , selif;
  letter-spacing: normal;

}
.content-slider h2.cs-title .slide6{
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",
'Noto Sans JP', sans-serif;
}
.h50vh{
    height: 50vh;
    display:block;
    position:relative;
}
.h50vh .slide4{
   display: block;
   position:absolute;
   bottom: 0;
}
.content-slider-wrapper {
    height: 100vh;
}

.content-slider .button {
    padding: 10px;
    text-transform: none;
    background-color: rgba(125,125,125,0.5);
    border: solid 1px #fff;
}
/*------------------------------------------page header-----------------------------------------------------*/

.page-id-149 .page-title-wrapper,.page-id-151 .page-title-wrapper,.page-id-155 .page-title-wrapper,.page-id-157 .page-title-wrapper,.page-id-153 .page-title-wrapper,.page-id-161 .page-title-wrapper{
    height:350px;
}
.page-id-149 .page-title-wrapper:after{
    content: url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/municipality-contact.png');
    display: block;
    margin: auto;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    width: 300px;
    height: 125px;
    border-radius: 10px;
    background-color: #006fc5;
    text-align: center;
}

.page-id-151 .page-title-wrapper:after{
    content: url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/comunity-contact.png');
    display: block;
    margin: auto;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    width: 300px;
    height: 125px;
    border-radius: 10px;
    background-color: #006fc5;
    text-align: center;
}
.page-id-155 .page-title-wrapper:after{
    content: url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/industry-contact.png');
    display: block;
    margin: auto;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    width: 300px;
    height: 125px;
    border-radius: 10px;
    background-color: #006fc5;
    text-align: center;
}
.page-id-157 .page-title-wrapper:after{
    content: url('https://shibaura-denshi.jp/wp-content/uploads/2017/01/welfare-contact.png');
    display: block;
    margin: auto;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    width: 300px;
    height: 125px;
    border-radius: 10px;
    background-color: #006fc5;
    text-align: center;
}
.page-id-153 .page-title-wrapper:after{
    content: url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/telecomunications-contact.png');
    display: block;
    margin: auto;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    width: 300px;
    height: 125px;
    border-radius: 10px;
    background-color: #006fc5;
    text-align: center;
}
.page-id-151 .full-bg-image,.page-id-161 .full-bg-image{
    background-position: 85% 50%;
}

.page-id-161 .page-title-wrapper:after{
    content: url('https://shibaura-denshi.jp/wp-content/uploads/2016/12/fire-contact.png');
    display: block;
    margin: auto;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    width: 300px;
    height: 125px;
    border-radius: 10px;
    background-color: #006fc5;
    text-align: center;
}
.page-title{
    vertical-align: top;
    padding-top:80px;
}
.page-title h1{
    font-family: "heisei-mincho-std" , "ヒラギノ明朝 ProN W6" , "HiraMinProN-W6" , "游明朝" , YuMincho , "小塚明朝 Pro M" , KozMinPro-Medium , 'ＭＳ Ｐ明朝' , "MS 明朝" , selif;
  letter-spacing: normal;
    font-size: 48px;
    color: #333;
    /*text-shadow: 0px 1px 3px #aaa,0 -1px 3px #aaa, 1px -0 3px #aaa, -1px 0 3px #aaa;*/
}
.page-id-144 .page-title h1, .page-id-25 .page-title h1, .page-id-153 .page-title h1, .page-id-151 .page-title h1{
    color: #fff;
}
.page-id-161 .page-title h1{
     text-shadow:1px 1px 0px #fff,1px -1px 0px #fff,-1px -1px 0px #fff, -1px -1px 0px #fff;   
}
.page-id-161 .page-subtitle{
    text-shadow:1px 1px 0px #fff,1px -1px 0px #fff,-1px -1px 0px #fff, -1px -1px 0px #fff;
}
.page-id-144 .page-title .page-subtitle, .page-id-25 .page-title .page-subtitle, .page-id-153 .page-title .page-subtitle, .page-id-151 .page-title .page-subtitle{
    color: #fff;
}
.page-id-19 .full-bg-image{
    background-position: center top;
}
.page-id-25 .full-bg-image{
    background-position: left center;
}
.page-id-25 .page-title h1:after{
    background-color: #fff;
}
@media screen and (max-width: 768px){
.page-title{
    padding-top:0;
}    
}
@media screen and (max-width: 475px){
.page-id-25 .full-bg-image{
    background-position: 10% center;
}
}
/*-------------------------------------------top page ------------------------------------------------------*/

/*------------------------------------------service box-----------------------------------------------------*/
/*.services-box{
    -webkit-text-size-adjust: 120%;
}*/
.services-boxed-photo .services-box {
    padding-bottom: 0;
}
.monochrome .services-box .img-container img,.monochrome-icon .services-box .img-container img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    transition:0.5s;

}
.monochrome .services-box .img-container img:hover,.monochrome-icon .services-box .img-container img:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}
.services-thumbnail .services-content {
    background-color: rgba(0, 174, 123, 0.8);
}
.services-thumbnail .services-content h3 {
    color: #fff;
}
.service-list{
    display: block;
    height:100px;
    font-size: calc(4.9vw/4);
    font-size:-webkit-calc(4.9vw/4);
    line-height:1.1em;
}
.img-container{
    padding:10px;
    }
.home .services-box .sc-wraper h3, .page-id-19 .services-box .sc-wraper h3{
    font-size:calc(5vw/4);
    font-size:-webkit-calc(5vw/4);
}
.services-thumbnail h3:after {
    background-color: #006fc5!important;
    opacity: 0;
}
.item-list .services-box{
    line-height:1.2em;    
    height: auto;
}
.item-list .sc-wraper{
    background-color: #f0f0f0;
    padding: 5px;
    min-height:250px;
}
.item-list .services-box h3{
    background-color: #fff;
}
.item-list .cols-wrapper ul {
    text-align: left;
    line-height: 2em;
}
.monochrome-icon .img-container{
    background-color:#aaa;    
    transition:0.5s;    
}
.monochrome-icon .img-container:hover{
    background-color:#00ae7b;    
}

.services-thumbnail .services-img{
    opacity:0.3;
}
.services-thumbnail .services-box:hover .services-img{
    opacity: 0.6;
}
.services-thumbnail .services-box:hover .services-content{
    background-color: rgba(0, 174, 123, 0.3);   
}
.services-thumbnail .services-content{
    background-color: rgba(0, 174, 123, 0);   
    opacity: 1;
}
.services-thumbnail .services-content h3{
    color: #333;
    font-size:1.3em;
    position: relative;
    top: 20px;

}
.services-thumbnail .services-content h3 a{
    display: table-cell;
    width: 176px;
    height: 176px;
    text-align: center;
    vertical-align: middle;
}
/*---自治体様向けで（デジタル/アナログ）非表示--------------------*/
.page-id-171 .municipality .services-wrapper div.services-box:nth-child(2){
    display: none;
}
/*---公民館様向けで従来型非表示--------------------*/
.page-id-174 .comunity .services-wrapper div.services-box:nth-child(5){
    display: none;
}
/*---公民館様向けで高機能型非表示--------------------*/
.page-id-174 .comunity div.services-wrapper div.services-box:first-child{
    display: none;
}
/*---公民館様向けで標準型非表示--------------------*/
.page-id-174 .comunity div.services-wrapper div.services-box:nth-child(4){
    display: none;
}
/*-------------------------------------------searvice box 商品紹介　1アイテム1行表示---------------------------------------------------*/

.item-list .services-default.cols-2 .col {
    width: 100%;
    border: 10px solid #eee;
    padding: 10px;
}
.item-list .img-container{
    display:inline-block;
    width:30%;
    padding: 1%;
    
}
.item-list .cols-wrapper ul{
    display: block;
}
.item-list .services-content{
    display: inline-block;
    width: 63%;
    vertical-align: top;
    padding: 1%;    
}
.item-list .services-content h3 span{
    white-space: nowrap;
    display: inline-block;
}
/*.item-test .services-content h3 span:before{
    content: "　"
}*/
.item-list .services-box .sc-wraper h3, .page-id-19 .services-box .sc-wraper h3{
    font-size:calc(11vw/4);
    font-size:-webkit-calc(11vw/4);
}
.item-list .services-box .sc-wraper {
    text-align: left;
}
.item-list .services-box .sc-wraper h3{
    text-align: center;
}
@media screen and (min-width: 768px){
.item-list .services-box .sc-wraper h3, .page-id-19 .services-box .sc-wraper h3{
    font-size:21px;
}
}
@media screen and (max-width: 600px){
.item-list .sc-wraper{
    min-height: 0px;
}
.item-list .img-container{
    display:block;
    margin: auto;
    width:95%;    
}
.item-list .services-content{
    display: block;
    width: 95%;
}
}
/*----------------------------------------自治体様向け----------------------------------*/
#attachment_650,#attachment_652{
    max-width: 100%;
}
/*----------------------------------------事業案内--------------------------------------*/
.mw-400{
    width: 34%;
     max-width:400px;
     margin:auto;
     display:inline-block;
     vertical-align:top;
    
}
.mw-600{
    width: 51%;
     max-width:600px;
     margin:auto;
     display:inline-block;
     vertical-align:top;   
}
.next-arrow-box-right{
    display:inline-block;
    width:12%;
    text-align: center;    
}
.next-arrow-box-down{
    display: none;
}

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

.mw-400,.mw-600,.next-arrow-box-down{
    display: block;
    width:100%;
    margin: 10px auto;
}
.next-arrow-box-down{
    text-align: center;    
}
.next-arrow-box-right{
    display:none;
}
.next-right{
    margin:0 auto;
}
}
/*----------------------------------------会社概要--------------------------------------*/
.list-flame-wraper{
    border:3px double #aaa;
}
.list-flame{
border: 3px double #aaa;
margin: 20px auto;
padding:10px;
max-width: 730px;
}
.list-flame span{
    white-space: nowrap;
    display: inline-block;
}
.Lcol{
 display: inline-block;
 min-width: 100px;
 width:20%;
vertical-align: top;
}
.Rcol{
 display: inline-block;
 width: 70%;
}
.separater{
 width:100%;
 height:8px;
 border-top: 1px solid #aaa;
}
.left-flame{
    width:calc(100% - 350px);
    min-width: 350px;
    display: inline-block;
    border: none;
    margin:0 auto;
}
.item-description .Rcol{
    text-align: left;
    width: 85%;
}
.item-description .Lcol{
    text-align: left;
    width: 10%;
    min-width: 50px;
}
.item-description img{
    padding: 5px;
}
.kyusyu {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    width: 40%;
    max-width: 300px;
}
.link-list{
    border: none;
    margin: 0 auto;
}
.link-list a{
    color: #555;
}
.link-list a:hover{
    color: #00ae7b;
}
@media screen and (max-width: 768px){
.left-flame{
    display: block;
    margin: auto;
    width: 95%;
}
.kyusyu{
    display:block;
    margin: 10px auto;
    width: 100%;
    max-width: 370px;
}
}
@media screen and (max-width: 572px) {
img.alignleft,.alignright{
    float:none;
    display: block;
    margin: auto;
    max-width: 100%!important;
}
.wp-caption.alignright {
    margin: auto;
}
.list-flame,.list-flame-wraper{
border: 1px solid #aaa;
padding:5px;
}
.left-flame{
    border: none;
    min-width: 250px;
}
.Lcol{
 display: inline-block;
 min-width: 100px;
 width:100%;
 text-align: center;
 vertical-align: top;
 background-color: #aaa;
 color: #fff;
}
.Rcol{
 display: inline-block;
 width: 100%;
}
.separater{
 width:100%;
 height:5px;
 border-top: none;
}
}
/*----------------------------------------google map------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 50%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 20px auto;
max-width: 750px;
 background: url('') repeat-x;
text-align: center;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 20;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 800px) {
.ggmap {
padding-bottom: 100%;
}
}
/*-----------------------------------------先輩社員の声---------------------------------------------*/
.department-block{
    margin-bottom: 50px;
}
.senpai-block{
    border-bottom: 20px solid #EEF;
    padding: 20px;
    margin-top: 20px;
}
.senpai-block h3.midashi3{
    min-width: 180px;
}
.senpai-img{
    display:inline-block; 
    vertical-align: top;
    padding: 5px;
    background-color: #eee;
    border:1px solid #aaa;
    margin-right: 5%;

}
.senpai2 .senpai-img{
    margin: 0 auto 30px;
}
.senpai-prof{
    display: inline-block;
    min-width: 50%; 
    max-width:464px;
    box-sizing: border-box;
}
.senpai-voice{
    display:block;
}
/*----------------------------------------footer----------------------------------------*/
.copyrights {
    color: #fff;
}
.scrolltotop{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 100;
    margin-bottom: -30px;
    width: 35px;
    height: 35px;
    background: #000000;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    cursor: pointer;
}
.scrolltotopbutton{
    color: #fff;
}
.scrolltotopbutton a:hover{
    color: #fff;
}
@media screen and (max-width: 1000px){
  .cs-title {
    font-size: 30px !important ;
  }
.cs-small-title{
font-size: 20px !important;
}
}
@media screen and (max-width: 768px){
.scroll-to-top {
    display: block;
    opacity: 1;
    margin-bottom: 0;
}
}
/*-----------------------------------------コンタクトフォーム7-------------------------------*/
.wpcf7 .cfwrapper {
 max-width: 750px;
 margin: auto;
 text-align: center;
}
.wpcf7 .cfcol{
 display: inline-block;
 min-width: 250px;
 text-align: center;
 margin: 4%;
 vertical-align:top;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
width: 95%;
padding: 8px;
}
.wpcf7-form input[type="submit"]{
    font-size: 16px;
}
/*------------------------------------------入力用-------------------------------------------------*/
.draft .social-share{
    display: none;
    }
/*-----------------------------------------レスポンシブ設定----------------------------------*/
@media screen and (min-width: 1500px){
.service-list{
    font-size: 18px;
}
.home .services-box .sc-wraper h3, .page-id-19 .services-box .sc-wraper h3{
    font-size:18px;    
}
}
@media screen and (min-width: 1338px){
.service-list{
    font-size: 16px;
}
.home .services-box .sc-wraper h3, .page-id-19 .services-box .sc-wraper h3{
    font-size:16px;    
}
}
@media screen and (max-width: 1000px){
.service-list{
    font-size: calc(5vw/2);
    font-size: -webkit-calc(5vw/2);
}
.home .services-box .sc-wraper h3, .page-id-19 .services-box .sc-wraper h3{
    font-size:calc(5vw/2);
    font-size: -webkit-calc(5vw/2);
}    
}

@media screen and (max-width: 768px){
    .dark-header #header{
        background-color: rgba(255,255,255,0);
    }
}



@media screen and (max-width: 520px){
.service-list{
    font-size: 5vw;
}
.home .services-box .sc-wraper h3, .page-id-19 .services-box .sc-wraper h3{
    font-size:5vw;
}    
}
.movie-wrap {
position: relative;
padding-bottom: 56.2%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 65%;
height: 65%;
}