@charset "utf-8";
@import url(shared.css);

h1{padding:1em 10px;}
#shouldercopy{left:100%;}
#main{font-size:1.5em;}
#banner ul{max-width:1220px;}
#contact address+p{margin-top:.25em;}
#hnav address+span{display:block;text-align:right;font-size:12px;padding:6px 0 0;}
#pnav a{height:50px;}
#footer>a img{height:40px;}
[id$="menu"] a{font-size:16px;}
.for .list-btn>li:first-child{width:100%;float:none;}
.for .list-btn>li{width:50%;float:left;padding:0 6px;}
#snav{padding:10px 0 10px 0;}
#snav>ul>li:first-child{padding:5px 50px 5px 0;}
[id*="c-contact"] article{margin-bottom:100px;}
[id*="c-contact"] #a-contact01{margin-bottom:0;}
.search_terms [class*="a-btn"]{text-align:center;}
.sp input,.sp select,.sp textarea{transform:none;}
.linebox{background-color:#f8f3ed;border:none;box-shadow:none;}
.linebox2{background:#f9f9f9;border:none;}
.linebox3{background: /*#f9dede */url("images/design/bg_pink.png") center 0 repeat;border:none;}
.terms>dt{background:#f8f3ed;}
.step>li{background:#e4d7d0;}
.step>li::after{color:#e4d7d0;}
.step>li.on{background-color:#afc54f;}
.step>li.on::after{color:#afc54f;}
#i-form_step2 .table>dt{width:3em;text-align:right;}
[class*="check_"] input[type="radio"]~span::after{background:#afc54f;}
.p-owner #owner,.p-production #production{padding:20px 10px 10px;}
.max900{max-width:900px;margin:0 auto 1.75em;}
.terms>dd{padding:1em 1.5em;}
select{width: auto;}
article>h3{margin-bottom:1em;text-align:center;}
.border{border:1px solid #f1ece9;}
.list-type-number.flow>li:not(:last-child)::after{border-left:4px solid #e4d7d0;}
.list-type-number.flow>li::before{background:#afc54f;color:#fff;border:5px solid #afc54f;}
#footer .sns{max-width:200px;vertical-align:middle;margin:20px auto;}
#footer .sns li{padding:0 5px;}
#footer .sns img{width:30px;}

@media (min-width:31em){
img.right,.grid2tt>dt.right,.grid2tt>span:first-child.right{margin-left:3em;}
img.left,.grid2tt>dt.left,.grid2tt>span:first-child.left{margin-right:3em;}
}
@media (min-width:40em){
.content{padding:0 10px 50px;}
.search_terms [class*="a-btn"]{text-align:left;}
.p-owner #owner,.p-production #production{padding:50px 50px 40px;}
}
@media (min-width:48em){
h1{padding:3.5415em 10px;}
.step{width:70%;}
#banner{padding: 90px 0 40px;}
h2+p{max-width:310px;}
#shouldercopy{top:67px;left:38%;font-size:12px;}
#footer>a{width:auto;}
#footer .sns{display:inline-block;margin:0 0 0 30px;width:154px;}
#footer h3{text-align:right;padding:1em 0 1em 1em;float:right;}
#copyright{clear:both;}
}
@media (min-width:57.5em){
#shouldercopy{left:325px;}
}

@media(max-width:31em){
body{font-weight:normal;}
sp input,.sp select,.sp textarea{font-size:14px;}
[id|="topicpath"],.info dt{font-size:10px;}
th,td{padding:.5em;}
h2+p img{max-height:40px;}
.list-btn.petlink.typebox3- a{padding:.5em 0 1em;}
.typebox3-.petlink a>span{font-size:.9em;}
.petlink img{width:40%;}
.info{padding:10px 8px 5px;}
.limb20>li,.limb20>span,.searchlist li{margin-bottom:5px;}
#contact dl{padding:15px 10px;letter-spacing:0;}
#contact p,#contact address{margin:5px 0 0 0;font-size:12px;}
#contact p .a-btn{font-size:14px;}
.searchlist h3{font-size:1.1em;}
.searchlist>li>a{align-items:baseline;}
#pickup{border-width:20px 0;}
#pickup h3>img{width:105px;}
#search ul{margin:0 auto 20px auto;}
#search dl{padding:10px 5% 20px;}
#search [class*="a-btn"]>span,.for .list-btn{font-size:16px;}
.for .list-btn a{padding: 1em 1.5em 1em .5em;}
.for .list-btn a::after{right:10px;}
.a-play li{margin-bottom:10px;}
#profile table{font-size:14px;}
}
.slick-prev,.slick-next{max-width:67px;}
.slider2 button,.slider2 button:hover{background-color:transparent;padding:0;line-height:0;}
.slider2 li{padding:0 5px;overflow:hidden;width:280px;}
#works ul{font-size:1.05em;}
#works .slick-slider{position:relative;}
#works .slick-prev,#works .slick-next{background-position:0 30%;}
#index #works{background:url("images/design/w_ill01.png") no-repeat,url("images/design/w_ill02.png") right 90% no-repeat,url("images/design/w_ill03.png") 4.02298850574713% bottom no-repeat;background-size:67.24137931034483%,29.88505747126437%,27.58620689655172%;}
@media (min-width:40em){#index #works{padding:133px 0 50px 0;}}
@media (min-width:48em){#index #works{padding:133px 0 50px 0;background-position:0 0,105% 90%,4.02298850574713% bottom;}#works p.more{padding-top:40px;}}
@media (min-width:61em){#index #works{padding:133px 0 80px 0;background-position: 0 0,right 90%,4.02298850574713% bottom;}}