/*
Theme Name: senyukai20twelve
Version: 1
Template: twentytwelve
*/

:root {
  --wp--style--global--content-size: 620px;
  --wp--style--global--wide-size: 1200px;
}
body.custom-font-enabled,
body{
	background:url("img/head.svg") no-repeat calc(50% + 100px) top;
font-family: Noto Sans JP,'Noto Sans Japanese', sans-serif;
}
html{
  background:url("img/footer.png") no-repeat center bottom ;
    font-size: 62.5%;
}


@media (min-width: 768px) {
  .admin-bar{
    padding-top: 112px;
  .gHeaderInner{
    top: 32px;
  }

  }
}

  .scrolled .gHeaderInner{
    background: #FEFCE6;
    background: #FDF48D;
    border-bottom: 1px solid #CCC;
  }
@media (min-width: 768px) {
  
  
.navbar-default{
  display: flex;
  align-items: center;
}
.pull-right{
  margin-left: auto;
}
}

.works-tag,
.works_detail-tagList{
display:none;
}

:root {
  --swiper-pagination-color: #000;
  --swiper-pagination-bullet-size: 6px;
  --swiper-pagination-bullet-width: 6px;
  --swiper-pagination-bullet-height: 6px;
  --header: 110px;
  scroll-padding: calc(var(--header) + 20px);
}
@media (max-width: 767px) {
  :root {
 /* --header: 86px;*/
  }
  #top-news,
  #top-subBnr{
    padding: 0 .5em;
  }
}

body{
  padding-top: calc(var(--header) - 2rem);
}
img{
  max-width: 100%;
}
a{
  text-decoration: underline;
}
a:hover,a:focus{
  text-decoration:none;
}
a:focus{
  
}
  a {color: #222222;}

  .works_detail-tagList a  {color: #222222 !important;}
  a:hover {color: #000;}


.topBnr a,
#menu-gnav a{
  text-decoration:none;
}
.topBnr a:hover,
#menu-gnav a:hover,#menu-gnav a:focus{
  text-decoration: underline;
}
ul{
  padding-left: 20px;
}
	.SP-only{
		display:none;
	}

.admin-bar .site-navigation,
.admin-bar #change{
/*	top:32px;*/
}

#wpadminbar{
 
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image{
	    border-radius: 0;
    box-shadow: none;
}
body.custom-font-enabled,
body {
}

body{
 font-family: NotoSansJP,sans-serif;
color: #1D1D1D;
line-height: 1.8;
letter-spacing: .02em;
    font-size: 160%;
  font-size: 1.6rem;
}


/*top*/
dt, dd{
	line-height:inherit;
}
#menu-gnav a{
}
.pull-right{
}

@media (max-width: 979px) {
  .pull-right{
  }
}

.navbar-toggle{
	margin-top:28px;
	background-color:#DDD;
}
@media (min-width: 768px) {
  
  #menu-gnav li a{
  }
  #menu-gnav li.hnav-contact a{
    background: #FFF;
    border-radius: 30px;
    border: 1px solid #000;
    padding-left: 2em;
    padding-right: 2em;
    
    margin-top: -1px;
    margin-left: 1em;
  }
  
  #menu-gnav li.hnav-access{
    position: absolute;
    right: 0;
    top: 20px;
  }
  #menu-gnav li.hnav-access a{
  background:url(img/ic_access.png) no-repeat center left;
    padding-left: 25px;
  
  }}

@media (max-width: 767px) {

}


.navbar-collapse.in,
.navbar-collapse.collapsing{
	background:#FFF;
}
/**/

.linkadd{
	border-spacing:0;
	border-collapse:collapse;
}
.linkadd td,.linkadd th{
	text-align:left;
	padding:3px 10px;
	border:1px solid #CCC;
	word-break:break-all;
}
.linkadd th{
	background:#efefef;
	width:30%;
}
.linkadd td{
	width:70%;
}

/*#menu-globalm*/

.navbar-nav > li > a{
	padding-bottom:27px;
}
#menu-globalm{
  *zoom: 1;
}
#menu-globalm:before, #menu-globalm:after{
  content: "";
  display: table;
}

/*gNavHide*/

.home #change{
	
}
#change{	
   /* height: 100px;*/
	min-height:inherit;
    position: relative;
    z-index: 1000;
  
}
#change .container{
  padding-bottom: 0;
}

.home .gHeaderInner {
 
}
.gHeaderInner {
   
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
}


.isFixed .gHeaderInner {
  transform: translateY(0)
}


/*top-scroll*/
.top-scroll a {

  position: absolute;
  bottom: 0px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
  padding-top: 60px;
  color:#FFF;
}
.top-scroll a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}




#menu-globalm:after{
  clear: both;
}
#menu-globalm li{
  position: relative;
}
#menu-globalm li a{
  display: block;
}
#menu-globalm li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#menu-globalm li ul li{
  width: 100%;
}
#menu-globalm li ul li a{
  padding: 13px 15px;
  background: #FFF;
  text-align: left;
  white-space:nowrap;
  
}
#menu-globalm li:hover > a{
}
#menu-globalm li a:hover{
color:#A30D11;
}
#menu-globalm li ul{
 
}
#menu-globalm li:hover ul{
  display: block;
}




@media (min-width: 768px) {
#menu-globalm li.menu-item-has-children:hover ul,#menu-globalm  li.menu-item-has-children ul.focused{
visibility: visible;
top: 65px;
opacity: 1;
	z-index:9999;
}

#menu-globalm li.menu-item-has-children ul {
  visibility:hidden;
  opacity:0;
  -webkit-transition:0.5s;
  transition:0.5s
 }
#menu-globalm li ul li{
min-width: 200px;
}
 
 
 }
@media (max-width: 767px) {
#menu-globalm li.menu-item-has-children ul{
position:inherit!important;
}
.navbar-nav > li > a{
padding-bottom:10px;
font-weight:bold;
}
#menu-globalm li ul li a{
padding-left:25px;
}
}
/*menu end*/

.notContent{
pointer-events: none;
}

