@charset "utf-8";

/* ======================================================

    lp_takamatsu_ajistone

====================================================== */

html{
    font-size: 62.5%;
}

.serif{
    font-family: "游明朝", YuMincho, 'Noto Serif Japanese' , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*----- 横幅指定 -----*/
.wd1 {width: 1%;}
.wd5 {width: 5%;}
.wd10 {width: 10%;}
.wd13 {width: 13%;}
.wd15 {width: 15%;}
.wd20 {width: 20%;}
.wd25 {width: 25%;}
.wd30 {width: 30%; height: auto;}
.wd35 {width: 35%;}
.wd40 {width: 40%;}
.wd44 {width: 44%;}
.wd45 {width: 45%;}
.wd50 {width: 50%;}
.wd60{width: 60%;}
.wd65 {width: 65%;}
.wd70 {width: 70%;}
.wd75 {width: 75%;}
.wd80 {width: 80%;}
.wd85 {width: 85%;}
.wd90 {width: 90%;}
.wd95 {width: 95%;}
.wd100 {width: 100%;}

.mt0 { margin-top: 0px!important}
.mt10 { margin-top: 10px!important}
.mt20 { margin-top: 20px!important}
.mt30 { margin-top: 30px!important}
.mt30 { margin-top: 30px!important}
.mt40 { margin-top: 40px!important}
.mt50 { margin-top: 50px!important}
.mt60 { margin-top: 60px!important}
.mb30 { margin-bottom: 30px!important}
.mb40 { margin-bottom: 40px!important}
.mb50 { margin-bottom: 50px!important}
.mb60 { margin-bottom: 60px!important}
/* =======================
 ◇ 共通
======================== */

.contents{
    font-size: 90%;
}

.contents .container{
    width:1000px;
    margin:auto;
    text-align: center;
}

    .contents > section{
        margin-bottom:50px;
    }

    .contents .accent{
        margin-bottom:25px;
    }

    .contents .visual{
        margin-bottom:25px;
    }
    .contents  p,
    .contents  dl,
    .contents  ul{
        font-size:125%;
    }

    .contents dl p,
    .contents ul p,
    .contents ul ul,
    .contents dl dl,
    .contents dl ul,
    .contents ul dl{
        font-size:100%;
    }

    .contents h2{
        margin: 20px 0
    }

    .contents .heading1 {
        background:url(../../images/common/title-h4.jpg) 0% 50% repeat;
        font-size: 185%;
        color: #fff;
        padding: 22px 30px;
        border-left: 5px solid #c79d3b;
        font-weight: normal;
        letter-spacing: 0.05em;
        margin-bottom: 30px;
        text-align:left;
    }

/* --------------------------------
   □ 見出しタイトル用
-------------------------------- */
.contents .textTitle{
    margin-top: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.contents .textTitle span{
    display: inline-block;
    font-size: 3.2rem;
    color: #C78F0E;
    text-align: center;
    background: url(../../../lp/eiju/images/appeal_decoration.png) 0 50% no-repeat , url(../../../lp/eiju/images/appeal_decoration.png) 100% 50% no-repeat;
    line-height: 1.4;
    padding-left: 60px;
    padding-right: 60px;

}

@media screen and (max-width: 640px){
    .contents .textTitle span{
        font-size: 1.6rem;
        background-size: 30px auto;
        padding-left: 35px;
        padding-right: 31px;
    }
}

/* --------------------------------
   □ roundframe 角丸枠
-------------------------------- */

.roundframe{
    box-sizing: border-box;
    padding: 25px;
    border: 3px solid #FFAE00;
    border-radius: 10px;
    position: relative;
}

.roundframe p.text,
.roundframe p.textlast{
    padding: 20px;
    line-height: 1.8em;
    font-size: 18px;
    font-weight: 900;
}

.roundframe p.imagetop{
    margin-top: 40px;
}

.roundframe p.imagetitle{
    margin: 20px 0
}

.roundframe p.image{
    text-align: center;
}

.absolute{
    position: absolute;
    top: -50px;
    left: 100px;
}

/* --------------------------------
   □ plan
-------------------------------- */

.plan1{
    background-color:#f8f3e8;
    padding:4% 50px 4% 50px;
}

.plan1 h4{
    text-align: left;
    padding: 20px 0 ; 
}

.plan1 p.text{
    padding: 20px;
    line-height: 1.8em;
    font-size: 18px;
    font-weight: 900;
}

/* --------------------------------
   □ chirashi
-------------------------------- */

#chirashi .container .text{
	font-size: 180%;
	font-weight: 900;
	text-align: center;
}

/* --------------------------------
   □ point
-------------------------------- */
#point > .container{
    position: relative;
    border-radius: 40px;
    box-sizing: border-box;
    padding: 30px;
    border: 3px solid #E2B347;
}

