@charset "utf-8";
/* CSS Document */
.dl_wrapper_ap {
  font-size: 17px;
  line-height: 1.6;
  width: 100%;
  margin: 30px auto 60px;
  font-family: Calibri, Arial, Helvetica, sans-serif!important;
}
/*-------------------------------
　　　ページ内メニュー
-------------------------------*/
.nav_wrap{    
    background:#b8292d;
}
.special-nav{
    background:#b8292d;
    padding:30px 0;
    max-width: 960px;
    margin:0 auto;
}

.special-nav ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    list-style:none;
    margin:0;
    padding:0;
}

.special-nav li{
    width:25%;
    text-align:center;
    box-sizing:border-box;
    border-left:1px solid #fff;
}

.special-nav li:nth-child(4),
.special-nav li:last-child{
    border-right:1px solid #fff;
}

.special-nav li:nth-child(n+5){
    margin-top:25px;
}

.special-nav a{
    color:#fff;
    text-decoration:none;
    font-size:24px;
    font-weight:bold;
    display:block;
}
/*-------------------------------
メインイメージ
-------------------------------*/
.hero{
    position:relative;
    max-width: 960px;
    margin: 40px auto;
}

.hero img{
    display:block;
    width:100%;
    height:auto;
}

.hero-text{
    position:absolute;
    top:40px;
    left:60px;
    color:#333;
}

.hero-text h2{
    font-size:60px;
    font-weight:300;
    margin-bottom:40px;
}

.hero-text p{
    font-size:28px;
    line-height:1.8;
}


/*-------------------------------
セクション共通
-------------------------------*/
section .main_title{
    background: #b8292d;
    color:#FFF;
    font-size: 40px;
    padding: 10px 0;
}
section .main_title span{font-style: italic;}

section .inner_box{
    max-width: 960px;
    margin: 0 auto;
}
section .inner_box figure{
    text-align:center;
    margin:0;
}

section .inner_box figure img{
    display:block;
    margin:0 auto;
}
section a:hover{opacity: 0.6;}
/*-------------------------------
セクション１　Pallet
-------------------------------*/
.sec1 .inner_box h3{
    text-align: center;
    font-size: 60px;
    padding: 70px 0 0;
}
.sec1 .inner_box h4{
    position: relative;
    display: table;
    margin: 50px auto 0;
    padding-bottom: 0px;
    font-size: 28px;
    font-weight: normal;
    line-height: 2em;
}

.sec1 .inner_box h4::after{
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: calc(100% + 20px);
    height: 1px;
    background: #000;
}
.sec1 .inner_box p{
    font-size: 20px!important;
    line-height: 2.0em;
    max-width: 600px;
    margin: 0 auto;
    padding:30px 0 0;
}

.slide_box{max-width: 960px; margin: 0 auto;}


/*-------------------------------
セクション2　APPLICATION
-------------------------------*/
.sec2 .inner_box{margin-bottom: 50px;}
.sec2 .inner_box h3{
    text-align: center;
    font-size: 60px;
    padding: 70px 0 0;
}
.sec2 .inner_box h4{
    position: relative;
    display: table;
    margin: 50px auto 30px;
    padding-bottom: 0px;
    font-size: 28px;
    font-weight: normal;
    line-height: 2em;
}

.sec2 .inner_box h4::after{
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: calc(100% + 20px);
    height: 1px;
    background: #000;
}

.sec2 .inner_box h5{
    font-size: 32px!important;
    line-height: 1.5em;
    text-align: center!important;
    padding:30px  0;
}
/*-------------------------------
セクション3　ADVANTAGES
-------------------------------*/
.sec3 .inner_box{margin-bottom: 80px;}

.sec3 .inner_box h3{
    position: relative;
    display: table;
    margin: 50px auto 30px;
    padding-bottom: 10px;
    font-size: 60px;
    line-height: 1.2em;
}

.sec3 .inner_box h3::after{
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: calc(100% + 20px);
    height: 1px;
    background: #000;
}

.sec3 .inner_box p{
    font-size:26px;
    max-width: 840px;
    margin: 0 auto;
    padding: 10px 0;
}


