@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
***                                                                  wrap
----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------
***                                                                  contents
----------------------------------------------------------------------------*/
/* fvSec */
#fvSec{background: url(../images/top/bg_fv_sp.jpg) no-repeat center; background-size: cover;}
#fvSec .sectionInner{background: rgba(255,255,255,0.9); width: 100%; padding: 4rem 5%;}
#fvSec .logo{width: 45%; margin-top: 0;}
#fvSec h2{font-size: 2rem; margin-bottom: 1rem;}
#fvSec .lead{font-size: 1rem;}
#fvSec .btnBox{margin-top: 2rem;}
#fvSec .gradBtn:link{font-size: 1.2rem;}
#fvSec .txt{margin: 0 auto; font-size: 1rem;}

/* linkSec_nav */
#linkSec_nav .sectionInner{padding: 2rem 0;}
#linkSec_nav li{margin-bottom: 1rem;}
#linkSec_nav li:last-child{margin-bottom: 0; margin-top: 0;}
#linkSec_nav .commonBtn:link{font-size: 1.2rem;}

/* topSec */
#topSec::before{height: 5rem; clip-path: polygon(35% 0%, 50% 70%, 65% 0, 100% 0, 100% 100%, 0 100%, 0 0);}

/* serviceSec */
#serviceSec .sectionInner > .lead{font-size: 1rem;}
#serviceSec .serviceBox > ul > li{width: 100%; padding: 2rem 1rem 1.4rem;}

/* workSec */
#workSec .sectionInner::before,
#workSec .sectionInner::after{width: 120px;}
#workSec .workBox ul li{width: 100%; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px dashed #999;}
#workSec .workBox ul li:last-child{ margin-bottom: 0; padding-bottom: 0; border:none}
#workSec .workBox ul li img{width: 100%;}

/* priceSec */
#priceSec .priceBox > ul > li{width: 100%;}
#priceSec .priceBox > ul > li .priceList{height: auto;}
#priceSec .priceBox > ul > li .imgBox{height: auto;}
#priceSec .priceBox > ul > li:nth-child(10) .imgBox{height: auto;}
#priceSec .priceBox > ul > li .ttl{height: auto;}
#priceSec .priceBox > ul > li .txt{font-size: 1rem; height: auto;}

/* aboutSec */
#aboutSec .sectionInner::after{ z-index: -1;}
#aboutSec .mainBox{}
#aboutSec .mainBox .imgBox{height: 8rem; margin: 0 1rem;}
#aboutSec .mainBox .imgBox img{height: 100%;}

/* faqSec */
#faqSec .faqBox label{padding: 1rem;}
#faqSec .faqBox .questionS .qNo{padding: 0; width: auto; display: block; line-height: 1.2em;}
#faqSec .faqBox .question:checked + label .qNo{border: none;}
#faqSec .faqBox .question:checked + label .qTtl{border-bottom: dashed 1px #999;}
#faqSec .faqBox .questionS .qTtl{padding: 0; margin-top: 0.4rem; font-size: 1rem; width: 100%; line-height: 1.4em;}
#faqSec .faqBox .question:checked + label + .answer{padding: 0 1rem 1rem;}
#faqSec .faqBox label:before{top: 1.6rem; right: 1rem; height: 1px;}
#faqSec .faqBox label:after{top: 1.6rem; right: 1rem; height: 1px;}

/* linkSec_contact */
#linkSec_contact p{font-size: 1rem;}
#linkSec_contact .gradBtn{font-size: 1.3rem; padding: 0.8em 1em;}

/* flowSec */
#flowSec .txt{padding: 0;}
#flowSec .flowBox ul li{height: auto; width: 100%; margin-bottom: 4rem;}
#flowSec .flowBox ul li:last-child{margin-bottom: 0;}
#flowSec .flowBox ul li:before{background-image:url(../images/top/img_flow_line_x.png); bottom: -2.8rem; top: unset; left: 0; margin: 0 auto; width: 164px; height: 20px; transform: translateY(0);}
#flowSec .flowBox ul li p{font-size: 1rem;}


/* 320px以下*/
@media screen and (max-width:320px){
    #fvSec h2 br,
    #linkSec_contact p br{display: none;}
}