@charset "UTF-8";
/* 下層共通 */
@media (max-width: 1150px) {       
    .inner-page {
    width: 100%;
    padding: 0 15px;
}
}
    
@media (max-width: 750px) {
.page-ttl-wrap {
    width: 70%;
}
}

@media (max-width: 450px) {
    .page-header::before, .page-header::after {
    width: 100%;
}
    
    .page-ttl-wrap {
    left: 0;
    right: 0;
    margin: auto;
}
    
    .ttl-bg {
    width: 100%;
}
}



/*新着*/
@media (max-width: 1150px) { 

}

@media (max-width: 750px) { 
.news-wrap article, .news-d-wrap article {
    width: 100%;
    /* background: #fff; */
}
    
    .news-wrap article::before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: none; 
}
    
    .pub-time {
    margin-right: 1rem;
}
    
    
}


/* サービス */

/*****20190327*******/

@media (max-width: 1150px){
    .page-service {
    padding-top: 0px;
}
    
    .service-wrap {
    display: block;
    width: 100%;
        
}
    
    
    .service-items {
    margin-bottom: 170px;
}
    
    .service-img {
    width: 95%;
    padding: 30%;
    position: static;
    margin: auto;
}
    
  .service-button-outer {
    width: 50%;
    margin: 40px auto;
        padding: 20px;
}
   
    .service-items::before {
    /*background: #0a2b4c;*/
    top: 45%;
    height: 60%;
    width: 100%;
}
    
    .title-top {
    text-align: center;
}
    
    .service-button-outer .ttlBar {
    margin: 5px auto;
}
    
    .service-txt .readmore {
    margin: 30px auto 0;
}
    
}