#point > .container > h3{
    margin-top: -80px;
    margin-bottom: 40px;
}


#point p.image{
    text-align: center;
}

#point p.text{
    font-size: 18px;
    font-weight: 900;
    padding: 20px;
    line-height: 1.8em;
}

#point ul.box{
    height: 320px;
}

#point ul li.image{
    width: 450px;
    float:left;
}

#point ul li.text{
    width: 420px;
    float:right;
    text-align: left;
    padding: 20px;
    line-height: 1.8em;
}

/* --------------------------------
   □ class
-------------------------------- */

#class p.text{
    padding: 0 30px;
    line-height: 1.6em;
    font-size: 18px;
    font-weight: 900;
}

#class p.image{
    text-align: center;
    margin: 50px 0;
}

    #class .description{
        background: url("../../images/lp/takamatsu/ajistone/waku.png") top center no-repeat;
        background-size: cover;
        width: 100%;
        height: 184px;
    }

    #class .description h3{
        color: white;
        font-size: 220%;
        padding: 14px 10px 6px 10px;
        min-height: 36px;
    }

    #class .description p.text{
        padding: 8px 80px;
    }

/* --------------------------------
   □ stonetype
-------------------------------- */

#stonetype .stonebox{
    background: url("../../images/lp/takamatsu/ajistone/stone_bg.png") center no-repeat;
    width: 1000px;
    height: 280px;
    font-weight: 700;
}

#stonetype .stonebox p.sample{
    padding: 30px;
    float: left;
}

#stonetype .stonebox ul{
    width: 650px;
    padding: 30px 30px 10px 10px;
    float: right;
    text-align: left;
}

    #stonetype .stonebox ul li.serif{
        font-size: 182%;
        font-weight: 600;
        padding: 10px 0;
    }

    #stonetype .stonebox ul li.serif span{
        font-size: 70%;
    }

    #stonetype .stonebox ul li.text{
        line-height: 1.8em;
    }

#stonetype .stonebox ul.spec{
    width: 650px;
    padding: 0px 30px 10px 10px;
    display: table;
}

    #stonetype .stonebox ul.spec li{
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    #stonetype .stonebox ul.spec li.example{
        padding: 0 0 0 30px;
        text-align: left;
        font-size: 1.6rem;
    }
    #stonetype .stonebox ul.spec li.example span{
        position:relative;
        display:inline-block;
        padding-left:10px;
    }

    #stonetype .stonebox ul.spec li.example span:after{
        position:absolute;
        top:0;
        left:0;
        width:6px;
        height:1.4em;
        background:#C79D3B;
        content:"";
    }

    #stonetype .stonebox ul.spec li.cost dl dt{
        font-size: 1.8rem;
        font-weight: 600;
        color: white;
        background: #E60012;
        text-align: center;
    }

    #stonetype .stonebox ul.spec li.cost dl dt span{
        font-size: 80%;
    }
    #stonetype .stonebox ul.spec li.image img{
        height:90px;
    }


    #stonetype .stonebox ul.spec li.cost dl dd{
        padding: 5px;
        font-size: 200%;
        font-weight: 900;
        color: red;
    }

    #stonetype .stonebox ul.spec li.cost dl dd span{
        font-size: 60%;
    }

/* --------------------------------
   □ estimates
-------------------------------- */

#estimates .estimates1{
    overflow: auto
}

#estimates .estimatesbox ul.box{
    width: 95%;
    margin: auto;
}

#estimates .estimatesbox ul.box li{
    margin-bottom: 30px;
}