h1{
	font-size:3.6rem;
}
@media (max-width: 767px) {

h1{
	font-size:2rem;
}
}

.entry-content *:first-child{
	margin-top:0!important;
}

.entry-content h3{
}
.entry-content .wp-block-column h3{
}

@media (max-width: 781px) {

  :where(.wp-block-columns.is-layout-flex){
    gap: 0;
  }

}

@media (min-width: 768px) {
  .wpcf7-form{
    width: 700px;
    margin: auto;
  }
}

.form-req{
  color: #DC3232;
}

.wpcf7-form-control{
  padding: .5em 2em ;
}

.container{
	padding-bottom:15px;}



#header{
	/*background:rgba(0,0,0,0.20);*/
}

#change{
}

#change  a{
	color:#000000 !important;
}

.site-navigation{
	background: none;
	position: absolute;
	z-index:1000;
  /*
	height:75px;*/
	width:100%;
	left:0;
	
}
.navbar{
	margin-bottom:0;
	min-height:75px;
	border:0;
	background:none;
}



/**/

/*haikei*/

.site-navigation a{
	color:#000000 !important;
	text-shadow:none!important;
}



#main-menu a{
	text-shadow:1px 1px 3px #000000;
}

#main-menu a:hover{
	color: #A64E50!important;

}
h1.first-h1{
	font-family:inherit;
}

.topvideo{
}

.subtext{
	font-size:2rem;
	border-top:2px solid #000000;
	padding:10px 30px;
}


.third-banner-body{
	line-height:1.4;
	padding:0 25px;
}
.third-subtxt{
	text-align:center;
	margin:10px 0 10px 0;
}

.top-blog{
	text-align:center;
	background:#363636 url(image/bg_news.jpg) no-repeat 50% 0%;
	background: url(image/bg_news.jpg) no-repeat 0% 50%;
	background-size:cover;
	padding:1em 0;
}
.topjirei{
	background: url(image/bg_case.png) 50% 50%;
	background-size: cover;
	width:100%;
	text-align:center;
}
.topjirei img{
	width:100%;
	max-width:517px;

}

.top-headline{
	font-weight:normal;
      color: #000;
      text-shadow: none;
	/*
      text-shadow: px px px #FFFFFF;
	  */
}
.topTitle{
	padding:60px 0;
    color: #FFF;
	font-weight:normal;
      text-shadow: none;
	  line-height:1;
    text-align: center;
	
	
text-shadow: 2px 2px 10px #666 ,
-2px 2px 10px #666 ,
2px -2px 10px #666 ,
-2px -2px 10px #666;
margin-top:0;
}



/*top_tokusyu*/
.topjireiSP-pkup{
	color:#a50e13;
	font-size:1.8rem;
	font-weight:bold;
	margin-bottom:10px;
}
.topjireiSP-pkup span{
	border-bottom:2px solid #a50e13;
}
.topjireiSP-tit{
	font-size:3rem;
	font-weight:bold;
	margin-bottom:10px;
}

.topjireiSP-lead{
	font-weight:bold;
	margin-bottom:10px;
}
.topjireiSP-body{
	margin-bottom:10px;
}

.topjireiNml {
	margin-top:1em;
}
.topjireiNml img{
	width:100%;
}
/*tooidealogo*/
#headLogo{
    display: inline-block;
    height: 100%;
    position: relative;
    width: auto;
}
#headLogo img{
	height:auto;
	width:340px;
}

@media (max-width: 991px) {
  
}


@media (max-width: 767px) {
  #headLogo img{
	width:250px;
}
}


#logo{
    font-size:1rem;
    margin-top:16px;
}
#logo span{
    position: relative;
    top: -8px;
}

.front-page{
  position: relative;
  z-index: 2;
}
.topMain{
  clear: both;
	position:relative;
  height: calc(100vh - 110px);
  height:100vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  margin-top: -1em;
}

.topMainLead{
  font-size:2.8rem;
  font-weight: bold;
  margin-bottom: 3em;
}

.topMainNav{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 1em;
}
.topMainNav li{
  padding: 0;
  margin: 0;
  display: inline-block;
}
.topMainNav li a::before{
  content: "▼"
}

.topMainNav li::after{
  content: " ／";
}
.topMainNav li:last-child::after,
.topMainNav-sub li::after{
  display: none;
}

.topMainNav-sub{
  display: flex;
  justify-content: space-between;
}
.topMainNav-sub li{
  width: 48%;
}
.topMainNav-sub li a{
  text-decoration: none;
  display: block;
  background: #FFF;
  border: 1px solid #e33f33;
  padding: .5em .2em;
}
.topMainNav-sub li:last-child a{
  border-color: #00A19B;
}
.topMainNav-sub li a::before{
  display: none;
}

.topMainNav-sub li a:hover{
  color: #FFF;
  background: #e33f33;
}
.topMainNav-sub li:last-child a:hover{
  background: #00A19B;
}

@media (max-width: 1199px) {
  
.topMainLead br{
  display: none;
  }
}
@media (max-width: 767px) {
.topMain{
  padding: 1rem;
  width: inherit;
}
  .topMainLead{
    
  font-size: 2rem;
  }
  
  .topMainNav-sub{
    display: block;
  }
  .topMainNav-sub li{
    width: 100%;
    margin-bottom: 1rem;
  }
}


/*scroll*/
.top-scroll{
  position: relative;
}
.top-scroll a {
  padding-top: 20px;
  position: absolute;
  bottom: 40px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  transform: translate(0, -50%);
  text-decoration: none;
}
.top-scroll a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #000;
  border-radius: 100%;
  box-sizing: border-box;
  background:rgba(255,255,255,0.7);
}
.top-scroll a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -4px;
  border-left: 1px solid #555;
  border-bottom: 1px solid #555;
  box-sizing: border-box;
}


/*top-titWrap*/


.entry-header,
.top-titWrap{
  text-align: center;
  background:url("img/head_bg.png");
  margin-bottom: 1rem;
}
/*
@media (min-width:1200px) {
.entry-header,
.top-titWrap{
    margin: 2rem calc(50% - 50vw);
  width: 100vw;
}
}
*/
.entry-header,
.top-titWrap{
   
}


