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

#contentsmain {margin: 0 auto 98px;position: relative;width: 1100px;}
#contentsmain .inner-Box {margin: 0 auto 70px;position: relative;}
#contentsmain h2 {font-size: 28px;line-height: 1.5;font-weight: 700;letter-spacing: 1.4px;margin-bottom: 37px;position: relative;text-align: center;border-bottom: #F56500 2px solid;padding-bottom: 11px;}
#contentsmain .inner-Box table{width: 700px;margin: 0 auto;border-top: #DEDEDE 1px solid;font-size: 16px;letter-spacing: 0.8px;}
#contentsmain .inner-Box table th {text-align: left;border-bottom: #DEDEDE 1px solid;background: #F1F2ED;width: 180px;padding: 19.4px 19px;}
#contentsmain .inner-Box table td {border-bottom: #DEDEDE 1px solid;padding: 19.4px 19px 19.4px 31px;}
#contentsmain .inner-Box2 { margin: 0 auto; position: relative; }
#contentsmain .inner-Box2 iframe{width: 1100px;height: 460px;}
#contentsmain .inner-Box2 p.text {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;text-align: center;}
#contentsmain .inner-Box2 p.text a {text-decoration: underline;}
#contentsmain .inner-Box2 p.text a:hover {  }
#contentsmain .inner-Box2 span.icon01 { display: block; line-height: 1; }
#contentsmain .inner-Box2 span.icon01 img {  }

#contents01 {margin: 0 auto;position: relative;background: url('../images/company/contents01-back01.png')no-repeat top center;padding: 67px 0;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contents01 .inner-Box figure.photo {position: absolute;top: 5px;left: 0;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inBox {margin: 0 0 0 auto;position: relative;background: #FFFFFF;width: 594px;padding: 38px 47px 11px 47px;}
#contents01 .inBox p.text { font-size: 16px; line-height: 1.94; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contentsbottom {margin: 0 auto 121px;position: relative;width: 1100px;padding: 90px 0 0;}
#contentsbottom .inner-Box {margin: 0 auto 70px;position: relative;}
#contentsbottom h2 {font-size: 28px;line-height: 1.5;font-weight: 700;letter-spacing: 1.4px;margin-bottom: 30px;position: relative;text-align: center;border-bottom: #F56500 2px solid;padding-bottom: 11px;}
#contentsbottom .inner-Box ul.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;}
#contentsbottom .inner-Box ul li {margin-bottom: 40px;margin-right: 40px;}
#contentsbottom .inner-Box ul li:nth-child(2),#contentsbottom .inner-Box ul li:nth-child(5),#contentsbottom .inner-Box ul li:nth-child(8),#contentsbottom .inner-Box ul li:nth-child(13),#contentsbottom .inner-Box ul li:nth-child(17) { margin-right: 0px; }
#contentsbottom .inner-Box ul li:nth-child(9),#contentsbottom .inner-Box ul li:nth-child(14){margin-left: 190px;}
#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: 0 4vw 13.57vw;position: relative;padding-top: 3.7vw;}
    #contentsmain .inner-Box {margin: 0 auto 11.91vw;position: relative;}
    #contentsmain h2 {font-size: 5.31vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.34vw;margin-bottom: 5.94vw;position: relative;text-align: center;border-bottom: #F56500 0.48vw solid;padding-bottom: 2.66vw;}
    #contentsmain .inner-Box table{border-top: #DEDEDE 0.24vw solid;font-size: 3.86vw;letter-spacing: 0.19vw;}
    #contentsmain .inner-Box table th {text-align: left;border-bottom: #DEDEDE 0.24vw solid;background: #F1F2ED;padding: 3.69vw 4.59vw;display: block;width: 100%;}
    #contentsmain .inner-Box table td {border-bottom: #DEDEDE 0.24vw solid;padding: 3.69vw 5.19vw;display: block;width: 100%;}
    #contentsmain .inner-Box2 {position: relative;}
    #contentsmain .inner-Box2 iframe{width: 100%;height: 57.97vw;margin-bottom: 3vw;}
    #contentsmain .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;text-align: center;}
    #contentsmain .inner-Box2 p.text a {text-decoration: underline;}
    #contentsmain .inner-Box2 p.text a:hover {  }
    #contentsmain .inner-Box2 span.arr {display: inline-block;line-height: 1;}
    #contentsmain .inner-Box2 span.arr img {width: 5.07vw;display: inline-block;}
    .bnone{ border-bottom: none!important;}
    
    #contents01 {position: relative;background: url('../images/company/sp-contents01-back01.png')no-repeat top center;padding: 7.18vw 0;background-size: 100% auto;}
    #contents01 .inner-Box {margin: 0 2.4vw;position: relative;}
    #contents01 .inner-Box figure.photo {position: relative;margin: 0 3.2vw 7vw 2.6vw;}
    #contents01 .inner-Box figure.photo img{  }
    #contents01 .inBox {margin: 0 0 0 auto;position: relative;background: #FFFFFF;padding: 5.38vw 6.35vw 0.66vw;}
    #contents01 .inBox p.text {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.55vw;position: relative;}
    
    #contentsbottom {margin: 0 8.6vw 29.23vw;position: relative;padding: 9.74vw 0 0;}
    #contentsbottom .inner-Box {margin: 0 auto 16.91vw;position: relative;}
    #contentsbottom h2 {font-size: 5.31vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.34vw;margin-bottom: 5.94vw;position: relative;text-align: center;border-bottom: #F56500 0.48vw solid;padding-bottom: 2.66vw;}
    #contentsbottom .inner-Box ul.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;}
    #contentsbottom .inner-Box ul li {margin-bottom: 7.16vw;}
    #contentsbottom .inner-Box ul li figure {  }
    #contentsbottom .inner-Box ul li a {  }
    #contentsbottom .inner-Box ul li a:hover {  }
    
    
}