#estimates .estimatesbox ul.box li:nth-child(3),
#estimates .estimatesbox ul.box li:nth-child(4),
#estimates .estimatesbox ul.box li:nth-child(5),
#estimates .estimatesbox ul.box li:nth-child(6){
    width: 104%;
}

#estimates .estimatesbox p.caution{
    background: #e6002d;
    border-radius: 30px;
    font-weight: 700;
    color: #fff;
    padding: 10px 20px;
    font-size: 200%;
    text-align: center;
}

#estimates .estimatesbox ul.box li img{
    max-width: 100%;
}

#estimates .estimatesbox dl.box{
    width: 280px;
    float:left;
    padding: 15px;
}

#estimates .estimatesbox dt.serif{
    text-align: left;
    padding: 5px 15px;
}

#estimates ul li.image{
    width: 280px;
    float:left;
    padding: 15px;
}

/* --------------------------------
   □ relief
-------------------------------- */

#relief{
    padding-top:50px 
}

#relief .relief1{
    overflow: auto
}

#relief .relief2{
    overflow: auto
}

#relief .relief1 ul li.text{
    text-align: left;
    width: 380px;
    float:left;
    padding: 20px 10px;
    line-height: 1.8em;
    font-size: 18px;
    font-weight: 900;
}

#relief .relief1 ul li.image{
    float:left;
    padding: 7px;
}

#relief .relief2 ul li.text{
    text-align: left;
    width: 560px;
    float:left;
    padding: 20px 10px;
    line-height: 1.8em;
    font-size: 18px;
    font-weight: 900;
}

/* --------------------------------
   □ inspection
-------------------------------- */
#inspection{
    padding-top:50px 
}

#inspection li{
    width:48%;
    float:left;
    margin-right: 2%;
    margin-bottom: 20px;
    position:relative;
}

/* --------------------------------
   □ step
-------------------------------- */

#step .stepflow{
    overflow:hidden;
    margin-left:-3.3%;
}
    #step .stepflow dl{
        box-sizing:border-box;
        float:left;
        width:30%;
        height: 540px;
        margin:0 0 3% 3.3%;
        position:relative;
        background: url("../../images/lp/takamatsu/ajistone/step_bg.png") center no-repeat;
    }

    #step .stepflow dl > dt{
        text-align: left;
        padding-left: calc(3.3% + 8px);	
    }

    #step .stepflow dl:after{
        content: ' ';
        height: 0;
        position: absolute;
        width: 0;
        border-left-color: #FF0000;
        right: -11%;
        top: 50%;
    }

        #step .stepflow dl:nth-child(3),
        #step .stepflow dl:nth-child(6),
        #step .stepflow dl:nth-child(9){
            margin-right:0;
        }

        #step .stepflow dd p{
            text-align:left;
            margin:8px 20px;
            line-height: 1.6em;
            font-size: 16px;
            font-weight: 900;
        }

/* --------------------------------
   □ store
-------------------------------- */
#store .storebox{
    background-color:#f8f3e8;
    padding:4% 50px 4% 50px;
    overflow: hidden;
}


#store ul.photobox li.image{
    width: 200px;
    padding:0 25px 20px 0;
    float:left;
}

#store .storebox .text{
    font-size: 18px;
    font-weight: 900;
}

/* --------------------------------
   □ factory
-------------------------------- */

#factory .wrap{
    background: url("../../images/lp/takamatsu/ajistone/process_bg.png") 0 0 repeat;
    width: 1000px;
    overflow: hidden;
    border-radius:40px;
}

#factory ul.box{
    width: 1000px;
    margin: 0px 50px
}

#factory ul.box li{
    width: 280px;
    float: left;
    padding: 20px 10px;
}

#factory p.imagetitle{
    text-align: center;
    padding: 30px 0 0;
}

#factory .factory1 p.text{
    text-align: left;
    padding: 10px 50px;
    line-height: 1.8em;
    font-size: 18px;
    font-weight: 900;
}

#factory .process0 dl{
    width: 900px;
    padding: 10px 60px;
    line-height: 1.8em;
    text-align: left;
}

