@charset "UTF-8";
@media screen and (min-width: 768px),print {

    #company .main-title{ background: url(../images/company/h1.png)no-repeat top center;}
    main{width: 100%;}
    
    .backk{background: #E6E6E6;padding-bottom: 147px;}
    .navi-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;width: 680px;margin: 0 auto;position: relative;top: -29px;}
    .navi-list li:nth-child(2){position: relative;right: -40px;}
    .navi-list span.arr {display: block;line-height: 1;position: absolute;top: 20px;right: 16px;}
    .navi-list p.dlbtn a{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0px;border-bottom: 2px solid #1A1E1F;display: block;width: 320px;background: #fff;padding: 16px 13px 15px 24px;position: relative;}
    
    .navi-list li:nth-child(1) span.arr img {filter: invert(1);}
    .navi-list li:nth-child(1) p.dlbtn a{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0px;border-bottom: 2px solid #1A1E1F;display: block;width: 320px;background: #DB0101; color: #fff; padding: 16px 13px 15px 24px;position: relative;}
    
    #contents01 h2{text-align: center;font-size: 24px;font-weight: 700;letter-spacing: 1.2px;margin-bottom: 43px;}
    #contents01 h2 span{display: inline-block;width: 500px;border-top: #1A1E1F solid 2px;border-bottom: #1A1E1F solid 2px;padding: 17px 0 18px;}

    #contents01 {margin: 0 auto;position: relative;padding: 200px 0 0;width: 1110px;}
    #contents01 .inner-Box {margin: 0 auto 230px;position: relative;}
    #contents01 .inner-Box table{  }
    #contents01 .inner-Box table th {font-size: 20px;line-height: 1.6;letter-spacing: 1px;font-weight: 700;border-bottom: 1px solid #1A1E1F;padding: 40px 0 20px 0;width: 195px;vertical-align: bottom;}
    #contents01 .inner-Box table td {font-size: 16px;line-height: 1.6;letter-spacing: 0.8px;font-weight: 500;border-bottom: 1px solid #fff;padding: 40px 40px 20px;}
    #contents01 .inner-Box2 {margin: 0 auto 186px;position: relative;}
    #contents01 .inner-Box2 iframe{width: 1110px;height: 461px;margin-bottom: 2px;}
    #contents01 .inner-Box2 p.text {font-size: 16px;line-height: 1.6;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;text-align: right;padding-right: 4px;}
    #contents01 .inner-Box3 { margin: 0 auto; position: relative; }
    #contents01 .inner-Box3 ul{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;margin: 0 0 0 195px;}
    #contents01 .inner-Box3 ul li:nth-child(3n){ margin-right: 0px; }
    #contents01 .inner-Box3 ul li {position: relative;margin-right: 55px;}
    #contents01 .inner-Box3 ul li a{position: relative;}
    #contents01 .inner-Box3 p.litext { font-size: 16px; line-height: 1.6; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; }
    #contents01 .inner-Box3 span.icon {display: block;line-height: 1;position: absolute;top: 0;right: -26px;}


    #contents01 .partner {margin: 0 auto 25px;}
    #contents01 .partner h3 {font-size: 22px;line-height: 1.6;font-weight: 700;letter-spacing: 1px;margin-bottom: 35px;text-align: center; position: relative;}
    #contents01 .partner h3::after {content: ''; display: inline-block; width: 40px; height: 2px; border-bottom: #1A1E1F 2px solid;margin: 0 auto; text-align: center; position: absolute; left: 48.3%; bottom: 0;}
    #contents01 .partner .flex-bx{}
    #contents01 .partner .flex-bx .list{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; justify-content: center;}
    #contents01 .partner .flex-bx .list li{margin-right: 50px;}
    #contents01 .partner .flex-bx .list li:nth-child(2){margin-right: 0px;}
    #contents01 .partner .flex-bx .list li .img{margin-bottom: 18px;}
    #contents01 .partner .flex-bx .list li .txt{font-size: 16px; letter-spacing: 1px; text-align: center;}


    #contentsbottom {margin: 0 auto;position: relative;width: 1200px;padding: 155px 0 109px 0;}
    #contentsbottom .inner-Box { margin: 0 auto; position: relative; }
    #contentsbottom .inner-Box h3 {border-bottom: #1A1E1F 2px solid;font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 3px;margin-bottom: 69px;text-align: center;padding-bottom: 13px;}
    #contentsbottom .inner-Box h3 span{  }
    #contentsbottom .inner-Box ul{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;}
    #contentsbottom .inner-Box ul li {margin-right: 30px; margin-bottom: 30px;}
    #contentsbottom .inner-Box ul li:nth-child(1),#contentsbottom .inner-Box ul li:nth-child(3) {margin-left: 255px;margin-bottom: 29px;}
    #contentsbottom .inner-Box ul li:nth-child(2) { margin-right: 0px; }
    #contentsbottom .inner-Box ul li:nth-child(4),#contentsbottom .inner-Box ul li:nth-child(3) { margin-bottom: 50px; }
    #contentsbottom .inner-Box ul li:nth-child(5),#contentsbottom .inner-Box ul li:nth-child(8) {margin-left: 75px;}
    #contentsbottom .inner-Box ul li:nth-child(7) { margin-right: 0px; }
    #contentsbottom .inner-Box ul li:nth-child(10) { margin-right: 0px; }
    #contentsbottom .inner-Box ul li:nth-child(11) {margin-left: 435px;margin-top: 16px;}
    #contentsbottom .inner-Box ul li figure{  }
    
    
}
@media screen and (max-width: 767px) {
    #company .main-title{ background: url(../images/company/sp-h1.png)no-repeat top center;background-size: 100% auto;}

    .backk{background: #E6E6E6;padding-bottom: 16.3vw;}
    .navi-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;margin: 0 4.7vw;position: relative;top: -2.4vw;}
    .navi-list li:nth-child(2){position: relative;right: -3.7vw;}
    .navi-list span.arr {display: block;line-height: 1;position: absolute;top: 4.3vw;right: 3.9vw;width: 3.7vw;}
    .navi-list p.dlbtn a{font-size: 3.38vw;line-height: 1.6;font-weight: 700;letter-spacing: 0vw;border-bottom: 0.5vw solid #1A1E1F;display: block;background: #fff;padding: 3.5vw 3.1vw 2.6vw 5.6vw;position: relative;width: 43.4vw;}
    
    .navi-list li:nth-child(1) span.arr img {filter: invert(1);}
    .navi-list li:nth-child(1) p.dlbtn a{background: #DB0101; color: #fff;}
    

    #contents01 h2{text-align: center;font-size: 4.83vw;font-weight: 700;letter-spacing: 0.24vw;margin: 0 auto 9vw;width: 67.63vw;}
    #contents01 h2 span{display: block;border-top: #1A1E1F solid 0.5vw;border-bottom: #1A1E1F solid 0.5vw;padding: 3.4vw 0 4.3vw;}
    
    #contents01 {margin: 0 4vw;position: relative;padding: 19.2vw 0 0;}
    #contents01 .inner-Box {margin: 0 auto 24.1vw;position: relative;}
    #contents01 .inner-Box table{
    margin: 0 3.8vw;}
    #contents01 .inner-Box table th {font-size: 3.86vw;line-height: 1.6;letter-spacing: 0.19vw;font-weight: 700;border-bottom: 0.4vw solid #1A1E1F;padding: 6.5vw 0 2.2vw 0;vertical-align: bottom;display: block;width: 36.3vw;text-align: left;}
    #contents01 .inner-Box table td {font-size: 3.38vw;line-height: 1.6;letter-spacing: 0.16vw;font-weight: 500;border-bottom: 0.2vw solid #fff;padding: 3.7vw 0vw 2.2vw 0vw;display: block;width: 100%;}
    #contents01 .inner-Box2 {margin: 0 3.8vw 21.3vw;position: relative;}
    #contents01 .inner-Box2 iframe{height: 56.4vw;margin-bottom: 0.5vw;width: 84.2vw;}
    #contents01 .inner-Box2 p.text {font-size: 3.38vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.16vw;margin-bottom: 7.2vw;text-align: right;}
    #contents01 .inner-Box3 { margin: 0 4vw 7vw; position: relative; }
    #contents01 .inner-Box3 ul{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;margin: 0 0 0 9.9vw;}
    #contents01 .inner-Box3 ul li:nth-child(3n){ margin-right: 0.0vw; }
    #contents01 .inner-Box3 ul li {position: relative;margin-right: 13.3vw;}
    #contents01 .inner-Box3 ul li a{position: relative;display: inline-block;}
    #contents01 .inner-Box3 p.litext {font-size: 3.86vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 1.4vw;display: inline-block;}
    #contents01 .inner-Box3 span.icon {display: inline-block;line-height: 1;position: relative;top: -0.4vw;right: -0.3vw;width: 3.7vw;}
    

    #contents01 .partner {margin: 0 auto 5vw;}
    #contents01 .partner h3 {font-size: 4.4vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.2vw;margin-bottom: 10vw;text-align: center; position: relative;}
    #contents01 .partner h3::after {content: ''; display: inline-block; width: 9vw; height: 1vw; border-bottom: #1A1E1F 2px solid; margin: 0 auto; text-align: center; position: absolute; left: 42vw; bottom: -2.5vw;}
    #contents01 .partner .flex-bx{}
    #contents01 .partner .flex-bx .list{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; justify-content: center;}
    #contents01 .partner .flex-bx .list li{width: 44vw; margin-right: 3vw;}
    #contents01 .partner .flex-bx .list li:nth-child(2){margin-right: 0px;}
    #contents01 .partner .flex-bx .list li .img{margin-bottom: 3vw;}
    #contents01 .partner .flex-bx .list li .txt{font-size: 3.4vw; letter-spacing: 0.2vw; text-align: center;}


    #contentsbottom {margin: 0 4vw;position: relative;padding: 18.5vw 0 14.6vw 0;}
    #contentsbottom .inner-Box { margin: 0 4vw; position: relative; }
    #contentsbottom .inner-Box h3 {border-bottom: #1A1E1F 0.5vw solid;font-size: 4.83vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.24vw;margin: 0 7vw 11.8vw;text-align: center;padding-bottom: 4.1vw;}
    #contentsbottom .inner-Box h3 span{  }
    #contentsbottom .inner-Box ul{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;margin: 0 2vw;}
    #contentsbottom .inner-Box ul li {margin-bottom: 5.4vw;}
    
    #contentsbottom .inner-Box ul li figure{ margin-bottom: 4vw; }
    

}