@charset="utf-8";
body{
counter-reset: number 0;/* number のカウンタを 0 にセット */
}
/* 
----------------------------------------- */
/*製作の流れ*/
#flow{
margin-top:50px;
}


/* 説明文タイトル　--番号
----------------------------------------- */

h2.numbering{
margin: 20px 0;
border: none;
padding-left:0px;
counter-reset: h2;
display: flex;
line-height: 4rem;
font-size: 1.8rem;
}
h2.numbering:before {
counter-increment: number 1;/* number カウンタの増加数をセット */
content: counter(number) " ";/* 表示形式を指定 */
    background-color: #CD5A5D;
    color: #fff;
    text-align: center;
    width: 4rem;/*丸の横幅　*/
    height: 4rem;/*丸の縦幅*/
    line-height: 3.6rem;
    font-size: 2.3rem;
    font-weight:bold;
    margin-right: 1rem;
    border-radius: 50%;
    flex-shrink: 0;
}

/* 説明文側ブロック
----------------------------------------- */
.flow-lead{
max-width:460px;
margin: 0 auto;
}
.sec-inner-p{
text-align: left;
line-height: 1.5;   
}
/*　写真
----------------------------------------- */
.flow-img{
max-width:470px;
height:auto;
}
/* ページ外リンクボタン
----------------------------------------- */
.banner-sec-btn {
	display: block;
    margin: 10px auto;
	padding: 20px 10px;
	border-radius: 5px;
	background-color: #CD5A5D;
	text-align: center;
	color: #fff;
}
.banner-sec-btn:hover {
	color: #fff;
	background-color: #cd5a3b;
}


/* 赤文字注意書き
----------------------------------------- */
.chuui{
    color:#CD5A5D;
}
/* 
----------------------------------------- */


/*その他製品
----------------------------------------- */
.other-production-cp{
font-family: 'Sawarabi Mincho', sans-serif;
font-size: 2rem;
line-height: 1.4;
margin: 20px 0 0 0;
color:#000;
text-align: left;
}
.other-production-ul{
margin:0 0 50px 20px;
line-height: 2;
text-align: left;
}
.other-production-ul li{
list-style:disc;

}









/* tablet:481px - */
@media only screen and (min-width: 481px) {

}/* tablet:481px - */







/* tablet:760px - */
@media only screen and (min-width: 760px) {
.flow-img{
}

 h2{
        width:50%;
    }
   
}/* tablet:760px - */







/* tablet:1000px - */
@media only screen and (min-width: 1000px) {
.page-sec-inner{
padding:0 20px;        
}
.flow-lead{
    float: left;
}
}/* tablet:1000px - */





/* PC:1201px - */
@media only screen and (min-width: 1201px) {

} /* PC */