.entry-header .container,
.top-titWrap .container{
  background:url("img/head_bg_inner.png") center center no-repeat;
  padding: 2em 0;
  font-weight: bold;
  background-size: cover;
}


.entry-header h1{
  font-size: 4rem;
}
.home .top-tit,
.cate-header .top-tit{
  font-size: 3.6rem;
  color: #614A3F;
  font-weight: normal;
}

.home .top-tit_sub,
.cate-header .top-tit_sub{
color: #317559;
  font-weight: bold;
  margin-bottom: .5em;
}

.topnews_more{
  text-align: right;
  @media (min-width: 768px) {
  margin-top: -2em;
  }
}
.topnews_more a{
   background: url("img/arr.svg") right center no-repeat;
  font-weight:normal;
  background-size: 40px;
  padding:1em 45px 1em 0;
  
}


/*kasou*/
#breadcrumbsdata{
  text-align: center;
}


.cate-header{  
  text-align: center;
}

.container-wrap{
  background: #FFF;
  border-radius: 20px;
  padding: 2em 4em;
  margin-bottom: 4em;
}
@media (min-width: 768px) {
  .blog .container-wrap,
  .category .container-wrap,
  .single .container-wrap{
  display: flex;
  }
  .mainContent{
    width: 75%;
  }
.blog-side{
    width: 25%;
  padding-left: 2em;
}
}

.blog-side{
}
.blog-side ul{
  margin-left: 0;
  margin-top: .5em;
  padding: 0;
}
.blog-side ul li{
  list-style: none;
  border: 0!important;
  margin: 0.5em 0; /* 行間調整（お好みで） */
}

.blog-side ul li a{
  position: relative;
color: #614A3F;
  font-weight: bold;
  display: block;
  text-decoration: none;
  padding: 0!important;
  padding-left: 1.5em!important;
  background:#FFF;
  }


.current-cat a,
.blog-side li a:hover{
  background: #FCFBC8!important;
  border-radius: 100px;
}
.blog-side li a:hover{
  text-decoration: underline;
}


.blog-side li a::before {
  content: "";
  position: absolute;
  left: .8em;
  top: 1em; /* テキストの縦中央あたりに調整 */
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background-color: #614A3F;
  border-radius: 50%;
}



.side-tit{
  border-bottom: 3px solid #D9D9D9;
  position: relative;
  color: #614A3F;
  font-size: 2rem;
}
.side-tit::before{
  content: "";
  width: 3em;
  height: 3px;
  background: #317559;
  position: absolute;
  bottom: -3px;
  left: 0;
}


.entry-meta{
  text-align: left;
  font-size: 1.4rem;
	margin-bottom:.5em;
}
.site-content{
  float: none!important;
}
.site-content article{
  border: 0;
}

.nav-single{
  display: none;
}



@media (max-width: 767px) {
  .entry-header .container, .top-titWrap .container{
    padding: 1em 0;
  }
  .container-wrap{
    padding: 1em!important;
    margin: .5em!important;
    box-sizing: border-box;
    width: auto!important;
  }
  .home .top-tit,
  .entry-header h1{
    font-size: 2.4rem;
  }
  .home .top-tit_sub{
    font-size: 1.8rem;

  }
}

.service-list{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 3em;
  flex-wrap: wrap;
margin-top: 2em;
}
.service-list li{
  margin: 0;
  padding: 0;
  list-style:none;
  width: 23.5%;
  margin-bottom: 2em;
}

.service-list li .service-ic{
  text-align: center;
  padding: 1em 0;
}
.service-list li .service-tit{
  text-align: center;
  font-size: 2.2rem;
  font-weight:bold;
  margin-bottom: .5em;
}
.service-list li .service-txt{
}

.topBnr{
  margin: 0;
  padding: 0;
  
  display: flex;
  justify-content: space-between;
  margin-bottom: 3em;
  flex-wrap: wrap;
}

.topBnr li{
  margin: 0;
  padding: 0;
  list-style:none;
  width:49%;
  margin-bottom: 2em;
}

@media (max-width: 767px) {
  .service-list ,
  .topBnr{
    /*margin-left: 1em;
    margin-right: 1em;*/
  }
  
  .service-list li{
    width: 48.5%;
    }
  .service-list .service-tit{
    font-size: 1.8rem;
  }
  
.topBnr li{
    width: 99%;
    }
}

.topBnr li .topBnr-ic{
  border: 1px solid #CCC;
  text-align: center;
  padding: 10px;
  margin-bottom: .5em;
}

.snsChild a{
	display:inline-block !important;
}
.snsChild a img{
	margin-top:-6px;
}

li.snsChild {
	
}
.nav > li > a{
padding: 8px 13px;
}




/*foot*/

#page_top{
    display: none;
    position: fixed;
    right: 10px;
    z-index: 10;
 
    max-width: 120px;
    bottom: 100px;
  width: 60px;
  
}
#page_top:hover{
  transform: scale(1.1);
}
@media (max-width: 1024px) {
	#page_top{
    max-width: 100px;
    bottom: 100px;
	}
}


.footer{
	margin-top:60px;
	padding:15px 0;
}

.footInfo{
	
}

