@media screen and (min-width: 768px), print { .breadcrumbs { margin-bottom: 160px; }
/*============================
#c-01
============================*/
#c-01 { margin-bottom: 61px; background-color: #eeece7; }
#c-01 .inner { width: 1143px; margin: 0 auto; position: relative; padding-top: 104px; padding-bottom: 50px; margin-bottom: 64px; }
#c-01 .inner .ttl-deco-box { width: 992px; margin: 0 auto; position: absolute; left: 0; right: 0; top: -91px; }
#c-01 .inner .ttl-deco-box .rel-box { position: relative; width: 992px; margin: 0 auto; padding: 21px 5px 28px 5px; border: 2px solid #2b2827; background-color: #ffffff; text-align: center; background-image: url(../images/common/bg-ptn.jpg); background-repeat: repeat; background-position: center 0; }
#c-01 .inner .ttl-deco-box .rel-box .ttl-deco { position: absolute; top: -37px; left: 216px; }
#c-01 .inner .ttl-deco-box .rel-box .ttl-deco-ttl { font-size: 40px; font-weight: 700; letter-spacing: 4px; }
#c-01 .inner .ttl-deco-box .rel-box .ttl-deco-ttl .ss { font-size: 24px; font-weight: 700; letter-spacing: 2.4px; line-height: 38px; display: block; margin-bottom: 15px; }
#c-01 .inner .list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#c-01 .inner .list > li { width: 370px; border-radius: 10px; background-color: #ffffff; padding: 44px 0px 12px 0px; position: relative; margin-right: 16px; }
#c-01 .inner .list > li:nth-child(3n) { margin-right: 0px; }
#c-01 .inner .list > li .num-01 { width: 116px; margin: 0 auto; position: absolute; left: 0; right: 0; top: -16px; }
#c-01 .inner .list > li .li-ttl { color: #e95504; font-size: 24px; font-weight: 700; letter-spacing: 2.4px; line-height: 38px; text-align: center; }
#c-01 .inner .list > li .li-pic { text-align: center; }
#c-01 .inner .list .li-01 .li-pic { margin-top: 8px; margin-bottom: 18px; }
#c-01 .inner .list .li-02 .li-pic { margin-top: 10px; margin-bottom: 18px; }
#c-01 .inner .list .li-03 .li-pic { margin-top: 14px; margin-bottom: 14px; }
#c-01 .li-wap{
padding: 0 19px 8px 22px;
}
/*============================
#c-02
============================*/
#c-02 { margin-bottom: 91px; }
#c-02 .inner { width: 1000px; margin: 0 auto; padding-left: 73px;}
#c-02 .inner .ttl { font-size: 34px; font-weight: 700; letter-spacing: 3.4px; margin-bottom: 5px; text-align: center; padding-right: 68px;}
#c-02 .inner .txt-01 { margin-bottom: 21px; text-align: center; padding-right: 72px;}
#c-02 .inner .s-box-01 { position: relative; }
#c-02 .inner .s-box-01 .pic { position: absolute; right: 7px; top: 0; }
#c-02 .inner .s-box-01 .list { width: 565px; font-weight: 700; line-height: 27px; }
#c-02 .inner .s-box-01 .list > li { background-image: url(../images/material/line.svg), url(../images/material/ch.svg); background-repeat: no-repeat; background-position: 0 bottom,0px 23px; padding-left: 30px; padding-top: 16px; padding-bottom: 8px; font-size: 18px;}
#c-02 .inner .s-box-01 .list > li .ss{
font-size: 16px;
}
/*============================
#c-03
============================*/
#c-03 { background-image: url(../images/common/bg-ptn.jpg); background-repeat: repeat; background-position: center 0; padding-bottom: 208px; }
#c-03 .inner { padding-top: 161px; position: relative; padding-bottom: 24px;}
#c-03 .inner .ttl-deco-box { width: 784px; margin: 0 auto; position: absolute; left: 30px; right: 0; top: -40px; }
#c-03 .inner .ttl-deco-box .rel-box { position: relative; background-color: #eeece7; padding: 33px 5px 25px 54px; /* text-align: center; */ }
#c-03 .inner .ttl-deco-box .rel-box .ttl-deco-01 { position: absolute; left: -32px; top: 18px; }
#c-03 .inner .ttl-deco-box .rel-box .ttl-deco-ttl { font-size: 24px; font-weight: 700; margin-bottom: 13px; margin-left: 92px;letter-spacing: 1.92px;}
#c-03 .inner .ttl-deco-box .rel-box .txt-01 { font-weight: 700; letter-spacing: 1.28px;}
#c-03 .inner .ttl-deco-box .rel-box .ttl-deco-02 { position: absolute; top: -33px; right: -5px; }
#c-03 .inner .rel-box-02 { width: 1058px; margin: 0 auto; position: relative; }
#c-03 .inner .rel-box-02 .list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#c-03 .inner .rel-box-02 .list > li .num-box { margin-bottom: 15px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#c-03 .inner .rel-box-02 .list > li .num-box .txt-02 { width: 81px; margin-right: 14px; }
#c-03 .inner .rel-box-02 .list > li .num-box .txt-03 { font-size: 18px; font-weight: 700; letter-spacing: 1.8px; line-height: 25px; }
#c-03 .inner .rel-box-02 .list > li .txt-04 { position: absolute; bottom: -64px; text-align: center;line-height: 26px;}
#c-03 .inner .rel-box-02 .list .li-01 .num-box .txt-02 { margin-left: 25px; }
#c-03 .inner .rel-box-02 .list .li-01 .txt-04 { left: 8px; }
#c-03 .inner .rel-box-02 .list .li-02 .num-box .txt-02 { margin-left: 91px; }
#c-03 .inner .rel-box-02 .list .li-02 .txt-04 { left: 430px; }
#c-03 .inner .rel-box-02 .list .li-03 .num-box .txt-02 { margin-left: 60px; }
#c-03 .inner .rel-box-02 .list .li-03 .txt-04 { left: 771px; bottom: -51px;}
#form-box { margin-top: -120px !important; position: relative; z-index: 10; background-color: #fff; } }
@media screen and (max-width: 767px) {
/*============================
#c-01
============================*/
#c-01 { margin-bottom: 11.111vw; margin-top: 33.333vw;background-color: #eeece7; }
#c-01 .inner { width: 100%; margin: 0 auto; position: relative; padding-top: 22.464vw; padding-bottom: 3.865vw; margin-bottom: 11.594vw; }
#c-01 .inner .ttl-deco-box { width: 92.271vw;margin: 0 auto; position: absolute; left: 0; right: 0; top: -21.981vw; }
#c-01 .inner .ttl-deco-box .rel-box { position: relative; width: 100%; margin: 0 auto; padding: 4vw 3vw; border: 2px solid #2b2827; background-color: #ffffff; text-align: center; background-image: url(../images/material/bg-ptn.jpg); background-repeat: repeat; background-position: center 0; }
#c-01 .inner .ttl-deco-box .rel-box .ttl-deco { position: absolute; top: -8.937vw; left: -3.14vw; width: 19.565vw;}
#c-01 .inner .ttl-deco-box .rel-box .ttl-deco-ttl { font-size: 5.314vw; font-weight: 700; letter-spacing: 0.483vw; line-height: 8.213vw;}
#c-01 .inner .ttl-deco-box .rel-box .ttl-deco-ttl .ss { font-size: 4.106vw; font-weight: 700; letter-spacing: 0.29vw; display: block; margin-bottom: 0.966vw; }
#c-01 .inner .list { width: 68.237vw; margin: 0 auto;}
#c-01 .inner .list > li { width: 100%; border-radius: 2.415vw; background-color: #ffffff; padding: 9.662vw 3.865vw 5.348vw;position: relative; margin-right: 3.865vw; margin-bottom: 9vw;}
#c-01 .inner .list > li:nth-child(3n) { margin-right: 0px; }
#c-01 .inner .list > li .num-01 { width: 24vw; margin: 0 auto; position: absolute; left: 0; right: 0; top: -3.865vw; }
#c-01 .inner .list > li .li-ttl { color: #e95504; font-size: 4.589vw; font-weight: 700; letter-spacing: 0.29vw; line-height: 9.179vw; text-align: center; }
#c-01 .inner .list > li .li-pic { text-align: center; }
#c-01 .inner .list .li-01 .li-pic { width: 41.425vw;margin: 0 auto;margin-top: 1.932vw; margin-bottom: 4vw;}
#c-01 .inner .list .li-02 .li-pic { width: 18.237vw;margin: 0 auto;margin-top: 1.932vw; margin-bottom: 4vw;}
#c-01 .inner .list .li-03 .li-pic { margin-top: 3.382vw; margin-bottom: 3.382vw; }
#c-01 .li-wap{
}
/*============================
#c-02
============================*/
#c-02 { margin-bottom: 21.981vw; }
#c-02 .inner { width: 92vw; margin: 0 auto; }
#c-02 .inner .ttl { font-size: 5.797vw; font-weight: 700; letter-spacing: 0.531vw; margin-bottom: 2.415vw; text-align: center; }
#c-02 .inner .txt-01 { width: 35vw; margin: 0 auto;line-height: 0;margin-bottom: 5vw;}
#c-02 .inner .s-box-01 { position: relative; }
#c-02 .inner .s-box-01 .pic { width: 67.783vw;margin: 0 auto;position: relative;left: 3.623vw;}
#c-02 .inner .s-box-01 .list { width: 100%; font-weight: 700; line-height: 6.522vw; }
#c-02 .inner .s-box-01 .list > li { background-image: url(../images/material/line.svg), url(../images/material/ch.svg); background-repeat: no-repeat; background-position: 0 bottom,0px 3.865vw; padding-left: 6.039vw; padding-top: 2.657vw; padding-bottom: 1.932vw; font-size: 3.623vw;}
#c-02 .inner .s-box-01 .list > li .ss{
font-size: 3.14vw;
display: block;letter-spacing: 0.242vw;}
/*============================
#c-03
============================*/
#c-03 { background-image: url(../images/common/bg-ptn.jpg); background-repeat: repeat; background-position: center 0; padding-bottom: 33.816vw; }
#c-03 .inner { padding-top: 41.063vw; position: relative; padding-bottom: 5.797vw;}
#c-03 .inner .ttl-deco-box { width: 92vw; margin: 0 auto; position: absolute; right: 0; left: 0;top: -9.662vw; }
#c-03 .inner .ttl-deco-box .rel-box { position: relative; background-color: #eeece7; padding: 6.039vw 1.208vw 6.039vw 9.662vw; /* text-align: center; */ }
#c-03 .inner .ttl-deco-box .rel-box .ttl-deco-01 { position: absolute; left: -9.662vw; top: 2.657vw; width: 15vw;}
#c-03 .inner .ttl-deco-box .rel-box .ttl-deco-ttl { font-size: 4.348vw; font-weight: 700; margin-bottom: 2.174vw; margin-left: 0;letter-spacing: 0.464vw;}
#c-03 .inner .ttl-deco-box .rel-box .txt-01 { font-weight: 700; letter-spacing: 0.309vw;font-size: 3.14vw;line-height: 1.65;}
#c-03 .inner .ttl-deco-box .rel-box .ttl-deco-02 { position: absolute; right: -3.382vw; bottom: 0;width: 18.961vw;}
#c-03 .inner .rel-box-02 { width: 100%; margin: 0 auto; position: relative; }
#c-03 .inner .rel-box-02 .list {
width: 84.541vw;
margin: 0 auto;
}
#c-03 .inner .rel-box-02 .list >li {
background-color: #eeece7;
position: relative;
padding: 13.285vw 3.623vw 12.802vw;
margin-bottom: 3.865vw;
}
#c-03 .inner .rel-box-02 .list >li.li-01 {
background-image: url(../images/material/sp-num-b-bg-01.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
}
#c-03 .inner .rel-box-02 .list >li.li-02 {
background-image: url(../images/material/sp-num-b-bg-01.jpg),url(../images/material/sp-num-b-bg-02.jpg);
background-repeat: no-repeat;
background-position: center bottom,center top;
background-size: 100%;
padding-top: 21.498vw;
}
#c-03 .inner .rel-box-02 .list >li.li-03 {
background-image: url(../images/material/sp-num-b-bg-02.jpg);
background-repeat: no-repeat;
background-position: center 0;
background-size: 100%;
padding-top: 21.498vw;
padding-bottom: 6vw;
}
#c-03 .inner .rel-box-02 .list >li.li-03 {
}
#c-03 .inner .rel-box-02 .list > li.li-02 .num-box .txt-02{
top: -1.208vw;
}
#c-03 .inner .rel-box-02 .list > li.li-03 .num-box .txt-02{
top: -1.208vw;
}
#c-03 .inner .rel-box-02 .list >li.li-01 .sp-img{
width: 36.473vw;
margin: 0 auto;
margin-bottom: 5.072vw;
}
#c-03 .inner .rel-box-02 .list >li.li-02 .sp-img{
width: 28.986vw;
margin: 0 auto;
margin-bottom: 3.865vw;
}
#c-03 .inner .rel-box-02 .list >li.li-03 .sp-img{
width: 18.961vw;
margin: 0 auto;
margin-bottom: 3.865vw;
}
#c-03 .inner .rel-box-02 .list > li .num-box { margin-bottom: 5.314vw; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#c-03 .inner .rel-box-02 .list > li .num-box .txt-02 {
width: 18.599vw;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: -9.179vw;
}
#c-03 .inner .rel-box-02 .list > li .num-box .txt-03 { font-size: 4.348vw; font-weight: 700; letter-spacing: 0.435vw; line-height: 1.6; }
#form-box { margin-top: -31.401vw !important; position: relative; z-index: 10; background-color: #fff; }
}
/*# sourceMappingURL=page-material.css.map */