#factory .process0 dt.serif{
    font-size: 130%;
    font-weight: 900;
    padding-left: 10px;
}

#factory .process0 dd.text{
    padding: 10px;
    font-size: 16px;
    font-weight: 900;
}


/* --------------------------------
   □ select
-------------------------------- */

#select p.imagetitle{

}

#select .select_bg{
    background: url("../../images/lp/takamatsu/ajistone/select_bg.png") top center no-repeat;
    background-size: cover;
    width: 100%;
    height: 1350px;
}

#select .select1 ul li.text{
    width: 580px;
    float: left;
    font-size: 18px;
    font-weight: 900;
    padding: 320px 0 0 70px;
    text-align: left;
}

#select .select1 ul li.image{
    width: 250px;
    padding: 330px 70px 0 0;
    float: right;
}

#select .select2 ul li.text{
    width: 580px;
    float: left;
    font-size: 18px;
    font-weight: 900;
    padding: 185px 0 0 70px;
    text-align: left;
}

#select .select2 ul li.image{
    width: 250px;
    padding: 190px 70px 0 0;
    float: right;
}

#select .select3 ul li.text{
    width: 580px;
    float: left;
    font-size: 18px;
    font-weight: 900;
    padding: 190px 0 0 70px;
    text-align: left;
}

#select .select3 ul li.image{
    width: 250px;
    padding: 185px 70px 0 0;
    float: right;
}

/* --------------------------------
   □ construction
-------------------------------- */

#construction p.text{
    width: 900px;
    font-size: 18px;
    font-weight: 900;
    padding: 10px 50px;
    line-height: 1.8em;
}

#construction p.image{
    margin: 20px 0px;
}

#construction .stonebox{
    background-color:#f8f3e8;
    padding:4% 50px 4% 50px;
    overflow: hidden;
}

#construction .stonebox dl{
    width: 205px;
    padding: 10px 20px 0 0;
    float: right;
}

#construction .stonebox dt{
    text-align: left;
    font-size: 1.2rem;
}

#construction .listLead{
    color: #172A88;
    font-size: 18px;
    font-weight: 700;
}

/* --------------------------------
   □ voice
-------------------------------- */
#voice p.text{
    width: 900px;
    padding: 10px 50px;
    line-height: 1.8em;
    font-size: 18px;
    font-weight: 900;
}

#voice p.serif{
    text-align: left;
    font-size: 180%;
    font-weight: 900;
    padding: 20px 0 0 50px;
}

#voice .voice1{
    background: url("../../images/lp/takamatsu/ajistone/voice_bg_side.png") center no-repeat;
    height: 320px;
}

#voice .voice1 ul li{
    width: 500px;
    float: left;
}

#voice .voice1 ul li.text{
    width: 420px;
    padding: 0 30px;
    text-align: left;
    line-height: 1.6em;
    font-size: 16px;
    font-weight: 900;
}

#voice .voice2{
    background: url("../../images/lp/takamatsu/ajistone/voice_bg_vertical.png") center no-repeat;
    width: 320px;
    height: 690px;
    float: left;
    margin-right: 20px;
}

#voice .voice3{
    background: url("../../images/lp/takamatsu/ajistone/voice_bg_vertical.png") center no-repeat;
    width: 320px;
    height: 690px;
    float: right;

}

/* --------------------------------
   □ qa
-------------------------------- */
#qa .qa_bg{
    background:#f8f3e8 url(../../images/lp/takamatsu/ajistone/voice_bg.png) 50% 50% repeat;
}

#qa h3.image{
    padding: 20px 0;
}

#qa .hq{
    width: 900px;
    padding: 10px 50px; 
}

#qa .hq p.q{
    font-size: 1.6rem;
    padding-bottom:5px;
    border-bottom:2px dotted #068C8A;
}

#qa .hq p.q span{
    font-size: 150%;
    font-weight: 900;
    color:#068C8A;
}
#qa .hq p.q span.p{
    position:relative;
    vertical-align:middle;
    display:inline-block;
    color:#fff;
    background:#068C8A;
    width:50px;
    height:50px;
    margin-right:10px;
    border-radius:100px;
    font-size: 150%;
}