.footNav{
	    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.footNav a{
	   padding: 12px 17px;
}

.is-home .footInfo{
	background: #FFF;
	color:#444;
	
}

div.footer-tit {
	margin-bottom:1em;
}

span.footer-text-sizeL {
	font-size:2.4rem;
	
}

span.footer-text-sizeM {
	font-size:1.8rem;
	
}
div.footer-text {
	
}

.footer-text {
	
}

.footer-tel {
	
}

div.footer-text.footer-tel {
	
}

div.footer-btn {
	margin-top:1em;
	
}


a.footerContact{
  background: #317559 url("img/arr_w.svg") right 10px  top 10px no-repeat;
  background-size: 50px auto;
  display: block;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  padding:2rem;
  @media (min-width: 768px) {
    background-position:right 10rem  center;
    background-size:auto;
  padding:7rem 10rem;
  border-radius: 40px;
  }
}

a.footerContact:hover{
  text-decoration: underline;
}

a.footerContact div{
  
  @media (min-width: 768px) {
  display: flex;
  align-items: center;
  }
  margin-bottom: 1em;
}
a.footerContact h2{
  font-size:3rem;
  @media (min-width: 768px) {
  font-size: 4rem;
  }
}
a.footerContact .footsub{
  margin-left: 2rem;
}

.footLinks{
  margin: 0;
  padding: 0;
}

.footLinks li{
  display: inline-block;
  @media (min-width: 768px) {
  padding: 0 .5em;

  border-right: 1px solid #000;
  }
  
  @media (max-width: 767px) {
  display:block;
  }
  
}


/**/

.footerNav-sub,.footerNav-sub li{
	margin:0;
	padding:0;
	display: inline;
	margin-right:1em;
	list-style:none;
}

/**/
.containt-block{
	margin-bottom:3em;
	margin-top:3em;
}
.containt-block-inner{
	padding-bottom:3em;
	padding-top:3em;
}

/*button*/

.button {
	display: inline-block;
	min-width: 200px;
	height: 2.5em;
	text-align: center;
	text-decoration: none;
	line-height:2em;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 1px solid #333;
	color: #333 !important;
	
	overflow: hidden;
}
.button:hover {
	color: #fff!important;
	text-decoration:none;
}
.button::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	top: 0;
	background-color: #333;
}

.button.active{
	background-color: #333;
	color: #fff!important;
}

.footInfo .button{
	border-color:#FFF !important;
}
.is-home .footInfo .button{
	border-color:#333 !important;
}



.topArrow-btn{
	min-width: 2em;
    bottom: 15px;
	color:#000000;
    position: absolute;
	width:100%;
    text-align: center;
}

.topArrow-btn .button{
	font-size:2rem;
	min-width: 2em;
	height:2em;
	border-radius:50px;
	border:0;
}
/*imageHover*/

figure *, figure *::after, figure *::before {
    box-sizing: border-box;
}
figure {
    background: #FFF none repeat scroll 0 0;
    cursor: pointer;
  
    margin: 0 auto 5px;
    max-height: 300px;
    max-width: 400px;
    overflow: hidden;
    position: relative;
    text-align: center;
	border:1px solid #CCC;
}
figure img {
    display: block;
    max-width: 100%;
    position: relative;
}
figure figcaption {
    backface-visibility: hidden;
    color: #fff;
}
figure figcaption::before, figure figcaption::after {
    pointer-events: none;
}
figure figcaption, figure figcaption > a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
figure figcaption > a {
    font-size: 0;
    opacity: 0;
    text-indent: 200%;
    white-space: nowrap;
    z-index: 1000;
}
figure p {
    font-family: "Lato",sans-serif;
    font-size: 1.6rem;
    left: 50%;
    letter-spacing: 2px;
    margin: -0.5em 0 0 -3em;
    position: absolute;
    text-align: center;
    top: 50%;
    width: auto;
}
figure .new-txt{
	position:absolute;
	right:0;
	top:0;
	background:#A41A24;
	color:#FFF;
	z-index:1;
	font-size:1rem;
	padding:0 5px;
}
figure.effect-chico{
  background: #EFEFEB;
}



figure.effect-chico img {
  /*  transform: scale(1);
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;*/
  
  object-fit: contain;
  width: 100%;
	height: 304px;
}


figure.effect-chico:hover{
  border-color: #9CC813;
}
figure.effect-chico:hover img {
   /* opacity: 0.5;*/

/*   transform: scale(1.12);*/
}
figure.effect-chico figcaption::before {
    border: 1px solid #fff;
    bottom: 20px;
    content: "";
    left: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    transform: scale(1.1);
}
figure.effect-chico figcaption::before, figure.effect-chico p {
    opacity: 0;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
figure.effect-chico h2 {
    padding: 20% 0 20px;
}
figure.effect-chico p {
    transform: scale(1.5);
}
/*
figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p {
    opacity: 1;
    transform: scale(1);
}*/

.portfolio_tit{
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.6;
  margin-top: 0;
}
.portfolio_tit a{
  text-decoration: none;
}
.portfolio_tit a:hover{
  text-decoration: underline;
}
.portfolio_tit span{
  display: block;
}
.portfolio_tit2{
  color: #000;
}
.portfolio_tit2{
  font-size: 1.4rem;
  color: #787878;
}

.works_detail-recent-site a{
	line-height:1.4;
	color:#000 !important;
	font-size:.9rem;
}
.list-price{
	display:block;
}
.list-sub{
		display:block;
		font-size:1.2rem;
}

.works_detail-recent figure p {
    margin: -1em 0 0 -3em;
}
.works_detail-recent .col-md-3:nth-child(4n+1){
	clear: both;
}
.warks-back{
	margin-top:1em;
}
/*carousel*/

.carousel .item img{
	width:90%;
	margin:auto;
}
.carousel-control{
	width:5%;
	text-shadow:none;
	color:#000000;
	background:#FFF!important;
	opacity:1;
}
.carousel-control:hover, .carousel-control:focus{
	color:#666;
	opacity:1;
}
.carousel-indicators{
bottom:5px;
}
/*news*/
.topcontent{
  margin-bottom: 60px;
}

#top-news,
#top-about,
#top-info,
#top-subBnr{
}
#top-news .news_block {
}
 span.icNews {
    
  background: #34765A;
	color:#FFF;
  border-radius: 30px;
  text-align: center;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 2;
}
.news_block a{
  text-decoration: none;
  display: block;
}
.news_block a .news-txt{
  text-decoration: underline;
}

.news_block a:hover .news-txt{
	text-decoration:none;
}
.news_block a:hover .news-tit{
  text-decoration: underline;
}


@media (max-width: 767px) {
#top-news .news_block ,div.news_block {
	width:100%;
	padding:0px;
	margin:1em auto;
}

}


#top-about{
  background:url("img/topbody.svg") no-repeat center top;
}



