@charset "utf-8";
/*共通*/
.spOnly{display:block!important;}
.pcOnly{display:none!important;}
.topBox{width:100%!important;box-sizing:border-box;padding:0 5%!important;}
.topBox .innerBox{width:inherit;padding: 50px 0;}
@media screen and (max-width:320px) {
.innerBox .conTitle em{font-size:30px;}
}
.fBanner .conBanner, .fBanner .priBanner{border-radius:30px;}
@media screen and (max-width:376px) {
.fBanner .conBanner, .fBanner .priBanner{border-radius:20px;}
}

/*HUM*/
body.home header{height:100vh;background-image:url(../layout/topIMGsp.jpg.webp);}
body.home header img,body.home header:after{display:none;}

header .headContainer{position:relative;border-bottom:0;z-index:20;width:100%;height:80px;background:#000 no-repeat center;top:0;border-radius:0;border:0;}
header .headContainer h1{background-image:url(../layout/logo02.png);top:0;bottom:0;width:70px;height:50px;left:15px;background-size:contain;margin:auto;z-index:1;}
header #humBtn {position:absolute;display:block;top:0;bottom:0;right:20px;margin:auto;width:50px;height:40px;z-index:10;}
header #humBtn span{display:block;position:absolute;width:40px;height:5px;right:0;border-radius:4px;margin:auto;background:#fff;transition:0.3s ease-in-out;}
header #humBtn span:nth-child(1){top:0;}
header #humBtn span:nth-child(2){top:0;bottom:0;}
header #humBtn span:nth-child(3){bottom:0;}
header #humBtn span:before{content:'';display:block;position:absolute;width:5px;height:5px;border-radius:100%;left:-8px;background:#c00;}
header #humBtn.open span:before,header #humBtn.open span:nth-child(1){background:rgba(255,255,255,0);}
header #humBtn.open span:nth-child(2){transform:rotate(45deg);top:-2px;left:18px;width:30px;}
header #humBtn.open span:nth-child(3){transform:rotate(-45deg);bottom:18px;right:19px;width:30px;}

header #humBox{display:none;box-sizing: border-box;background-color:#fff;width:100%;position:absolute;top:80px;z-index:10;padding: 30px 10px;box-shadow: 0px 2px 2px rgba(0,0,0,0.5),0px 2px 5px rgba(0,0,0,0.5);font-family: 'Roboto', sans-serif!important;font-weight:bold;}
header #humBox em{font-family: 'Roboto', sans-serif!important;font-weight:bold;}
header #humBox.open{animation: humM 0.3s 0.1s 1 forwards;-webkit-animation: humM 0.3s 0.1s 1 forwards;}
header #humNavi em{font-size:25px;color:#c00;font-weight:bold;}
header #humNavi ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;}
header #humNavi li{display:block;width:calc(100% / 2 - 2px);box-sizing:border-box;font-size:18px;border-bottom: 2px solid #999;line-height:1;font-weight:bold;background:url(../layout/humarrow.gif) no-repeat center right 10px;background-size:12px;}
header #humNavi li a{display:block;width:100%;height:100%;padding:20px 0;}
header #humNavi .menu{margin-top:10px;border-top: 4px solid #000;}
.humCompany{position:relative;padding-bottom:50px;}
@media screen and (max-width:320px) {
.humCompany{position:relative;padding-bottom:95px;}
}
.humCompany .com{display:block;background:#000;margin:30px auto 20px auto;padding:20px 10px;color:#fff;box-sizing:border-box;border-radius:16px;font-size:20px;}
.humCompany .com:before{content:'';display:block;position:absolute;width:160px;height:150px;bottom:0;right:0;background:url(../layout/humcharacter.png) no-repeat bottom right;background-size:contain;}
.humCompany span{display:block;background:url() no-repeat center;border: 2px solid #000;width:40px;height:40px;float:left;border-radius:40px;margin-right:10px;background-size:26px;}
.humCompany span.tel{background-image:url(../layout/tel.svg);}
.humCompany span.mail{background-image:url(../layout/mail.svg);}
.humCompany span.tel a,
.humCompany span.mail a{display:block;width:100%;height:100%;}
#humBody{display:none;position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.9);transition:0.3s ease-in-out;}
#humBody.open{display:block;transition:0.3s ease-in-out;}

/*TOP*/
.redList {border:none;padding:0;overflow: inherit;}
.redList .sideTitle{height: 100%;width:100%; position:relative;margin-bottom:20px;padding:0;background:none;border-bottom:3px solid #c00;line-height: 1.6;}
.sideTitle i{width:30%;margin-bottom: -1px;font-size:16px;transform: rotate(0deg);text-align: center;background: #c00;border-radius: 20px 20PX 0 0;}
.tb03Box div{width:100%;margin-left:0;padding-top:230px;}
@media screen and (max-width:320px) {
.tb03Box div{padding-top:200px;}
}
.tb03Box .leftBox{margin-bottom:80px;}
.tb02 .innerBox{background-position:right bottom;background-image:url(../top/tb02sp.png.webp);background-repeat:no-repeat;padding-bottom:75px;background-size:64px auto;}
.tb02 .innerBox:before,.tb02 .innerBox:after{display:none;}
@media screen and (max-width:376px) {
.tb02 .innerBox{padding-bottom:60px;}
.tb02 .innerBox:before,.tb02 .innerBox:after{top:350px;}
}
@media screen and (max-width:320px) {
/*.tb02 .innerBox{background-position: center bottom 15px;}*/
}
.tb03Box .leftBox:before,.tb03Box .rightBox:before{width:90%;opacity:1;left:0;right:0;top:30px;margin:auto;background-size:contain;}
.tabBody ul.worksList.is-show {padding: 20px 0;box-sizing:border-box;}
body.concept h2.title{background: url(../concept/topIMGsp.jpg.webp) no-repeat center;background-size:cover;}

/*CONCEPT*/
p.catch i{ position:relative;font-size:23px;letter-spacing:2px;}
p.catch b{display:block;font-size:70px;line-height:0.75;animation: 0.6s ease-in-out 0s 1 alternate forwards running anisp01;transform-origin: center top;}
p.catch small{display:block;position:absolute; font-size:80px;left:0;right:0;top:10px;border-radius:100%;line-height:0.8;z-index:9;color:#c00;animation: 0.6s ease-in-out 0s 1 alternate forwards running anisp02;}
p.catch span{line-height:2;}

@-webkit-keyframes anisp01 { 
  0% {opacity:0;padding-top:60px;}
  100% {opacity:1;padding-top:0;}
}

@-webkit-keyframes anisp02 { 
  0% {opacity:0;padding-top:0;transform:rotate(0deg);}
  100% {opacity:1;padding-top:0;transform:rotate(720deg);}
}

.concBox{width:90%;}
.conc01{margin-top:0;padding:100px 0 60px;}
.conc02 li{width:100%;padding-left:0;margin-left:0;padding-top:180px;text-align:center;background-position-x:center;}
.conc02 p{text-align:left;margin-top:10px;}
p.catch,.concBox{margin:30px auto;}
.conc01 p{text-align:left;}
.conc01:before{top:0;}
.conc01:after{bottom:0;}
.conc01 h3.fade:before{top:-170px;right:0;}
.conc01 h3.fade:before{top:-170px;right:0;}
.conc01 h3.fade:before,.conc01 h3.fade:after{display:none;}
.conc01:before{background-image:url(../layout/con001sp.png);background-size:contain;top:-20px;}
.conc01:after{display:none;}


/*SELF=PRODUCE*/
body.page-template-template-member header{background-size:contain;}
body.page-template-template-member h2.title i,body.page-template-template-member h2.title span{color: #c00;border-color: #c00;}
.staff-menu {position:relative;width:100%;left:0;top:0;}
.crop-image{z-index: -999;margin: auto;left: 0;right: 0;text-align: center;opacity: 0.5;}
.life-style, .work-style, .free-space{width:100%;}
.life-style ul, .work-style ul{width:90%;}
.life-style li, .work-style li{padding: 10px;box-sizing: border-box;}
.life-style li p, .work-style li p{width:100%;border: none;padding: 0;}
.life-style li span, .work-style li span,.free-space span{width:100%;text-align:left;}
.free-space span{padding:5%;box-sizing:border-box;}
.life-style li span:after,.work-style li span:after{width:100%;height:2px;top:inherit;}
.life-style li span, .work-style li span{padding-right: 0;margin-right: 0;padding-bottom: 8px;margin-bottom: 10px;}


/*トップページ*/
/*body.home .nowLoading{display:none;}*/
body.home.onload header:before{display:none;}
body.home.onload header h2.topCatch{animation:none;opacity:1;width:100%;}
body.home.onload header h2.topCatch span{line-height:1.75;}
body.home.onload header h2.topCatch span i{font-size:25px;}

body.home.onload header h2.topCatch img{display:block;}
.tb02:before{display:none;}
.tb02:after{display:none;}

/*SUPPORT*/
body.support h2.title{background:url(../support/topIMG_sp.jpg.webp) no-repeat;background-size:cover;}
.sprtBox{width:100%;padding:0 10px;box-sizing:border-box;}
.compTable{width:100%;}
.compTable:before{display:none;}
.compTable:after{display:none;}
.compTable th{display:block;width:100%;background:#eee;padding:5px 10px;border-bottom:2px solid #ccc;}
.compTable td{display:block;padding:10px 0 20px 0;line-height:1.75;}
.sprtBox .links{width:100%;}
.sprtBox .links li:before{display:none;}
.sprtBox .links li a{padding:10px 30px 8px 30px;}
.floatDiv{margin:50px auto;}
.floatDiv .leftTitle{float:none;width:100%;border-top:0;padding:15px 0;}
.floatDiv .rightList{float:none;width:100%;border-top:3px solid #000;}
.sprt02 iframe{border-radius:30px;}
@media screen and (max-width:400px){
.sprtBox .links{width:fit-content;}
.sprtBox .links li{border-radius:23px;height:46px;}
.sprtBox .links li a{font-size:12px;padding:10px 20px 8px 20px;}
.sprtBox .links li i{font-size:17px;}
}

/*CONTACT*/
body.contact h2.title{background:url(../contact/topIMG_sp.jpg.webp) no-repeat;background-size:cover;padding:5px 20px;}
body.contact .sprtBox{margin:50px 0;}
.floatDiv.telFax .rightList:before{display:none;}
.floatDiv.telFax .rightList:after{display:none;}
.floatDiv.cf .rightList li .left{float:none;width:100%;display:block;}
.floatDiv.cf .rightList li .right{float:none;width:100%;display:block;}
.floatDiv.cf .rightList li .right input,
.floatDiv.cf .rightList li .right textarea{width:100%;box-sizing:border-box;}
.floatDiv.cf .rightList li .right .your-purpose{font-size:13px;}
.floatDiv.cf .rightList li .right .your-purpose input{display:inline-block;width:auto;}
.floatDiv.cf .rightList li .right .postMark{display:inline-block;width:10%;text-align:right;}
.floatDiv.cf .rightList li .right .your-postalcode{display:inline-block;width:90%;}
.floatDiv.cf .rightList li .right small{display:block;}
@media screen and (max-width:420px){
.wpcf7 .ajax-loader{margin:0 8px!important;}
.floatDiv.cf .rightList .submit input{width:120px;}
}
@media screen and (max-width:320px){
.floatDiv.telFax .rightList .tel{font-size:32px;padding-left:40px;}
.floatDiv.telFax .rightList .fax{font-size:32px;padding-left:40px;}
.floatDiv.telFax .rightList .tel:before,
.floatDiv.telFax .rightList .fax:before{width:32px;height:32px;font-size:14px;}
}

/*WORKS*/
body.works h2.title,
body.works-web h2.title,
body.works-dtp h2.title{background:url(../works/topIMG-sp.jpg.webp) no-repeat;background-size:cover;padding:5px 20px;}
.post-type-archive .wkBox,
.search-no-results .wkBox,
.search-results .wkBox{margin-top:0;}
body.works #searchform,
.post-type-archive #searchform{padding: 20px 10px;}
.wkBox .innerBox{width:100%;}
.wkBox .tabSec .tabHead{width:90%;}
.wkBox .tabSec .tabBody .tbul.web{background:none;padding-top:0;}
.wkBox .tabSec .tabBody .tbul.dtp{background:none;padding-top:0;}
.wkBox .tabSec .tabBody .tbul > li{width:100%;padding-bottom:0;height:auto;min-height:auto;margin-bottom:30px;}
.wkBox .tabSec .tabBody .tbul > li:first-child{margin-left:0;}
.wkBox .tabSec .tabBody .tbul > li .pic, .wkBox .tabSec .tabBody .tbul > li .picSp{border-radius:6px;}
.wkBox .tabSec .tabBody .tbul.web > li .pic{border:2px solid #fff;}
.wkBox .tabSec .tabBody .tbul.dtp > li .pic{padding:5px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:250px;}
.wkBox .tabSec .tabBody .tbul.dtp > li .pic img{display:block;width:auto;max-width:90%;max-height:90%;}
@media screen and (max-width:400px){
.works-web h2.title i,
.works-dtp h2.title i{width:auto;line-height:1;padding-top:46px;}
.works-web h2.title i{padding-top:20px;}
}
@media screen and (max-width:370px){
.works-dtp h2.title i{padding-top:20px;}
}
@media screen and (max-width:320px){
.wkBox .tabSec .tabBody .tbul > li{width:100%;float:none;}
.wkBox .tabSec .tabBody .tbul > li:nth-of-type(2n){padding-left:10px;}
}

.tb04 .worksList li{width:calc(100% - 20px);float:none;margin:10px 10px 30px !important;background-size:auto 100%;background-position:top 90px center;z-index:0;box-sizing:border-box;border:0;padding-bottom:180px;border-radius:0;}
.tb04 .worksList li > div{opacity:1;color:#000;height:inherit;}
.tb04 .worksList li > div .title{border-color:#000;font-size:15px;}
.tb04 .worksList li > div .text{font-size:13px;}
@media screen and (max-width:320px) {
.tb04 .worksList li{background-size:auto 140px;background-position-x:center;}
.tb04 .worksList li > div{padding:170px 10px 0;box-sizing:border-box;}
.tb04 .worksList li > div .title{text-align:center;}
}
.tb04 .worksList li > div.hov{border-color:#000;}
.tb04 .worksList li:before,
.tb04:before{display:none;}

/*DTP WEB*/
body.dtp h2.title{background:url(../dtp/topIMG-sp.jpg.webp) no-repeat;background-size:cover;padding:5px 20px;}
body.web h2.title{background:url(../web/topIMG-sp.jpg.webp) no-repeat;background-size:cover;padding:5px 20px;}
.web03 h3.fade:before,
.dtp03 h3.fade:before{display:none;}
.web h3.title02,
.dtp h3.title02{margin:0 0 40px;}
.web h3.title02 em,
.dtp h3.title02 em{background:none;}
.web h3.title02 em:after,
.dtp h3.title02 em:after{display:none;}
.dtp .textbox01,
.web .textbox01{width:100%;padding:0 10px;box-sizing:border-box;}
.dtp .textbox01 br,
.web .textbox01 br{display:none;}
.dtp .tb02{padding:60px 0;}
.dtp .tb02 .innerBox,
.web .tb02 .innerBox{width:100%;padding:0 10px;box-sizing:border-box;}
.web h3.title,
.dtp h3.title{margin:0 0 60px;}
.dtp02,
.web02{padding:0 0 60px;}
.dtp02 ul,
.web02 ul{width:320px;margin:0 auto;text-align:left;}
.dtp02 ul li,
.web02 ul li{margin-bottom:15px;margin-left:4%;}
.web .textbox02,
.dtp .textbox02{padding-top:270px;background-position:top center;background-size:auto 240px;}
.web .textbox02 p,
.dtp .textbox02 p{width:100%;padding:0;}
.title03,
.tb04 form{display:block;}
.web h3.title03,
.dtp h3.title03{margin:30px 0;}
.frame{display:block;margin-bottom:40px;}
.searchBox{width:100%;}


/*SEARCH.PHP*/
body.search-results h2.title{background-image:url(../layout/topIMG-searchSP.jpg.webp);background-size:cover;}
body.search-results.inhouse h2.title{background-image:none;}
body.search-no-results h2.title{background-image:url(../layout/img40402.jpg);background-position:bottom;background-size:cover;}
body.search-no-results h2.title i{color:#000;border-color:#000;}
body.search-no-results h2.title span{color:#000;}
body.search-results .wkBox .tabSec .tabBody .tbul > li:first-child{padding-left:10px;}
body.search-results .wkBox .tabSec .tabBody .tbul > li:nth-of-type(2n){padding-left:0;padding-right:10px;}
body.search-results .sitesearch,
body.search-no-results .sitesearch{margin:0 10px;}

.search-results .ihn02{width:100%;padding:0 10px;box-sizing:border-box;}
.ihBlist dl dt{width:40%;}
.ihBlist dl dt a img{width:100%;height:auto;}
.ihBlist dl dd{width:60%;}
.ihBlist dl dd a{width:100%;display:block;padding-left:15px;box-sizing:border-box;word-break:break-all;}

/*記事ページャー*/
.pagenation{margin:0 10px;}
.pagenation a.next,.pagenation a.prev,.pagenation a.next:hover,.pagenation a.prev:hover{bottom:-60px;}


/*THANKS*/
body.thanks h2.title{background:url(../layout/thanksTopSP.jpg) no-repeat;background-size:cover;}
section.compBox{width:100%;padding:0 10px;box-sizing:border-box;}
section.compBox .con-thanks{padding:260px 0 0 0;background-position:center top 30px;position:relative;}
.compBox p.thAnksSpeech:before{left:0;background-image:url(../layout/thanksspeechSP.gif);background-size:100%;font-size:34px;line-height:2;}
.compBox p{width:100%;}
.compBox .tTel{width:100%;}
@-webkit-keyframes speech{100%{width:100%;}}
@keyframes speech{100%{width:100%;}}
@media screen and (max-width:320px){
.compBox p.thAnksSpeech:before{font-size:30px;line-height:2.3;}
.compBox .tTel p b i{font-size:38px;}
}

/*404*/
.page-404{width:100%;padding:0 10px;box-sizing:border-box;margin-top:30px;}
.page-404 h2{}
.page-404 h2:before{width:100%;left:0;background-size:100%;background-position:center bottom 40%;}
.page-404 p{padding-top:200px;}
@-webkit-keyframes ani40400 { 
  0% {opacity:0;top:50px;}
  100% {opacity:1;top:30px;}
}
@media screen and (min-width:374px) {
.page-404 h2{}
.page-404 h2:before{}
}

/*TIME SHEET*/
body.time-sheet h2.title{background:url(../calendar/topIMGsp.jpg.webp) no-repeat;background-size:cover;padding:30px 15px;}
body.time-sheet .myCalendar .innerBox{width:100%;}
body.time-sheet .mc-main .my-calendar-header{padding:15px 15px 0px 15px;}
body.time-sheet .mc_bottomnav .category-key{padding:10px 15px 5px;}
body.time-sheet .my-calendar-header > div{margin-bottom:10px;}
body.time-sheet .goal{width:100%;border:0;}


/*WORKS SINGLE (COMMENT)*/
.single .wkBox{margin:0;}
.WkComBox{width:100%;padding:0 10px;box-sizing:border-box;}
.WkComBox img.workIMG{width:100%;}
.comments.redList .sideTitle{padding:0;}
.comments.redList .sideTitle i{width:100%;}
.comments.redList .commets-list{width:100%;padding:0 10px;box-sizing:border-box;}
.comment-body{padding:20px 0 60px 50px;}
.comment-body img{width:40px;height:40px;}
.comment-body .comment-meta{left:50px;bottom:50px;}
.comment-body .reply{bottom:20px;right:auto;left:50px;}
.commPostBox{padding:0 10px 50px 60px;}
textarea#comment{margin:5px auto;}
.commPostBox img{width:40px;height:40px;left:10px;}
.commPostBox .form-submit{bottom:20px;right:auto;left:60px;}

/*MEMBER*/
body.page-template-template-m-list h2.title i,
body.page-template-template-m-list h2.title span{color:#c00;border-color:#c00;}
.member .m-list{width:100%;padding:0 10px;box-sizing:border-box;}
.member .m-list li a{padding:180px 0 50px 0;text-align:center;}
.member .m-list li a .img{bottom:auto;right:0;margin:0 auto;top:50px;}
.member .m-list li a .sub-img{display:none;}
.member .m-list li .pos{display:block;margin-left:0;text-align:center;}

/*INHOUSE SINGLE*/
body.inhouse h2.title i,
body.inhouse h2.title span{color:#c00;border-color:#c00;}
body.inhouse .searchBox{width:90%;}
.inhouseBox{width:100%;padding:0 10px;box-sizing:border-box;}
.inhouseBox .contents{padding:20px 10px;}
.inhouseBox .comments.redList{background:#eee;}
.inhouseBox .commPostBox .form-submit{bottom:10px;}

.pager-single{padding-bottom:70px;height:auto;width:95%;margin-left:auto;margin-right:auto;}
.pager-single .pageBox{max-width:48%;}
.pager-single .pageBox a.secondLink{width:100%;}
.pager-single .pageBox a.inside{padding:10px 10px 5px 10px;}
.pager-single .pageBox .img{width:50px;height:50px;}
.pager-single .home{top:auto;}

/*INHOUSE-ARCHIVE*/
.inhousenews section{width:100%;padding:0 10px;box-sizing:border-box;}
.inhousenews section.ihn02{padding:20px 10px;}
.ihn01 ul{padding:20px;box-sizing:border-box;}
.ihn01 ul li{width:100%;}

/*COMMUNITY ROOM*/
body.community h2.title{font-size:46px;margin-bottom:20px;}
body.community h2.title i{color:#000;border-color:#000;line-height:1;padding-bottom:10px;}
body.community h2.title span{color:#000;font-size:14px;}
.cat-caution{width:100%;position:relative;top:auto;}
.staff_page .innerBox{width:100%;padding:0 10px;box-sizing:border-box;}
.staff_page .sf01{padding-top:30px;}
.staff_page .sf01 ul{padding:20px 15px;}
.staff_page .sf01 ul li{margin-bottom:15px;}
.staff_page .sf01 ul li:last-child{margin-bottom:0;}
.staff_page .sf01 ul li a{padding:0;}
.staff_page .sf01 p{margin-left:0;margin-top:10px;width:auto;white-space:normal;display:block;}
.staff_page .sf02{overflow:hidden;}
.staff_page .sf02 .wkBox{margin-bottom:0;}
.staff_page .sf02 .innerBox h3 em{margin-top:50px;}
.staff_page .sf02 .innerBox h3 i{font-size:64px;left:0;right:0;top:0;display:block;width:320px;margin:0 auto;}
.staff_page .sf03 li{width:47.5%;}
.staff_page .sf03 li span.cat{float:none;}
body.community .myCalendar{margin:0 0 30px;padding:50px 0 50px;}
body.community .myCalendar .innerBox{width:100%;padding:10px;box-sizing:border-box;}
body.community .mc-main .my-calendar-header{padding:15px 15px 0px 15px;}
.staff_page .sf05 .innerBox{width:100%;padding:0 10px;box-sizing:border-box;}
.staff_page .sf05 .news-block_content{width:100%;margin:0 0 50px 0;display:block;text-align:left;}
.staff_page .sf01 .btn,
.staff_page .sf05 .btn{text-align:center;}
.staff_page .sf07 .mem_Box{width:49%;height:130px;border-radius:20px;}
.staff_page .sf07 .mem_Box a{width:100%;height:100%;}

h2.title{font-size:40px;}
#postFIELD, #postFIELD p{font-size:15px;}
#postFIELD h4{font-size:23px;line-height:1.5;}
.post-field article address p{text-align:justify;}


/*COMMUNITYPAGE*/
.staff_page .sf01 ul li a i{width:auto;}
.cat-caution ul li a i{width:auto;}
.wkBox .tabSec .tabBody .tbul > li{height:auto;}

header{background:none;height:auto;}
h2.title{margin:0;min-height:200px;padding:20px 20px 5px;box-sizing:border-box;}
h2.title i{padding-bottom:0;padding-top:30px;width:auto;}
h2.title span{margin-top:10px;}
h2.title ul li:before{color:#fff;}
h2.title ul li a{color:#fff;}

/*FLOW*/
body.flow h2.title{background:url(../flow/topIMG-sp.jpg.webp) no-repeat center;background-size:cover;}
body.flow h2.title i{color:#000;border-color:#000;}
body.flow h2.title span{color:#000;}
section.fw01{width:auto;margin:0 10px;position:relative;top:0;}
section.fw01 dl:after{display:none;}
section.fw01 .fw{height:auto;padding-bottom:150px;background-position:center bottom;margin-bottom:30px;}
section.fw01 .fw:before{top:auto;bottom:0;left:0;right:0;margin:0 auto;}
section.fw01 .fw p{width:auto;top:0;padding:0;}
section.fw01 dl dt{background:none!important;position:relative;padding-left:60px;padding-top:2px;}
section.fw01 dl{padding-left:0;}
section.fw01 dl dt:after{display:block;position:absolute;font-size:35px;top:5px;left:0;z-index:2;font-family:"游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#666;width:45px;height:45px;text-align: center;}
section.fw01 dl dt span{font-size:15px;}
section.fw01 dl.nb01 dt:after{content:'1';}
section.fw01 dl.nb02 dt:after{content:'2';}
section.fw01 dl.nb03 dt:after{content:'3';}
section.fw01 dl.nb04 dt:after{content:'4';}
section.fw01 dl.nb05 dt:after{content:'5';}
section.fw01 dl.nb06 dt:after{content:'6';}
section.fw01 dl.nb07 dt:after{content:'7';}
section.fw01 dl:after{height:185px;}
section.fw01 dl.nb01:after{}
section.fw01 dl.nb02:after{}
section.fw01 dl.nb03:after{height:395px;}
section.fw01 dl.nb04:after{height:240px;}
section.fw01 dl.nb05:after{height: 270px;}
section.fw01 dl.nb06:after{}
section.fw01 dl:before{width:45px;height:45px;top:8px;left:0;border-radius:27px;}
section.fw01 dl:after{top:35px;left:22px;width:2px;}
section.fw01 dd{width:auto;z-index:1;position:relative;font-size:14px;}


/*PRICE*/
body.price h2.title{background:url(../price/price_topIMG_sp.jpg.webp) no-repeat;background-size:cover;}
body.price h2.title i{color:#000;border-color:#000;}
body.price h2.title span{color:#000;text-shadow: 1px 1px 2px #fff;}
body.price .redList{border: none;padding:0;overflow:inherit;}
.redList span.sideTitle{height:100%;display:block;width:100%;position:relative;margin-bottom:20px;padding:0;background:none;border-bottom:3px solid #c00;line-height:1.6;}
body.price .prBox{margin:50px 10px;width:auto;}
body.price h3{margin-top:30px;}
body.price h3 em{padding-bottom: 0;padding-left:15px;font-size:23px;}
.redList.price li .left{display:block;line-height:1.3;font-size:16px;}
.redList.price li .right{display:block;margin-top:10px;}
.redList.price li .left small{line-height:1.4;margin-top:3px;}
.redList{border:none;}
.redList.price li{padding-bottom:15px;margin-bottom:18px;padding-top:0;}
.prBox .tabBody > li .prSample{padding:50px 15px;}
.prSample li .left{display:block;font-size:16px;}
.prSample li .right{display:block;margin-top:5px;}
body.pric .prSample li{display:block;}
.prBox .tabHead li{font-size:0.9em;line-height: 1.2;}
.prSample li:last-child .left{}
b.p i{color:#c00;}

/*フッター*/
footer{height:auto;background-size:cover;}
footer .fContainer{padding: 30px 0;}
.fBanner .inner{width:100%;padding:0 10px;box-sizing:border-box;}
.fBanner .conBanner, .fBanner .priBanner{background-size:cover;width:100%;height:130px;float:none;margin:10px auto;}
.fBanner:after{display:none;}
.fBanner .conBanner{}
footer{background-repeat:repeat;}
footer .fContainer #fNavi .title{text-align:center;}
footer .fContainer #fNavi{width:auto;float: none;}
footer .fContainer #fNavi ul{margin:10px;border-top: 1px solid #fff;}
footer .fContainer #fNavi ul li:nth-of-type(2n+1){border-right: 1px solid #fff;}
footer .fContainer #fNavi ul li{width:50%;border-radius:0;margin-left:0;margin-top:0;border:none;border-bottom: 1px solid #fff;}
footer .fContainer #fNavi .title:before{content:none;}
footer #return-head{right:10px;top:-45px;position:absolute;}
footer .fContainer .fRight .flogo{background:url(../layout/logo02.png) no-repeat left 20px center;padding-left:120px;width:100%;}
footer .fContainer .fRight .flogo:before{left:108px;}
footer .fContainer .fRight{display:block;padding:30px 0 0 0;float:none;}
footer .fContainer .fRight address{margin:0 auto;text-align:center;}
footer .fContainer .fRight .fIcons{margin:20px auto;position: relative;width:90px;}
@media screen and (max-width:370px) {
.fBanner .conBanner, .fBanner .priBanner{width:295px;height:100px;}
footer .fContainer .fRight{}
footer .fContainer .fRight .flogo{background:url(../layout/logo02.png) no-repeat left 34px top;background-size:60px;}
footer .fContainer .fRight .flogo b{font-size:18px;}
footer .fContainer .fRight .flogo span{font-size: 12px;}
footer .fContainer .fRight .flogo:before{height:80%;}
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],input[type="button"],input[type="reset"]{-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;box-sizing:border-box;cursor:pointer;}

input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration,input[type="reset"]::-webkit-search-decoration{display:none;}

input[type="submit"]::focus,input[type="button"]::focus,input[type="reset"]::focus{outline-offset:-2px;}


#blogLIST{width:100%;}
#blogLIST article span.thumIMG{width:auto;max-width:100%;box-sizing:border-box;}

.post-field.blog article{width:100%;padding-left:20px;padding-right:20px;}
.blogTOP{padding-left:0;padding-right:0;padding-bottom:0;}
.blogTOP img.topIMG{max-width:100%;}
#postFIELD img{max-width:100%;margin:10px auto;display:block;}