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

#contentsmain {margin: 38px auto 75px auto;position: relative;background: url('../images/company/contentsmain-back01.png')no-repeat top center;padding-top: 237px;}
#contentsmain .inner-Box {margin: 0 auto 90px;position: relative;text-align: center;}
#contentsmain .inner-Box h2 {margin-bottom: 16px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;width: 1020px;height: 306px;background: #F7F5ED;padding: 38px 40px 40px;}
#contentsmain .inner-Box2 h3 {font-size: 28px;line-height: 1.68;font-weight: 700;letter-spacing: 1.4px;margin-bottom: 27px;position: relative;}
#contentsmain .inner-Box2 h3::before{content: "";background: #8E1D22;display: block;width: 60px;height: 2px;position: absolute;bottom: -13px;}
#contentsmain .inner-Box2 figure {position: absolute;top: 38px;right: 40px;}
#contentsmain .inner-Box2 figure img{  }
#contentsmain .inner-Box2 p.text {font-size: 16px;line-height: 1.8;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 36px;position: relative;}
#contentsmain .inner-Box2 h4 {font-size: 16px;line-height: 1.68;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 0px;position: relative;}
#contentsmain .inner-Box2 h4 span {font-size: 17px;font-weight: bold;letter-spacing: 0.85px;}

#contents01 {margin: 0 auto 80px;position: relative;width: 1020px;}
#contents01 h2 {font-size: 32px;line-height: 1.68;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 34px;position: relative;text-align: center;}
#contents01 h2::before{content: "";background: #8E1D22;display: block;width: 60px;height: 2px;position: absolute;bottom: -17px;left: 50%;transform: translateX(-50%);}

#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box table{width: 100%;margin-bottom: 48px;}
#contents01 .inner-Box table th {text-align: left;font-weight: 500;padding: 0;border-bottom: #8E1D22 1px solid;padding: 11px 6px;width: 225px;}
#contents01 .inner-Box table td {border-bottom: #939393 1px solid;padding: 11px 6px 11px 0px;}
#contents01 .inner-Box table td a.blank { text-decoration: underline; }
#contents01 .inner-Box table td a.blank::after { content: ""; background: url(../images/company/blank.svg)no-repeat; display: inline-block; width: 12px; height: 12px;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: -40px;}
#contents01 .inner-Box figure.photo img{  }

#contents02 {margin: 0 auto 54px;position: relative;width: 1100px;}
#contents02 h2 {font-size: 32px;line-height: 1.68;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 49px;position: relative;text-align: center;}
#contents02 h2::before{content: "";background: #8E1D22;display: block;width: 60px;height: 2px;position: absolute;bottom: -17px;left: 50%;transform: translateX(-50%);}

#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .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;}
#contents02 .inner-Box ul li {width: 520px;position: relative;margin-right: 60px;}
#contents02 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents02 .inner-Box iframe{width: 520px;height: 320px;}
#contents02 .inner-Box h3 {font-size: 17px;line-height: 1.68;font-weight: 400;letter-spacing: 0.85px;margin-bottom: 4px;position: relative;top: 4px;}
#contents02 .inner-Box p.litext { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;bottom: 28px;right: 0;}
#contents02 .inner-Box span.icon img {  }