.footTitle{
  font-weight: bold;
  font-size: 1.8rem;
}
.footerRight{
  text-align: right;
}
.copy{
  font-size: 1.4rem;
}
.pager{
}
.pager span,
.pager a{
	display:inline-block;
	margin:0 5px;
}
.pager span{
}
.pager a{
	text-decoration:underline;
	color:#666666;
}



.nav-tabs > li > a{
	border-radius:0;
	border:2px solid #FFF;
	font-size:1.6rem;
	color:#FFF;
	margin-right:5px;
}




.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	border:2px solid #FFF;
}

.nav > li > a:hover, .nav > li > a:focus{
	background: #777;
}
.top-blog .tab-pane{
	position:relative;
}

.news_block ul{
  padding-left: 0;
  border-top: 1px solid #D9D9D9;
}

.news_block ul{
border: 0;
}

.news_block ul li{
  border-bottom: 1px solid #D9D9D9;
  
}

.news_block ul a{
  padding: 1.5em 0;
  
  display: block;
  @media (min-width: 768px) {
  display: flex;
  }
  background: url("img/arr_solid.svg") no-repeat right 10px  center;
  
}
.news-tit{
  width: calc(100% - 2em);
  @media (min-width: 768px) {
  width: calc(100% - 8em - 7em - 2em);
  }
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  
}

.news_block a .newsDate{
  width: 8.5em;
}
.icNews {
  width: 8em;
  margin-right: .5em;
}


.news-more{
	text-align:center;
}

.comments-link{
display:none;
}

#top-about a{
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 20px;
  @media (min-width: 768px) {
    padding: 60px;
  }
}
#top-about a:hover p{
  text-decoration: underline;
}

#top-subBnr .row,
#top-info .row,
#top-about .row{
  @media (min-width: 768px) {
    display: flex;
    align-items: center;
  }
}

#top-about .row .top-about-body{
  margin-top: 1em;
}

#top-about .row img{
  background: #FFF;
  border-radius: 20px;
}

.top-about-c1,
.top-about-c2{
  border-radius: 40px;
  margin-bottom: 2em;
  background: #FDFCCB;
  @media (min-width: 768px) {
    width:50%;
  }
}
.top-about-c2{
  background: #E0F6E0;
  @media (min-width: 768px) {
    margin-top:70px;
  }
}

.linkList li{
  padding: .5em 0;
}
.linkList li a,
.linkList  .li{
    background: url("img/arr_brown.svg") left center no-repeat;
    background-size: auto;
  font-weight: bold;
  background-size: 40px;
  padding: 1em 0 1em 45px;
  color: #614A3F;
  text-decoration: none;
  
}

.linkList a:hover{
  text-decoration: underline;
}

#top-info{
  .top-info-c1{
    text-align: center;
  @media (min-width: 768px) {
    width: 50%;
    }
  }
  .linkList li{
    margin-bottom: 1em;
  }
}



#top-subBnr{
  a{
    display: block;
    text-decoration: none;
  }
  a:hover{
    text-decoration: underline;
  }
  .linkList  .li{
    display: block;
  }
  p{
    margin-left: .5em;
  }
  
}

#top-subBnr .row{
  justify-content: space-between;
}

.top-subBnr-c1,
.top-subBnr-c2{
     @media (min-width: 768px) {
      width:46%;
    }
  margin-bottom: 2em;
 
}



/*コンセプト*/

@media screen and (min-width:768px){
.concept .container,
.top-gallery .container,
.top-about .container{
	width:980px;
}
}
.concept{
	margin-top:40px;
}
.fixBtn .topTitle {
	padding:30px 0;
}
.fixBtn{
	overflow: hidden;
	padding:0;
	height:220px;
}

.fixBtn img{
	width: 100%;
max-height: 210px;
opacity: 0;
}
.fixBtn .pic{
	    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: transform 2s cubic-bezier(0.165, 0.84, 0.44, 1) .05s;
	}

.forC1 .pic{
	    background-image: url(img/concept.jpg);
}
.forC2 .pic{
	    background-image: url(img/concept2.jpg);
}
.forC3 .pic{
	    background-image: url(img/traceability.jpg);
}

.row .fixBtn .inner{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 0;
    transform: translateY(-40%);
}

.row > div.fixBtn:hover .pic,
.row > div.fixBtn.touch .pic{
    transform: scale(1.05);
    transition: transform 2s cubic-bezier(0.165, 0.84, 0.44, 1) .05s;
}
/*gyarari-*/

.gRecd_list,
.gRecd_list  li{
	margin:0;
	padding:0;
	list-style:none;
}
.gRecd_list{
    list-style: none;
    max-width: 1100px;
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap;
}
@media screen and (min-width:768px){
.gRecd_list > li,
.gRecd_list > li:nth-child(3n+1) {
  width: 23.5%;
    margin-left: 2%;
}

.gRecd_list > li:nth-child(4n+1) {
	margin-left:0;
}
.gRecd_list > li:nth-child(n+4){
	margin-top:0;
}
.gRecd_list > li:nth-child(n+5){
		margin-top:30px;
}
}


@media screen and (max-width:767px){
	.formArea{
		margin:1em;
	}
	.gRecd_list{
	}
	.gRecd_list li{
  width: 47%;
    margin-left: 2%;
	}
	.top-about .col-md-6 img{
		width:100%;
		max-width:inherit;
	}
	
}

.gRecd_fig {
    display: block;
    margin: 0;
    padding: 0;
	background:none;
	max-height:inherit;
	max-width:inherit;
	border:0;
}

.gRecd_fig > figcaption{
	position:static;
	margin-top:.2em;
	color:inherit;
	line-height:1.4;
	font-size:90%;
}
.gRecd_fig > figcaption.price{
	
	}
	
.gRecd_fig > figcaption.price .sub{
	color:#000;
	font-size:80%;
	}
	.new{
		vertical-align:super;
	color:#C00;
	font-size:80%;
	margin-left:0.5em;
	}
	.gRecd{
		border:0;
	}

.gRecd_list a{
	text-decoration:none;
}

/*about*/
.top-about .forC1 .pic{
	    background-image: url(img/about.jpg);
}