/*横並び*/
.sec3 .inner_box .sub_row{
    display:flex;
    align-items:center;
    gap:40px;
    max-width: 800px;
    margin: 40px auto;
}

.sec3 .inner_box .col_item:first-child{
    width:275px;
    flex-shrink:0;
}

.sec3 .inner_box .col_item:last-child{
    flex:1;
}

.sec3 .inner_box .col_item img{
    display:block;
    width:100%;
    height:auto;
}

.sec3 .inner_box .col_item h4{font-size:36px;}
.sec3 .inner_box .col_item p{font-size: 24px; font-weight: normal;}



/*-------------------------------
セクション4　FEATURES
-------------------------------*/
.sec4 .inner_box{
    margin-bottom: 80px;
}

.sec4 .inner_box h3{
    position: relative;
    display: table;
    margin: 50px auto 30px;
    padding-bottom: 10px;
    font-size: 60px;
    line-height: 1.2em;
}

.sec4 .inner_box h3::after{
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: calc(100% + 20px);
    height: 1px;
    background: #000;
}
.sec4 .inner_box p{
    max-width: 800px;
    margin: 0 auto;
}
.sec4 .inner_box h4{
    display: block;
    font-size: 24px!important;
    max-width: 800px;
    margin:40px auto 20px;
    text-indent: -1.5em;
}
.sec4 .inner_box h4 span{font-size: 40px;}
.sec4 .inner_box p{font-size:22px;}

.sec4 .inner_box .read_tx{
    font-size: 26px!important;
    line-height: 1.5em;
}

.sec4 .inner_box figure{margin: 30px 0 0 0;}


/*-------------------------------
セクション5　LINE-UP
-------------------------------*/
.sec5 .inner_box{
    margin-bottom: 80px;
}
.sec5 .inner_box h3{
    position: relative;
    display: table;
    margin: 50px auto 0px;
    padding-bottom: 0px;
    font-size: 55px;
    line-height: 1.2em;
}
.sec5 .inner_box .read_tx{font-size: 24px; text-align: center;}

.sec5 .series_frame{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    border: none;
}

.sec5 .series_frame .box{
    float: none;
    margin: 15px 0 0;
}

/*-------------------------------
セクション6　FULL AUTOMATION DEMO VIDEO
-------------------------------*/
.sec6 .inner_box{
    margin-bottom: 80px;
}
.sec6 .inner_box .link_box{margin-top:50px;}

.sec6 .inner_box h3{font-size: 30px; text-align: center; padding: 40px 0 15px; line-height: 1.3em;}
.sec6 .inner_box p{font-size: 20px; max-width: 845px; margin: 0 auto;}

/*-------------------------------
セクション7　DOWNLOAD
-------------------------------*/
.sec7 .inner_box{
    margin-bottom: 80px;
}

.sec7 .inner_box h3{font-size: 30px; text-align: center; padding: 40px 0;}


/*横並び*/

/*2カラム*/
.sec7 .sub_row{
    display:flex;
    align-items:flex-start;
    gap:40px;
}

/*左：PDF画像・ボタン*/
.sec7 .col2 .col_item:first-child{
    flex:0 0 340px;
}

/*右：説明文*/
.sec7 .col2 .col_item:last-child{
    flex:1;
}

/*PDF画像*/
.sec7 .link_box img{
    display:block;
    width:100%;
    height:auto;
    border: solid 1px #000;
}

/*Downloadボタン*/
.sec7 .download_box{
    width:180px;
    margin:25px auto 0;
}

.sec7 .download_box a{
    display:block;
    padding:5px 15px;
    background:#b8292d;
    border:solid 1px #000;
    color:#fff;
    text-decoration:none;
    text-align:center;
    font-size:28px;
    font-weight:bold;
}

.sec7 .download_box a:hover{
    opacity:.8;
}

/*文章*/
.sec7 .col_tx{
    padding-top:15px;
}

.sec7 .col_tx p{
    margin:0;
    font-size:18px;
    line-height:2em;
    text-indent: -1em;
    padding-left: 1em;
}

.sec7 .red_point{
    color:#b8292d;
    font-size:30px;
    font-weight:bold;
}