#qa .hq p.a{
    font-weight: 900;
    font-size: 1.6rem;
}


#qa .hq p.q span.p i{
    position: absolute;
    top: 50%;
    left: -2px;
    margin-top: -0.5em;
    line-height: 1;
    width: 100%;
    text-align: center;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -0.1em;

}

/* --------------------------------
   □ guide
-------------------------------- */
#guide .guide_bg{
    background: url("../../images/lp/takamatsu/ajistone/guide_bg.png") center;
}

#guide .guide1{
    overflow: hidden;
}

#guide h2.image{
    padding: 15px 0;
}

#guide ul li.text{
    text-align: left;
    width: 580px;
    padding: 0 0 0 50px;
    float: left;
    line-height: 1.6em;
    font-size: 18px;
    font-weight: 900;
}

#guide ul.imagebox{
    width: 270px;
    padding: 0 50px 30px 0;
    float: right;
}

#guide ul.imagebox li{
    padding: 0 0 20px 0;
}

/* --------------------------------
   □ access
-------------------------------- */
#access .showroom{
    text-align:center;
}

table.shoptable{
    width:80%;
    font-size:127%;
    margin:0 auto;
}

table.shoptable tr{
    border-bottom: 1px solid #d4d4d4;
}

table.shoptable th,
table.shoptable td{
    padding: 15px;
}

table.shoptable th{
    vertical-align:top;
}

table.shoptable th span{
    background: #1a885e;
    color: #fff;
    border-radius: 5px;
    display: block;
    padding: 5px;
    text-align: center;
}

table.shoptable td p.mapimage{
    margin-top:15px;
}

/* --------------------------------
   □ history
-------------------------------- */

#history .box{
    margin-bottom:35px;
}

#history h6{
    margin-bottom:15px;
}
#history .company-info2{
    width:100%;
}


#history .company-info2 th{
    background-color:#E1FEAA;
    border:1px solid #aaaaaa;
    padding:10px 20px;
    width:185px;
    vertical-align:top;
    line-height:1.8em;
}
#history .company-info2 th p{
    font-size:100%;
}

#history .company-info2 td{
    border:1px solid #aaaaaa;
    padding:10px 20px;
    line-height:1.8em;
}
#history .company-info2 > span{
    float: right;
    width: 569px;
    text-align: left;
    line-height: 1.4em;
    vertical-align: middle;
}
#history .company-info2 .red{
    color:#900;
}
#history .company-info2 span.mt01{
    margin-top: 10px;
}
#history .company-info2 span.mt02{
    margin-top: 3px;
}
#history .company-info2 span.mt03{
    margin-top: 18px;
}
#history .company-info2 span.mt04{
    margin-top: 25px;
}

#history .font-l {
    font-size: 200%;
    font-weight: bold;
}

#history .font-s {
    font-size: 85%;
}

#history .img_l {
    float: left;
    margin-right: 10px;
    text-align: left;
    vertical-align: middle;
}

#history .img_r {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: left;
}

/* ----------------------------------------------------------------
   □ history
---------------------------------------------------------------- */

#footer-info .btn-aji{
    float:none;
    display: none;
}

#footer-info .btn-totop{
    display: block;
    text-align:right;
}
#footer-info .btn-totop img{
    width:80%;
}


/* --------------------------------
   □ last
-------------------------------- */

#last .heading2 {
    text-align:left;
    background: url(../../images/common/title-h5.png) 0 23% no-repeat;
    font-size: 125%;
    padding: 0 35px 18px;
    border-bottom: 2px solid #14694b;
    margin-bottom: 25px;
}

#last .subsection{
    text-align:left;
    margin-bottom:30px;
}

#last .contact{
    margin-bottom:35px;
}

#last .division{
    margin-bottom:40px;
}

#last .division dl dt{
    border-left: 6px solid #1a885e;
    padding-left: 10px;
    margin-bottom: 25px;
}

#last .division dl dd ul.list{
    line-height: 2;
    margin-left: 15px;
}

.sp{
    display:none;
}

.pc{
    display: block;
}

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

.contents{
    padding-top: 0px!important;
}	

.sp{
    display:block;
}

.pc{
    display: none;
}