.tppnopic{
	text-align:center;
	margin-bottom:2em;
}
.top-about th{
	background:none;
	white-space: nowrap;
}
#top-news,
.top-gallery,
.top-contact{
}

/**/
.noHome{
}

/*
pageCate pageCate-service
*/

div.pageCate{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:#CCC;
}
.pageCate-service{
	background:url(image/01.jpg);
}

/*form*/
textarea, [type="search"], [type="date"], [type="tel"], [type="email"], [type="number"], [type="password"], [type="text"] {
    -webkit-appearance: none;
    appearance: none;
    font-size: inherit;
    padding: 5px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    width: 100%;
    line-height: inherit;
    resize: vertical;
}
@media (min-width: 768px) {
	.formArea{
max-width:640px;
margin:30px auto;
	}
}
	.formArea p{
		margin-bottom:.7em;
	}
	.formArea input{
		border-radius:3px;
	}



.copy{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*campany*/


.gallery-box li{
list-style: none;
margin: 0; padding: 0;
}
.gallery-box h2{
margin: 0;
color:#000;
}



.entry-content .first-lead{
	margin-top:1.71429rem;
}

/*breadcrumbs*/
.breadcrumbs{
  margin-top: 1em;
  margin-bottom: 1em;
  clear: both;
	
}
.breadcrumbs span{
	color:#444;
}
.breadcrumbs .container{
	padding-bottom:0;
	font-size:1.4rem;
  text-align: right;
}
.breadcrumbs .container>span[property="itemListElement"]::before{
  content: "＞";
  margin: 0 .5em;
}
.breadcrumbs .container span[property="itemListElement"]:first-child::before{
  display: none;
}



figure{
  cursor:default;
}
.wp-block-image{
  text-align: center;
  width: 100%;
  max-width: none;
}

.wp-block-image img{
  margin: auto;
}

.wp-block-table{
  max-height:none;
  max-width: none;
  border: 0;
}
figure.wp-block-table th,
figure.wp-block-table td{
  padding: .5em;
  border: 1px solid #CCC;
}
@media (min-width: 768px) {
figure.wp-block-table th{
  width: 190px;
}
}
[class^="wp-block-"] figcaption{
    width: 1px;
  color: #000000;
  font-size: 0.1%;
  line-height: 0.1;
  background-color: #777;
  position: absolute;
  left: -3000px;
  z-index: 9999;
}


.TAC{
text-align:center;
}
.TAR{
text-align: right;
}
.FL{
	float:left;
	margin-right:10px;
}
.FR{
	float: right;
	margin-right:10px;
}
.line{
	border-bottom:1px solid #CCC;
}

.over100{
	position:relative;
	margin-bottom:2em;
}
.over100InnerText{
	position:absolute;
	left:110px;
	top: 130px;
	width:470px;
}

.interViewText{
}

.interViewQA{
}
.interViewQA em{
	font-style:normal;
	font-weight:bold;
}
.interViewQA dt,
.interViewQA dd{
	font-weight:normal;
	margin-bottom:0.5em;
}
.interViewQA dt em{
	color:#a50c14;
}
.interView-Myone .interViewQA dd em{
	color:#773783;
}
.interView-toda .interViewQA dd em{
	color:#477f3a;
}



.interViewImgCap{
	text-align:center;
}

.interViewFootLinks{
	padding-top:3em;
	text-align:center;
}
.interViewFootLinks a{
	min-width:350px;
}
.newWin{
}
.interViewFootLinks a:hover .newWin{
}


/*works_detail*/
.works_detail a{
	text-decoration:underline;
}


.archive-works-tag,
.archive-works-tag li,
.works_detail ul,
.works_detail li{
	padding:0;
	margin:0;
	list-style: none;
}

.works_detail ul{
	margin-bottom:1em;
}

.archive-works-tag  li,
.works_detail li{
	display:inline-block;
}
.works-tag{
	margin-left:0;
	padding-left:0;
}
.archive-works-tag  li,
.works-tag li{
	margin-right:0.5em;
	list-style: none;
}
.works-tag a{
	text-decoration:none;
	display:inline-block;
	border:1px solid #333;
	padding:0px 10px;
	pointer-events:none;
	color:#000000  !important;
}
.works-tag li{
  display: inline-block;
}

.works-tag a:hover{
/*	color:#a50e13  !important;*/
}

.archive-works-tag{
	margin-bottom:0 !important;
text-align:right;
}

.archive-works-tag  li{
	margin-left:0.2em;
	margin-right:0;
}
.archive-works-tag span{
	text-decoration:none;
	display:inline-block;
	font-size:1.2rem;
	display:none;
}



.portfolio-img{
	text-align:center;
	margin-top:10px;
}
.portfolio-img img{
/*	width:90%;
	max-width:400px;
	border:1px solid #CCC;*/
}
.works_detail .works_detail-link{
	margin-bottom:1em;
}
.works_detail-lead{
	font-weight: bold;
}
.works_detail-text{
}
.works_detail-recent img{
	width:100%;
}


.works_detail_form{
  text-align: center;
  margin: 1em 0;
}

.works_detail_form a{
  padding: 0.5em 1em;
  background: #FFF;
  border-radius: 60px;
  text-decoration: none;
  border: 2px solid #000;
}
.works_detail_form a:hover{
  text-decoration: underline;
}

@media (min-width: 768px) {
.works_detail-recent img{

}
.home .works_detail-recent img{
}

}
.works_detail-recent-site{
	text-align:center;
	width:100%;
	margin-bottom:1em;
}



.works_detail-tagList,
.works_detail-tagList li{
	padding:0;
	margin:0;
	list-style: none;
}
.works_detail-tagList{
	margin-bottom:1em;
}
.works_detail-tagList li{
	display:inline-block;
	margin-right:.5em;
	margin-bottom:5px;
}
.works_detail-tagList li a,
.works_detail-tagList li strong{
	display:inline-block;
	border:1px solid #000;
	padding:0 8px;
	border-radius:50px;
  text-decoration: none;
}
.works_detail-tagList li a:hover{
  text-decoration: underline;
}
.works_detail-tagList li strong,
.works_detail-tagList .current-cat a{
	background:#000;
	color:#FFF !important;
	text-decoration:none;
}


.aligncenter{
text-align:center;
}


table{
	border-collapse:separate;
border-spacing:2px;
}
 .entry-content th, .comment-content th,table td{
	padding:5px 10px;
	font-size:1.4rem;
}
th{
	background:#F5F5F5;
}

td{
}

dl.history{
	overflow:hidden;
	margin:0;
	padding:0;
}
dl.history dt,dl.history dd{
	margin:0;
	padding:0;
}
dl.history dt{
	float:left;
	width:15%;
	clear:both;
	padding-bottom:10px;
	}
dl.history dd{
	width:80%;
	float:left;
	padding-bottom:10px;
	padding-left:20px;
	border-left:1px solid #CBCBCB;
	}


 .entry-content em{
	 font-style:normal;
	 font-weight:bold;
	 color:#A1121E;

 }



/*special*/
.pageCate-smp{
	background:url(image/bg_smp.jpg);
}



/*topsurvice*/
hr{
	border:0px;
	background:#FFF;
}
#top-service{
}

