@charset "UTF-8";
@media screen and (min-width: 768px) {
.seo_bread_list{margin-bottom: 0;}

#con01{width: 1100px;margin: 15px auto 110px;}

#con02{ width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/catalog/con02-bg01.jpg) no-repeat center top; }
#con02 .inner-Box{width: 1100px;margin: 0 auto;padding: 81px 0 0 0;position: relative;}
#con02 .ttl{text-align: center;margin-bottom: 17px; position: relative;}
#con02 .ttl::before{content: url(../images/catalog/con02-icon01.png);position: absolute;top: -160px;left: 246px;transform: scale(1);}
#con02 .ttl::after{content: url(../images/catalog/con02-icon02.png);position: absolute;top: -161px;right: 219px;transform: scale(1);}
#con02 .pic{width: 501px;margin: 0 auto;}

#con03{width: 1100px;margin: -32px auto 40px;padding: 43px 0 30px;background-color: #F3F3F3;}
#con03 .list{width: 984px;margin: 0 0 0 47px;display: flex;justify-content: space-between;}
#con03 .list li{ width: 280px; position: relative; }
#con03 .list li:nth-child(1)::before{content: url(../images/catalog/arrow.png);position: absolute;top: 126px;right: -61px;transform: scale(1);}
#con03 .list li:nth-child(2)::before{ content: url(../images/catalog/arrow.png); position: absolute; top: 126px; right: -61px; transform: scale(1); }
#con03 .list li .num{margin-left: 12px;}
#con03 .list li figure{margin-bottom: 0px;}
#con03 .list li p{margin-left: 7px; font-size: 16px; line-height: 32px; letter-spacing: 0.8px; }

.txt-box{ width: 900px; margin: 0 auto 100px; }
.txt-box .txt{ font-size: 18px; line-height: 40px; letter-spacing: 1px; }
.txt-box .txt span{ border-bottom: 2px solid; padding-bottom: 2px; font-weight: 700; }

.form-inner{width: 100%;background-color: #F6F6F6;padding: 50px 0 80px;}
h2.sub-title{font-weight: 500;}


}


@media screen and (max-width: 767px) {

    #con01{margin: 2vw auto 10vw;}
    
    #con02{ margin: 0 auto; background: url(../images/catalog/sp-con02-bg01.jpg) no-repeat center top; background-size: 100% auto;}
    #con02 .inner-Box{margin: 0 auto;padding: 29vw 0 0 0;position: relative;}
    #con02 .ttl{text-align: center;margin: 0 8vw 9vw;position: relative;}
    #con02 .ttl::before{content: url(../images/catalog/sp-con02-icon01.png);position: absolute;top: -54vw;left: -32vw;transform: scale(0.4);}
    #con02 .ttl::after{content: url(../images/catalog/sp-con02-icon02.png);position: absolute;top: -46vw;right: -31vw;transform: scale(0.4);}
    #con02 .pic{width: 80%;margin: 0 auto;}
    
    #con03{margin: -11vw auto 5vw;padding: 14vw 0 2vw;background-color: #F3F3F3;}
    
    #con03 .list{/* margin: 3vw; */
    display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    }
    
    #con03 .list li{width: 48%;margin: 0 auto 6VW;position: relative;}
    #con03 .list li:nth-child(1)::before{content: url(../images/catalog/arrow.png);position: absolute;bottom: -13vw;right: 35vw;transform: rotate(90deg); display: none;}
    #con03 .list li:nth-child(2)::before{ content: url(../images/catalog/arrow.png); position: absolute; bottom: -13vw; right: 35vw; transform: rotate(90deg); display: none;}
    #con03 .list li .num{width: 8vw;margin: 0 auto;margin-bottom: 1.5vw;}
    #con03 .list li figure{ margin: 0 auto; }
    #con03 .list li p{margin-left: 1.691vw;font-size: 3.382vw;line-height: 1.6;letter-spacing: 0.193vw;/* text-align: center; */}
    
    h2.sub-title{font-weight: 500;color: #fff; background-color: #214459; }
    
    .from-btn-02{ overflow: hidden; }
    .from-btn-02 .left{ float: left; width: 32%;}
    .from-btn-02 .right{ float: right; width: 60%; }
    
.txt-box{ margin: 0 8vw 10vw; }
.txt-box .txt{ font-size: 3.8vw; line-height: 1.9; letter-spacing: 0.2vw; }
.txt-box .txt span{ border-bottom: 1px solid; padding-bottom: 1.5vw; font-weight: 700; }

    }