@media (max-width: 750px){
    .service-wrap {
    padding: 10px 0;
}
    
    .service-items {
    margin-bottom: 100px;
}
    
   .service-items::before {
    top: 0%;
    height: 100%;
    width: 100%;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}
    
    .service-button-outer {
    margin: 20px auto;
}
    
    
    a.target-link:hover .service-items::before {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
    
    .service-button-outer {
    width: 80%;
}
    
    .page-service a.target-link:nth-of-type(even) .service-items::before {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}
    
    .page-service a.target-link:nth-of-type(even):hover .service-items::before {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
    
    .service-bg02 {
    bottom: -8%;
}
    
}



/* コンタクト */
/*
.cp_iptxt {
	position: relative;
	width: 80%;
	margin: 40px 3%;
}
.cp_iptxt input[type=text] {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	margin: 8px 0;
	padding: 0.3em;
	transition: 0.3s;
	border: 1px solid #1b2538;
	border-radius: 4px;
	outline: none;
}
.cp_iptxt input[type=text]:focus {
	border-color: #da3c41;
}
.cp_iptxt input[type=text] {
	padding-left: 40px;
}
.cp_iptxt i {
	position: absolute;
	top: 8px;
	left: 0;
	padding: 9px 8px;
	transition: 0.3s;
	color: #aaaaaa;
}
.cp_iptxt input[type=text]:focus + i {
	color: #da3c41;
}
*/

/*スタッフ*/
@media (max-width: 1150px){
.staff-wrap ul li {
    width: 50%;
}
 }

@media (max-width: 750px) {
.staff-wrap ul li {
    width: 100%;
}
}


/*お客様の声*/
@media (max-width: 1150px){
.voice-wrap ul li {
    width: 50%;
}
 }

@media (max-width: 750px) {
.voice-wrap ul li {
    width: 100%;
}
}


/*実績*/
@media (max-width: 1150px){
    /*
    .result-container:before {
    content: '';
    display: block;
    background: #0a2b4c;
    padding: 13%;
    width: 100%;
    height: 100%;
    /* margin-left: auto; */
    /*
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
    
    .result-container:nth-of-type(even):before {
    content: '';
    display: block;
    background: #0a2b4c;
    padding: 13%;
    width: 100%;
    height: 100%;
    /* margin-left: auto; */
    /*
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
    */

    .result-container:before {
    height: 100%;
}
    
    .result-box {
    padding: 15px;
    display: block;
}
    
    .result-box:before {
    left: 55%;
    padding: 25%;
}
    
    .result-box .img-box {
    width: 90%;
    padding: 25%;
    margin-right: auto;
}
    
.result-txt {
    width: 60%;
    color: #fff;
    padding: 15px;
    margin: auto;
}
    
    /*
    .result-box:before {
    display: none;
}*/
    
    .result-txt h1 {
    font-size: 27px;
}
    
    .result-container:nth-of-type(even) .result-box .img-box {
    margin-left: auto;
    margin-right: 0;
}
    
    .result-container:nth-of-type(even) .result-box:before {
    left: 3%;
}
    
    
 }

@media (max-width: 750px) {
 .result-container:before {
    width: 100%;
    top: 10%;
}

    .result-box .img-box {
    width: 100%;
    padding: 30%;
    margin-right: auto;
}
    
    
    .result-txt {
    width: 100%;
}
    
    .result-txt h1 {
    text-align: center;
}
    
    .result-txt h1:after {
    margin: 10px auto;
}
    
    .result-box:before {
    left: -8%;
    padding: 17%;
    top: -18%;
}
    
    .result-container:nth-of-type(even) .result-box:before {
    left: 90%;
    top: -6%;
    padding: 10%;
}
    
    .result-txt .ttlBar {
    margin: 1rem auto;
}
    
    
}


/*店舗*/
@media (max-width: 1150px) {
    .store-box {
    flex-direction: column;
}
    
    .store-txt {
    width: 100%;
    margin-top: 15px;
    order: 2;
}
    
    .store-txt-box {
    width: 100%;
}
    
    .store-box .img-box {
    width: 100%;
    padding: 30%;
    order: 1;
}
    
.store-map-area {
    order: 3;
}
    
    .store-bg01 {
    top: 55%;
}
    
    .store-bg02 {
    bottom: -9%;
}
    
}

@media (max-width: 750px) {
    .store-txt-box table {
    width: 70%;
}
    
    .store-txt-box table th, .store-txt-box table td {
    display: block;
    text-align: center;
}
    
    .store-bg01 {
    top: 43%;
    background-size: 23%,36%;
    background-position: 32% 0%,0% 10%;
}
    
    .store-bg02 {
    bottom: -7%;
}
}

@media (max-width: 450px) {
    .store-bg01 {
    top: 30%;
}
}


/* コンタクト */


/* 在庫 */
@media (max-width: 750px) {
.stock-wrap ul li{
  width: 100%;
}

.stock-wrap ul li:nth-child(3n+2):last-child {
    margin-left: 0;
    margin-right: 0;
}
}

/* 在庫詳細 */
@media (max-width: 1150px) {
.inner-page {
    width: 100%;
}
    

    
    .stock-table, .stock-option {
    font-size: 10px;
    /*border-collapse: unset;*/
}
}

@media (max-width: 750px) {
.swiper-my-pagination .swiper-pagination-bullet{
  width: 20%;
}
.info-wrap{
  flex-wrap: wrap;
}
.info-name{
  width: 100%;
}
.info-price{
  width: 100%;
  text-align: right;
}

.stock-table,.stock-option{
  font-size: 10px;
}
.stock-contact{
  padding: 20px;
}
    
    .stock-detail-wrap .sectionttl {
    width: 80%;
}
    
    .info-price {
    text-align: left;
}
    
    #carnote {
    word-wrap: break-word;
}
}

/*サービス詳細*/
@media (max-width: 1150px) {
    .service-d-item {
    flex-wrap: wrap;
}
    
    .service-d-item > div {
    width: 100%;
}
    
    .service-d-item .service-d-txt {
    width: 80%;
    margin: 50px auto;
}
    
    
        .service-d-txt h2 {
    text-align: center;
}
    
    .service-d-item .ttlBar {
    margin: 1rem auto;
}
    
    .service-d-txt {
    padding: 15px;
}
    
    .reverse {
        flex-flow: wrap-reverse;
    }
}

@media (max-width: 750px) {
    
.service-d-item .service-d-txt {
    width: 100%;
    margin: 0px 0 50px
}
    
    .img-pos {
    margin: 15px;
}
    
    }