#top-service .nav-tabs{
	border:0;
}
#top-service .nav-tabs a{
	padding:0;
	font-size:1.4rem;
	border:0;
	color: #000000;
	box-sizing:border-box;
	padding-bottom:1em;
	background:#FFF;
	padding-top:1em;
	border:3px solid #FFF;
}
#top-service .nav-tabs a:hover{
	background:none;
	border:3px solid #EEE;
}


#top-service .tab-pane{
	position: relative;
	background: #FFF;
	border: 1px solid #ccc;
}

#top-service .tab-pane:after, #top-service .tab-pane:before {
	bottom: 100%;
	left: 15%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#top-service #tab2.tab-pane:after, #top-service #tab2.tab-pane:before{
	left: 50%;
}
#top-service #tab3.tab-pane:after, #top-service #tab3.tab-pane:before{
	left: 85%;
}


#top-service .tab-pane:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 22px;
	margin-left: -22px;
}
#top-service .tab-pane:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 23px;
	margin-left: -23px;
}

#top-service #myTabContent{
	margin-top:3em;
	margin-bottom:4em;
	padding:1em;
}
#top-service #myTabContent .containt-block{
	margin:1em 0 1em;;
}

#top-service #myTabContent .containt-block img{
	float:left;
	margin-top:-1em;
}
#top-service #myTabContent .containt-block div{
	overflow:hidden;
	min-height:5em;
}
#top-service #myTabContent .containt-block div strong{
	margin-bottom:0.5em;
	display:block;
}
#top-service #myTabContent .containt-more{
	margin-bottom:1em;
}

/*page-service*/
.post-type-archive-portfolio .entry-content,
.tax-portfolio_cat .entry-content,
.single-portfolio .entry-content,
.page .entry-content{
/*	margin:0 5em;*/
}
.is-interview_toda .entry-content,
.is-interview_macool-japan .entry-content,
.is-interview-beauty-map .entry-content,
.is-service .entry-content{
	margin:0;
}



/*page-service*/
.page-service{
	margin-top:1em;
	margin-bottom:2em;
}
.entry-content .page-service h3{
	margin-top:0;
}
.serviceMore{
}
.serviceMore a{
	margin-right:1em;
}
/*page-service-flow*/
.service-flow{
	margin-top:2em;
}
.service-flow dt{
	color:#FFF;
	background:#343434;
	min-width:20em;
	display:inline-block;
	text-align:center;
	border-radius:10px;
}

.bnr_access{
	max-width:920px;
	width:100%;
}



/*jQuery：サムネイルクリックで画像切り替え（画像流用） */
.ImgGroup {
    width:90%;
    margin: 0 auto;}

/*
.ImgMain{
    width: 100%;
	background:#EFEFEF;
}

.ImgMain img{
    width: 100%;
	object-fit: contain;
	width: 400px;
	height: 400px;
}*/
.ImgMain{ position: relative; }
.ImgMain::before{
    display: block;
    content: '';
    padding-top: 100%;
}
.ImgMain img{
    position: absolute;
    top: 0;
	left:0;
    width: 100%;
    height: 100%;
}
.ImgMain img{
    object-fit: contain;
    background:#f2f2f2;
}


ul.ImgThumbs {
    width: 100%;
	padding:0;
    text-align: center;
	margin-top:5px;
	}

ul.ImgThumbs li{
    display: inline-block;
	margin:0!important;
    width: 19%;
}
@media (max-width: 767px) {
ul.ImgThumbs li{
    width: 18%;
}
}

ul.ImgThumbs li img {
	object-fit: contain;
	width: 60px;
	height: 60px;
	
    cursor: pointer;
    border: 1px solid transparent;
}
ul.ImgThumbs li.current img {
    border-color: #A41A24 !important;
}

.top-copy{
font-size:1rem;
color:#AAA;
text-align:right;
}

.carousel{
max-width:1040px;
margin:0 auto;
}


/*Jimdo*/

.pageCate-jimdo{
	background:url(image/bg_jimdo.jpg);
}

table.price {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 1px 0;
    font-size: 1.5rem;
}
table.price th,
table.price td {
    padding: 10px;
}
table.price th {
    box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset;
    border-radius: 5px 5px 10px 10px;
    background: #88b7d5;
    vertical-align: middle;
    text-align: center;
    width: 33%;
	color: #fff;
    height: 50px;
    position: relative;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    font-size: 2.4rem;
}
 
 
table.price td {
    box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
    text-align: center;
    padding-top: 15px;
    border: none;
    height: 70px;
}
 
table.price tr:nth-child(2n+1) td.c1 {
    background: #f7f9e8;
}
table.price tr:nth-child(2n+0) td.c1 {
    background: #e2efbc;
}
 
table.price tr:nth-child(2n+1) td.c2 {
    background: #ffecf5;
}
table.price tr:nth-child(2n+0) td.c2 {
    background: #ffdfed;
}
 