/* =======================
 ◇ 共通
======================== */

.contents{
    overflow:hidden;
    font-size: 86%;
    padding-top: 75px;
}

.contents .container{
    width:auto;
    padding:0 3%;
    margin-left:2%;
    margin-right:2%;
}

    .contents .heading1 {
        background-position:0% 50%;
        font-size: 130%;
        color: #fff;
        padding: 15px 20px;
        letter-spacing: 0;
        margin-bottom: 20px;
    }

    .contents .heading2{
        background-position:0% 23%;
        font-size: 130%;
        padding: 0 10px 8px 23px;
        margin-bottom: 17px;
    }

    .contents > section{
        margin-bottom:8%;
    }

    .contents .accent{
        margin-bottom:3%;
    }

    .contents .visual{
        margin-bottom:3%;
    }
    .contents  p,
    .contents  dl,
    .contents  ul{
        font-size:117%;
    }


/* --------------------------------
   □ roundframe 角丸枠
-------------------------------- */

.contents .roundframe{
    box-sizing: border-box;
    padding: 3%;
    border: 2px solid #FFAE00;
    border-radius: 10px;
    margin-left:2%;
    margin-right:2%;
}

.roundframe p.text{
    padding: 2%;
    line-height: 1.5;
}

.roundframe p.imagetop{
    margin-top: 4%;
}

.roundframe p.imagetitle{
    margin: 2% 0
}

.absolute{
    position:relative;
    top:-30px;
    left:0;
    z-index:5;
}

/* --------------------------------
   □ plan
-------------------------------- */

.plan1{
    padding:4% 5%;
}

.plan1 h4{
    padding: 2% 0 ; 
}

.plan1 p.text{
    padding: 2%;
    line-height: 1.8;
}

/* --------------------------------
   □ point
-------------------------------- */
#point > .container{
    padding:3%;
    border-radius:10px;
}

#point > .container > h3{
    margin-top:-30px;
    margin-bottom:4%;
}

#point p.text{
    padding: 2%;
}

#point ul.box{
    height: auto;
}

#point ul li.image{
    width: 100%;
    float:none;
}

#point ul li.text{
    width: auto;
    float:none;
    padding: 4% 2% 0 2%;
}

/* --------------------------------
   □ class
-------------------------------- */

#class p.text{
    padding: 0 3%;
}

#class p.image{
    text-align: center;
    margin: 5% 0;
}

    #class .description{
        background: #EC0028;
        width: auto;
        height: auto;
    }

    #class .description h3{
        color: white;
        font-size: 140%;
        padding: 2%;
    }

    #class .description p.text{
        padding: 2% 3%;
        background:#fff;
    }

/* --------------------------------
   □ stonetype
-------------------------------- */

#stonetype .stonebox{
    background: url("../../images/lp/takamatsu/ajistone/stone_bg.png") center repeat;
    width: auto;
    height: auto;
    padding:4%;
    margin-bottom:4%;
}

#stonetype .stonebox p.sample{
    padding: 0;
    float: none;
    text-align:center;
}
#stonetype .stonebox p.sample img{
    width:70%;
}

#stonetype .stonebox ul{
    width: auto;
    padding: 0;
    float: none;
    text-align: left;
}

    #stonetype .stonebox ul li.serif{
        font-size: 150%;
        font-weight: 600;
        padding: 2% 0;
    }

    #stonetype .stonebox ul li.serif span{
        font-size: 70%;
    }

#stonetype .stonebox ul.spec{
    width: auto;
    padding: 0;
    display: block;
    margin-top:6%;
    padding-top:3%;
    padding-bottom:3%;
    border-top:1px dotted #333;
    border-bottom:1px dotted #333;
}

    #stonetype .stonebox ul.spec li{
        display: block;
    }

    #stonetype .stonebox ul.spec li.example{
        box-sizing:border-box;
        padding: 10% 0 0 3%;
        text-align: left;
        font-size: 100%;
        margin-bottom:4%;
        float:left;
        width:70%;
    }
    #stonetype .stonebox ul.spec li.image{
        text-align:left;
        float:left;
        width:30%;
    }

    #stonetype .stonebox ul.spec li.cost{
        clear:both;
        padding-top:4%;
    }
    #stonetype .stonebox ul.spec li.cost dl dt{
        margin-top:3%;
    }

    #stonetype .stonebox ul.spec li.cost dl dt span{
        font-size: 80%;
    }

