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

#contentsmain {margin: 26px auto 0 auto;position: relative;background: url('../images/company/contentsmain-back01.jpg')no-repeat top center #398FD0;padding-bottom: 99px;}
#contentsmain h2 {text-align: center;padding: 116px 0 64px;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain .inner-Box1 {margin: 0 auto 75px;position: relative;width: 1020px;padding-right: 460px;}
#contentsmain .inner-Box1 figure.photo {position: absolute;top: 3px;right: 20px;}
#contentsmain .inner-Box1 figure.photo img{  }
#contentsmain .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;color: #fff;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;box-shadow: 5px 5px 10px #00000029;background: #FFFFFF;width: 1200px;padding: 61px 50px 48px;}
#contentsmain .inner-Box2 h3 {text-align: center;margin-bottom: 35px;}
#contentsmain .inner-Box2 h3 span{  }
#contentsmain .inner-Box2 h3 img {  }
#contentsmain .inner-Box2 table{width: 800px;margin: 0 auto 72px;font-size: 16px;line-height: 1.5;letter-spacing: 0.8px;}
#contentsmain .inner-Box2 table th {border-bottom: #00A8D7 1px solid;text-align: left;padding: 9px 0px 9px 20px;width: 107px;}
#contentsmain .inner-Box2 table td {border-bottom: #00A8D7 1px solid;text-align: left;padding: 9px 20px;}
#contentsmain .inner-Box2 iframe{width: 1100px;height: 460px;}

#contents01 {margin: 0 auto 130px;position: relative;width: 1020px;padding: 80px 0 0;}
#contents01 h2 {text-align: center;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 .inner-Box {margin: 0 auto;position: relative;padding: 30px 0 0;}
#contents01 .inner-Box h3 {font-size: 26px;line-height: 1.68;font-weight: 700;letter-spacing: 1.3px;margin-bottom: 30px;position: relative;text-align: center;}
#contents01 .inner-Box h3::before{content: "";display: block;width: 80px;height: 4px;background: #00A8D7;position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);}
#contents01 .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-bottom: 8px;}
#contents01 .inner-Box ul li {margin-right: 30px;}
#contents01 .inner-Box ul.list1 li:nth-child(2) { margin-right: 0px; }

#contents01 .inner-Box ul.list3{margin-bottom: -23px;}
#contents01 .inner-Box ul.list3 li {margin-right: 30px;margin-bottom: 31px;}
#contents01 .inner-Box ul.list3 li:nth-child(2n) { margin-right: 0px; }

#contents01 .inner-Box ul.list4{margin-bottom: -25px;}
#contents01 .inner-Box ul.list4 li {margin-right: 30px;margin-bottom: 31px;}
#contents01 .inner-Box ul.list4 li:nth-child(3n) { margin-right: 0px; }

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

    #contentsmain {margin: 5.98vw auto 0 auto;position: relative;background: url('../images/company/sp-contentsmain-back01.jpg')no-repeat top center #398FD0;padding-bottom: 9.61vw;background-size: 100% auto;}
    #contentsmain h2 {text-align: center;padding: 25.32vw 38.5vw 9.16vw 38.6vw;}
    #contentsmain h2 span{  }
    #contentsmain h2 img {  }
    #contentsmain .inner-Box1 {margin: 0 6.5vw 7.12vw;position: relative;padding-right: 0vw;}
    #contentsmain .inner-Box1 figure.photo {position: relative;margin-bottom: 6vw;}
    #contentsmain .inner-Box1 figure.photo img{  }
    #contentsmain .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;color: #fff;}
    #contentsmain .inner-Box2 {margin: 0 4vw;position: relative;box-shadow: 1.21vw 1.21vw 2.42vw #00000029;background: #FFFFFF;padding: 8.73vw 5.38vw 5.29vw;}
    #contentsmain .inner-Box2 h3 {text-align: center;margin: 0 0 4.5vw;}
    #contentsmain .inner-Box2 h3 span{  }
    #contentsmain .inner-Box2 h3 img {height: 14.1vw;width: auto;}
    #contentsmain .inner-Box2 table{width: 100%;font-size: 3.86vw;line-height: 1.5;letter-spacing: 0.19vw;margin-bottom: 9.66vw;}
    #contentsmain .inner-Box2 table th {border-bottom: #00A8D7 0.24vw solid;text-align: left;padding: 2.17vw 2.83vw;display: block;width: 100%;background: #F0F0F0;}
    #contentsmain .inner-Box2 table td {border-bottom: #00A8D7 0.24vw solid;text-align: left;padding: 2.17vw 2.83vw;width: 100%;display: block;}
    #contentsmain .inner-Box2 iframe{height: 53.1vw;width: 100%;}
    
    #contents01 {margin: 0 auto 31.4vw;position: relative;padding: 13.42vw 0 0;}
    #contents01 h2 {text-align: center;margin: 0 23.1vw 0 23.7vw;}
    #contents01 h2 span{  }
    #contents01 h2 img {  }
    #contents01 .inner-Box {margin: 0 4vw;position: relative;padding: 2.65vw 0 0;}
    #contents01 .inner-Box h3 {font-size: 5.56vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.28vw;margin-bottom: 9.05vw;position: relative;text-align: center;}
    #contents01 .inner-Box h3::before{content: "";display: block;width: 12.02vw;height: 0.97vw;background: #00A8D7;position: absolute;bottom: -3.1vw;left: 50%;transform: translateX(-50%);}
    #contents01 .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 7vw -1.07vw;}
    #contents01 .inner-Box ul li {margin-bottom: 7.25vw;}
    

}