table.price tr:nth-child(2n+1) td.c3 {
    background: #E7F7FA;
}
table.price tr:nth-child(2n+0) td.c3 {
    background: #BCE7EF;
}
 
 
table.price tr:last-child td {
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
 
table.price tr:last-child td button {
    font-size:1.2rem;
  
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #ffaa22;
    padding:9px 18px;
    text-decoration:none;
    background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
    background:-ms-linear-gradient( top, #ffec64 5%, #ffab23 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffec64), color-stop(100%, #ffab23) );
    background-color:#ffec64;
    color:#333333;
    display:inline-block;
    text-shadow:1px 1px 0px #ffee66;
    -webkit-box-shadow:inset 1px 1px 0px 0px #fff6af;
    -moz-box-shadow:inset 1px 1px 0px 0px #fff6af;
    box-shadow:inset 1px 1px 0px 0px #fff6af;
}
table.price tr:last-child td button:hover {
    background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
    background:-ms-linear-gradient( top, #ffab23 5%, #ffec64 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffab23), color-stop(100%, #ffec64) );
    background-color:#ffab23;
}
table.price tr:last-child td button {
    position:relative;
    top:1px;
}
/*accessibility-dl*/
.accessibility-dl dd{
	margin-bottom:0;
	margin-left:1em;
}
.entry-content .accessibility_target{
	text-align: center;
	
}
.entry-content .accessibility_target li{
	font-size:2em;
	list-style:none;
	display:inline-block;
	background: linear-gradient(transparent 60%, #ffff66 60%);
	padding-left:1em;
	padding-right:1em;
	margin:0 1em 0 0;
	color:#000000;
	

}
.lead-marker{
	background:#A50E13;
	text-align:center;
	color:#FFF;
	border-radius:24px;
}




/*ここより下スマホ用*/
/*@media (max-width: 990px) {*/
@media (max-width: 1199px) {

.over100InnerText{
	position: static;
	width:100%;
}

#top-jumbotron div{
background:none;
position:relative;
}
/*正月用bk
#top-jumbotron div:after{
content: "私たちは、さまざまなアイデアをかたちにします" ;
color: #FFF;
position:absolute;
bottom:100px;
left:0%;
width:100%;
display:block;
text-align:center;
font-size:2em;
}
*/

#logo span{
		display:none;
}
	.PC-only{
		display:none;
	}
	
	#top-service .nav-tabs p{
		display:none;
	}
	#top-service .nav-tabs {
    padding-left: 2%;
	}
	.top-blog .col-md-8{
		margin-bottom:1em;
	}
}
.w20{
width:20%;
}
@media (max-width: 767px) {
	.w20{
	width:auto;
	}

	.topjireiSP-tit{
		font-size:1.5rem;
	}
	.subtext{
		font-size:1.6rem;
	}
	/*sa-bisu*/
	.page-id-96 ul.col-md-6{
		margin-bottom:0;
	}
	
	.page-id-96 .serviceMore{
		margin-top:1em;
		text-align:center;

	}
	.page-id-96 .serviceMore a{
		margin-bottom:0.5em;
	}
	/*jimdo*/
	.page-id-612 thead{
		display:none;
	}
	/*aisatu*/
	.page-id-659 .FL{
		width:40%;
	}
	.entry-content th, .comment-content th, table td{
		display:block;

	}
	dl.history dt, dl.history dd{
		display:block;
		float:none;
		width:100%;
		padding:0;
		border:0;
	}
	dl.history dd{
		padding-bottom:.5em;
	}
	.entry-content .page-header span{
		padding-bottom:.5em;
		display:inline-block;
	}
	.topTitle{
		font-size:2.5rem;
	}
	
	.carousel-indicators{
		bottom:-1.5em;
	}
	
	.carousel-indicators .active{
		background-color:#333;
	}
	.carousel-indicators li{
		border:1px solid #333;
	}
	
	.post-type-archive-portfolio .entry-content,
.tax-portfolio_cat .entry-content,
.single-portfolio .entry-content,
.page .entry-content{
	margin:0;
}
	.PC-only{
		display:none;
	}
	.SP-only{
		display:block;
	}
	
	#top-service .nav-tabs a{
		overflow:hidden;
		display:block;
	
	}
	
	#top-service .nav-tabs{
	}
	#top-service .nav-tabs a img{
	}
	#top-service .nav-tabs p{
		display:none;
	}
	#top-service .nav-tabs{
		padding-left:5%;

	}
	#top-service .nav-tabs .col-md-4{
		width:33%;
		padding:0;
	}
	#top-service .nav-tabs .col-md-4 img{
		width:100%;
	}
	#top-service .tab-pane:after, #top-service .tab-pane:before {
	}
	#top-service #myTabContent{
		margin-top:1em;

	}
	

}



#sidebar{
display:none;
}

.entry-content a:visited,
.comment-content a:visited {
color:#333333;
}


.skipwrap{
	position:relative;
	z-index: 9999;
}
.skip {
	width: 1px;
	color: #000000;
	font-size: 0.1%;
	line-height: 0.1;
	background-color: #777;
	position: absolute;
	left: -3000px;
	z-index: 9999;
}
a.skip {
    background-color: #FFF!important;
    color: #1F5189!important;
    text-align: center;
    padding: 5px 0;
    top: auto;
}
a.skip:active {
	display: block;
	width: 99.99%;
	font-size: 100%;
	line-height: 1.6;
	top: 0;
	left: 0;
}
a.skip:focus {
	display: block;
	width: 99.99%;
	font-size: 100%;
	line-height: 1.6;
	top: 0;
	left: 0;
}

.list-flat{
	text-align:center;
	padding:0;
}
.list-flat li{
	display: inline-block;
	list-style: none;
}
.list-flat li img{
	border:1px solid #CCC;
}


@media (max-width:767px) {
	.pull-right{
		float:none !important;
	}
	.nav > li{
		text-align:center;
	}
	.nav > li.snsChild{
		display:inline-block;
		width:32%;
		margin:0;
		text-align:center;
	}
	.entry-content img{
		max-width:100%;
	}
	#headLogo{
		margin-left:10px;
	}
	
}