/* --------------------------------
   □ estimates
-------------------------------- */

#estimates .estimates1{
    overflow: auto
}

#estimates .estimatesbox dl.box{
    width: 48%;
    margin-left:2%;
    margin-bottom:2%;
    float:left;
    padding:0;

}

#estimates .estimatesbox dt.serif{
    text-align: left;
    padding:0;
}

#estimates ul li.image{
    width: auto;
    float:none;
    padding: 15px;
}

/* --------------------------------
   □ relief
-------------------------------- */

#relief{
    padding-top:30px 
}

#relief .relief1{
    overflow:visible;
}

#relief .relief2{
    overflow:visible;
}

#relief .relief1 ul li.text{
    text-align: left;
    width: auto;
    float:none;
    padding: 2%;
}

#relief .relief1 ul li.image{
    float:none;
    padding: 2% 0;
}

#relief .relief2 ul li.text{
    text-align: left;
    width: auto;
    float:none;
    padding: 2%;
}

/* --------------------------------
   □ inspection
-------------------------------- */
#inspection{
    padding-top:5% 
}


/* --------------------------------
   □ step
-------------------------------- */

#step .stepflow{
    margin-left:-2%;
}
    #step .stepflow dl{
        width:48%;
        height: auto;
        padding-bottom:4%;
        margin:0 0 3% 2%;
    }

    #step .stepflow dl:after{
        display:none;
    }

        #step .stepflow dl:nth-child(3),
        #step .stepflow dl:nth-child(6),
        #step .stepflow dl:nth-child(9){
            margin-right:0;
        }
        #step .stepflow dd {
            padding:0 2%;
        }


        #step .stepflow dd p{
            text-align:left;
            margin:8px 2%;
            line-height:1.8em;
        }

/* --------------------------------
   □ store
-------------------------------- */
#store .storebox{
    background-color:#f8f3e8;
    padding:4%;
    overflow: hidden;
}

#store ul.photobox{
    overflow:hidden;
}

#store ul.photobox li.image{
    width: 48%;
    padding:0 0;
    margin:0 0 2% 2%;
    float:left;
}

/* --------------------------------
   □ factory
-------------------------------- */

#factory .wrap{
    width:auto;
    border-radius:10px;
}

#factory ul.box{
    width: auto;
    margin: 0px 5%;
}

#factory ul.box li{
    width: auto;
    float: none;
    margin: 0 0 4% 0;
    padding: 0;
    text-align:center;
}

#factory p.imagetitle{
    padding: 3% 3%;
}

#factory .factory1 p.text{
    padding: 2% 4%;
}

#factory .process0 dl{
    width: auto;
    padding: 1% 5%;
}

#factory .process0 dt.serif{
    font-size: 130%;
    padding-left: 0;
}

#factory .process0 dd.text{
    padding: 0;
    margin-bottom:4%;
}


/* --------------------------------
   □ select
-------------------------------- */

#select p.imagetitle{
    margin-bottom:20px;
}

#select .select_bg{
    background: #f9f4e9 url("../../images/lp/takamatsu/ajistone/select_bg_sp.png") 0 0 no-repeat;
    background-size: 100% auto;
    width: auto;
    height: auto;
    padding-bottom: 4%;
}

#select .select_bg h3{
    padding: 2% 0;
}

#select .select h4{
    background: #fff;
    border-right: 1px solid #D8D7D5;
}	

#select .select ul.box{
    background: #fff;
    border-right: 1px solid #D8D7D5;
    border-bottom: 1px solid #D8D7D5;
    margin-bottom: 4%;
    padding: 4%;
}

#select .select ul.box li.text{
    padding:0;
    margin-bottom:3%;
}

#select .select ul.box li.image{
    text-align:center;
}

#select .select1 ul li.text{
    width: auto;
    float: none;
    padding:0;
    margin-bottom:3%;
    text-align: left;
}