#contentsbottom {margin: 0 auto 80px;position: relative;width: 1019px;}
#contentsbottom h2 {font-size: 32px;line-height: 1.68;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 49px;position: relative;text-align: center;}
#contentsbottom h2::before{content: "";background: #8E1D22;display: block;width: 60px;height: 2px;position: absolute;bottom: -17px;left: 50%;transform: translateX(-50%);}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#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: 0 29px 30px 0;}
#contentsbottom .inner-Box ul li:nth-child(2),
#contentsbottom .inner-Box ul li:nth-child(7),
#contentsbottom .inner-Box ul li:nth-child(10),
#contentsbottom .inner-Box ul li:nth-child(14),
#contentsbottom .inner-Box ul li:nth-child(5)
{ margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }

}

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


    #contentsmain {margin: 3.18vw auto 8.72vw auto;position: relative;background: url('../images/company/sp-contentsmain-back01.png')no-repeat top center;padding-top: 69.95vw;background-size: 100% auto;}
    #contentsmain .inner-Box {margin: 0 auto 13.74vw;position: relative;text-align: center;}
    #contentsmain .inner-Box h2 {margin: 0 20.5vw 2.26vw 15.7vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {  }
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.78;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;text-align: left;margin: 0 9vw 0;}
    #contentsmain .inner-Box2 {position: relative;background: #F7F5ED;padding: 7.48vw 6.46vw 7.66vw;}
    #contentsmain .inner-Box2 h3 {font-size: 5.80vw;line-height: 1.48;font-weight: 700;letter-spacing: 0.34vw;margin-bottom: 9.02vw;position: relative;text-align: center;}
    #contentsmain .inner-Box2 h3::before{content: "";background: #8E1D22;display: block;width: 14.49vw;height: 0.48vw;position: absolute;bottom: -4.1vw;left: 50%;transform: translateX(-50%);}
    #contentsmain .inner-Box2 figure {position: relative;margin-bottom: 3vw;}
    #contentsmain .inner-Box2 figure img{  }
    #contentsmain .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.3vw;position: relative;}
    #contentsmain .inner-Box2 h4 {font-size: 3.86vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 0.0vw;position: relative;}
    #contentsmain .inner-Box2 h4 span {font-size: 4.11vw;font-weight: bold;letter-spacing: 0.21vw;display: block;}
    
    #contents01 {margin: 0 auto 19.82vw;position: relative;}
    #contents01 h2 {font-size: 5.80vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.39vw;margin-bottom: 7.61vw;position: relative;text-align: center;}
    #contents01 h2::before{content: "";background: #8E1D22;display: block;width: 9.79vw;height: 0.48vw;position: absolute;bottom: -2.6vw;left: 50%;transform: translateX(-50%);}
    
    #contents01 .inner-Box { margin: 0 4vw; position: relative; }
    #contents01 .inner-Box table{width: 100%;margin-bottom: 11.59vw;}
    #contents01 .inner-Box table th {text-align: left;font-weight: 500;padding: 0;padding: 1.96vw 2.55vw;display: block;width: 100%;background: #8E1D22;color: #fff;}
    #contents01 .inner-Box table td {padding: 2.66vw 1.45vw 2.66vw 0.0vw;display: block;width: 100%;letter-spacing: 0.5vw;}
    #contents01 .inner-Box table td a.blank { text-decoration: underline; }
    #contents01 .inner-Box table td a.blank::after { content: ""; background: url(../images/company/blank.svg)no-repeat; display: inline-block; width: 2.9vw; height: 2.9vw; background-size: 100% auto;}
    #contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0vw;}
    #contents01 .inner-Box figure.photo img{  }
    
    #contents02 {margin: 0 auto 1.42vw;position: relative;}
    #contents02 h2 {font-size: 5.80vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.39vw;margin-bottom: 7.61vw;position: relative;text-align: center;}
    #contents02 h2::before{content: "";background: #8E1D22;display: block;width: 9.79vw;height: 0.48vw;position: absolute;bottom: -2.6vw;left: 50%;transform: translateX(-50%);}
    
    #contents02 .inner-Box { margin: 0 4vw; position: relative; }
    #contents02 .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;}
    #contents02 .inner-Box ul li {position: relative;width: 100%;}
    #contents02 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contents02 .inner-Box iframe{width: 100%;height: 60.39vw;margin-bottom: 0.7vw;}
    #contents02 .inner-Box h3 {font-size: 4.11vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 0.97vw;position: relative;top: 0.97vw;}
    #contents02 .inner-Box p.litext {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 11.25vw;position: relative;}
    #contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;bottom: 12.16vw;right: 0;width: 9.9vw;}
    #contents02 .inner-Box span.icon img {  }
    
    #contentsbottom {margin: 0 auto 19.32vw;position: relative;}
    #contentsbottom h2 {font-size: 5.80vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.39vw;margin-bottom: 7.61vw;position: relative;text-align: center;}
    #contentsbottom h2::before{content: "";background: #8E1D22;display: block;width: 9.79vw;height: 0.48vw;position: absolute;bottom: -2.6vw;left: 50%;transform: translateX(-50%);}
    #contentsbottom .inner-Box { margin: 0 4vw; position: relative; }
    #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 7.2vw;}
    #contentsbottom .inner-Box ul li {margin: 0 0 7.1vw;}

}