#select .select1 ul li.image{
    width: auto;
    padding: 0 0 0 0;
    text-align:center;
    float: none;
}

#select .select2 ul li.text{
    width: auto;
    float: left;
    padding: 0 0 0 60px;
    text-align: left;
}

#select .select2 ul li.image{
    width: auto;
    padding: 0 0 0 0;
    float: none;
}

#select .select3 ul li.text{
    width: auto;
    float: left;
    padding: 0 0 0 0;
    text-align: left;
}

#select .select3 ul li.image{
    width: auto;
    padding: 0 0 0 0;
    float: none;
}
/* --------------------------------
   □ construction
-------------------------------- */

#construction p.text{
    width: auto;
    padding: 2% 4%;
}

#construction p.image{
    margin: 2% 0px;
}

#construction .stonebox{
    background-color:#f8f3e8;
    padding:4%;
    overflow: hidden;
}

#construction .stonebox dl{
    width: 48%;
    margin:0 0 2% 2%;
    padding: 0 0 0 0;
    float: left;
}

#construction .stonebox dt{
    text-align: left;
    margin-top:1%;
}
#construction .stonebox dd img{
    width:100%;
}

/* --------------------------------
   □ voice
-------------------------------- */
#voice p.text{
    width: auto;
    padding: 2% 0;
    line-height: 1.8em;
}

#voice p.serif{
    text-align: left;
    font-size: 140%;
    font-weight: 500;
    padding: 0;
}

#voice .voice1{
    background-size:cover;
    height: auto;
    padding:4%;
    margin-bottom:4%;
}

#voice .voice1 ul li{
    width: auto;
    float: none;
}

#voice .voice1 ul li.text{
    width: auto;
    margin-top:3%;
    padding: 0 3%;
}

#voice .voice2{
    background-size:cover;
    width: auto;
    height: auto;
    float: none;
    margin-right: 0;
    padding:4%;
    margin-bottom:4%;
}

#voice .voice3{
    background-size:cover;
    width: auto;
    height: auto;
    float: none;
    padding:4%;
    margin-bottom:4%;

}

/* --------------------------------
   □ qa
-------------------------------- */

#qa h3.image{
    padding: 2% 0;
}

#qa .hq{
    width: auto;
    padding: 2% 3%; 
}

#qa .hq p.q{
    padding-bottom:5px;
    border-bottom:2px dotted #068C8A;
}

#qa .hq p.q span{
    font-size: 100%;
}
#qa .hq p.q span.p{
    width:30px;
    height:30px;
    margin-right:10px;
}

#qa .hq p.q span.p i {
    font-size: 13px;
}


/* --------------------------------
   □ guide
-------------------------------- */
#guide .guide_bg{
}

#guide .guide1{
    padding:3%;
    margin-bottom:3%;
}

#guide h2.image{
    margin:0 0 3% 0;
    padding: 0;
}

#guide ul li.text{
    width: auto;
    float: none;
    padding: 0;
}

#guide ul.imagebox{
    width: auto;
    float: none;
    margin-top:3%;
    padding: 0 ;
}

#guide ul.imagebox li{
    float:left;
    width:48%;
    margin-left:2%;
    padding:0
}

/* --------------------------------
   □ access
-------------------------------- */

#access .showroom{
    text-align:center;
}

table.shoptable{
    width:100%;
    margin:0 auto;
}

table.shoptable tr{
    border-bottom: 1px solid #d4d4d4;
}


/* --------------------------------
   □ history
-------------------------------- */

#history h6{
    margin-bottom:2%;
}

#history .company-info2 {
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #aaa;
}


#history .company-info2 th{
    display:block;
    width:auto;
    border-top: none;
    padding:3%;
    font-size: 118%;
}

#history .company-info2 td {
    display: block;
    border-top: none;
    overflow: hidden;
    padding: 3%;
    font-size: 107%;
    box-sizing: border-box;
    width: 100%;
}

#history .img_l {
    float: none;
    margin-right: 0; 
    display: block;
    margin: 4% 0;
}


#history .shopimg {
    width:70%;
    margin:2% auto;
}

table.shoptable th {
    width: 5em;
}	

.pc{
    display: none;
}	
}