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

#contentsmain {margin: 0 auto 132px;position: relative;background: url('../images/company/contentsmain-back01.png')no-repeat top 534px center;padding-bottom: 63px;}
#contentsmain .inner-Box {margin: 0 auto 141px;position: relative;padding: 118px 0 0;}
#contentsmain .inner-Box h2 {text-align: center;margin-bottom: 71px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box h3 {font-size: 42px;line-height: 1.75;font-weight: 500;letter-spacing: 11.76px;margin-bottom: 0px;position: relative;text-align: center;}
#contentsmain .inner-Box h3 span {display: block;font-size: 16px;letter-spacing: 0.8px;margin-bottom: 4px;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;padding: 0 0 0 500px;width: 1000px;}
#contentsmain .inner-Box2 figure.photo {position: absolute;top: -99px;left: -200px;}
#contentsmain .inner-Box2 figure.photo img{  }
#contentsmain .inner-Box2 h3 {font-size: 22px;line-height: 1.75;font-weight: 700;letter-spacing: 2.2px;margin-bottom: 20px;position: relative;}
#contentsmain .inner-Box2 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 17px;position: relative;}
#contentsmain .inner-Box2 ul{width: 351px;height: 132px;background: #fff;padding: 18px 16px 18px 66px;position: relative;margin-bottom: 30px;}
#contentsmain .inner-Box2 ul::before{content: "";display: block;background: url(../images/company/contentsmain-icon01.svg)no-repeat;width: 30px;height: 18px;position: absolute;bottom: -14px;left: 35px;}
#contentsmain .inner-Box2 ul li { position: relative; }
#contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 7px;left: -27px;}
#contentsmain .inner-Box2 span.ch img {  }
#contentsmain .inner-Box2 p.ltext {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 1.6px;margin-bottom: -1px;position: relative;}

#contents01 {margin: 0 auto 170px;position: relative;max-width: 1400px;background: #DBF2F7;padding: 94px 0 0;}
#contents01 h2 {text-align: center;margin-bottom: 66px;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1103px;padding-bottom: 61px;}
#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;}

#contents01 .inner-Box ul li {position: relative;width: 530px;background: #fff;margin: 0 40px 40px 0;border-radius: 10px;padding-bottom: 20px;}
#contents01 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents01 .inner-Box h3 {font-size: 22px;line-height: 1.75;font-weight: 500;letter-spacing: 2.2px;margin-bottom: 27px;position: relative;text-align: center;}
#contents01 .inner-Box h3 span {background: #9EDBE9;border-radius: 0px 0px 30px 30px;display: inline-block;padding: 6px 107px 9px;}
#contents01 .inner-Box figure.img {position: relative;top: 0;text-align: center;left: 0;/* height: 206px; */margin-bottom: 21px;}
#contents01 .inner-Box figure.img img{  }
#contents01 .inner-Box h4 {font-size: 16px;line-height: 1.5;font-weight: 400;letter-spacing: 0px;margin: 0 57px 15px;position: relative;}
#contents01 .inner-Box p.ltext {font-size: 12px;line-height: 1.42;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;color: #717171;position: relative;margin-left: 56px;}

#contents02 {margin: 0 auto 170px;position: relative;width: 1000px;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box h2 {font-size: 16px;line-height: 1.75;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 28px;position: relative;text-align: center;}
#contents02 .inner-Box h2 span.f-en {display: block;font-size: 40px;letter-spacing: 1.2px;font-weight: 600;margin-bottom: -9px;}
#contents02 .inner-Box table{width: 100%;border-top: #CFCECE 1px solid;font-size: 16px;letter-spacing: 0.8px;line-height: 1.75;font-weight: 500;}
#contents02 .inner-Box table th {width: 265px;text-align: left;vertical-align: top;border-bottom: #CFCECE 1px solid;padding: 38px;}
#contents02 .inner-Box table td {border-bottom: #CFCECE 1px solid;padding: 38px 38px 38px 0px;font-weight: 400;}

#contents03 {margin: 0 auto 208px;position: relative;width: 1100px;}
#contents03 .inner-Box { margin: 0 auto; position: relative; }
#contents03 .inner-Box h2 {font-size: 16px;line-height: 1.75;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 28px;position: relative;text-align: center;}
#contents03 .inner-Box h2 span.f-en {display: block;font-size: 40px;letter-spacing: 1.2px;font-weight: 600;margin-bottom: -9px;}
#contents03 .inner-Box iframe{width: 1100px;height: 483px;margin-bottom: 17px;}
#contents03 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;position: relative;text-align: center;}
#contents03 .inner-Box p.text span {border: 1px solid #1A1A1A;display: inline-block;padding: 0 15px;margin-right: 10px;line-height: 1.5;}

#contentsbottom {margin: 0 auto 179px;position: relative;width: 1200px;}
#contentsbottom h2 {margin-bottom: 50px;margin-left: 50px;}
#contentsbottom h2 span{  }
#contentsbottom h2 img {  }
#contentsbottom .inner-Box {margin: 0 auto 53px;position: relative;border-bottom: #CFCECE 1px solid;padding: 0 50px 20px;}
#contentsbottom .inner-Box h3.f-en {font-size: 32px;line-height: 1.75;font-weight: 700;letter-spacing: 0.96px;margin-bottom: 21px;position: relative;color: #D4D4D4;}
#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: 40px;margin-bottom: 40px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { 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: 0 auto 12.58vw;position: relative;background: url('../images/company/sp-contentsmain-back01.png')no-repeat top 102.1vw center;padding-bottom: 15.22vw;background-size: 100% auto;}
    #contentsmain .inner-Box {margin: 0 auto 7.16vw;position: relative;padding: 6.7vw 0 0;}
    #contentsmain .inner-Box h2 {text-align: center;margin: 0 13.1vw 12.15vw 14.1vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {  }
    #contentsmain .inner-Box h3 {font-size: 6.28vw;line-height: 1.65;font-weight: 500;letter-spacing: 1.26vw;margin-bottom: 0.0vw;position: relative;text-align: center;}
    #contentsmain .inner-Box h3 span {display: block;font-size: 3.38vw;letter-spacing: 0.19vw;margin-bottom: 2.47vw;}
    #contentsmain .inner-Box2 {margin: 0 4vw;position: relative;padding: 0 0 0 0vw;}
    #contentsmain .inner-Box2 figure.photo {position: relative;top: 0vw;left: 0vw;margin-bottom: 5.7vw;}
    #contentsmain .inner-Box2 figure.photo img{  }
    #contentsmain .inner-Box2 h3 {font-size: 4.35vw;line-height: 2.05;font-weight: 500;letter-spacing: 0.22vw;margin: 0 2.3vw 1.53vw;position: relative;}
    #contentsmain .inner-Box2 p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.34vw;margin: 0 2.4vw 5.41vw;position: relative;}
    #contentsmain .inner-Box2 ul{height: 29.38vw;background: #fff;padding: 4.85vw 3.86vw 3.35vw 18.74vw;position: relative;margin: 0 6vw 9.65vw;}
    #contentsmain .inner-Box2 ul::before{content: "";display: block;background: url(../images/company/contentsmain-icon01.svg)no-repeat;width: 7.25vw;height: 4.35vw;position: absolute;bottom: -3vw;left: 8.45vw;background-size: 100% auto;}
    #contentsmain .inner-Box2 ul li { position: relative; }
    #contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsmain .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 1.49vw;left: -5.6vw;width: 3.5vw;}
    #contentsmain .inner-Box2 span.ch img {  }
    #contentsmain .inner-Box2 p.ltext {font-size: 3.14vw;line-height: 2;font-weight: 400;letter-spacing: 0.31vw;margin-bottom: 0.7vw;position: relative;}
    
    #contents01 {margin: 0 4vw 17.16vw;position: relative;background: #DBF2F7;padding: 12.21vw 0 0;}
    #contents01 h2 {text-align: center;margin: 0 11.3vw 14.14vw;}
    #contents01 h2 span{  }
    #contents01 h2 img {  }
    #contents01 .inner-Box {margin: 0 5vw;position: relative;padding-bottom: 6.73vw;}
    #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;}
    
    #contents01 .inner-Box ul li {position: relative;background: #fff;margin: 0 0vw 7.66vw 0;border-radius: 10px;padding-bottom: 4.83vw;}
    #contents01 .inner-Box h3 {font-size: 3.86vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.53vw;margin-bottom: 4.52vw;position: relative;text-align: center;}
    #contents01 .inner-Box h3 span {background: #9EDBE9;border-radius: 0.0vw 0.0vw 7.25vw 7.25vw;display: inline-block;padding: 2.25vw 1.55vw 1.87vw;width: 57.97vw;}
    #contents01 .inner-Box figure.img {position: relative;top: 0;text-align: center;left: 0;/* height: 49.76vw; */margin: 0 5.3vw 4.07vw;}
    
    #contents01 .inner-Box ul li:nth-child(2) figure.img{ margin: 0 7vw 4.4vw 8vw; }
    #contents01 .inner-Box ul li:nth-child(3) figure.img{ margin: 0 7vw 4.4vw 8vw; }

    
    #contents01 .inner-Box figure.img img{}
    #contents01 .inner-Box h4 {font-size: 3.38vw;line-height: 1.9;font-weight: 400;letter-spacing: 0.0vw;margin: 0 6.77vw 3.82vw;position: relative;}
    #contents01 .inner-Box p.ltext {font-size: 2.42vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 2.25vw;color: #717171;position: relative;margin-left: 5.73vw;}
    
    #contents02 {margin: 0 auto 17.86vw;position: relative;}
    #contents02 .inner-Box { margin: 0 4vw; position: relative; }
    #contents02 .inner-Box h2 {font-size: 3.86vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 8.76vw;position: relative;text-align: center;}
    #contents02 .inner-Box h2 span.f-en {display: block;font-size: 7.25vw;letter-spacing: 0.29vw;font-weight: 600;margin-bottom: -1vw;}
    #contents02 .inner-Box table{width: 100%;border-top: #CFCECE 0.24vw solid;font-size: 3.38vw;letter-spacing: 0.17vw;line-height: 1.75;font-weight: 500;}
    #contents02 .inner-Box table th {text-align: left;vertical-align: top;border-bottom: #CFCECE 0.24vw solid;padding: 4.78vw 2.18vw;width: 24.7vw;}
    #contents02 .inner-Box table td {border-bottom: #CFCECE 0.24vw solid;padding: 4.98vw 1.18vw 4.18vw 0.0vw;font-weight: 400;}
    
    #contents03 {margin: 0 auto 25.44vw;position: relative;}
    #contents03 .inner-Box { margin: 0 4vw; position: relative; }
    #contents03 .inner-Box h2 {font-size: 3.86vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 3.56vw;position: relative;text-align: center;}
    #contents03 .inner-Box h2 span.f-en {display: block;font-size: 7.25vw;letter-spacing: 0.29vw;font-weight: 600;margin-bottom: -1vw;}
    #contents03 .inner-Box iframe{height: 48vw;margin-bottom: 2.91vw;width: 100%;}
    #contents03 .inner-Box p.text {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.39vw;margin: 0 2.5vw 7.25vw;position: relative;text-align: left;}
    #contents03 .inner-Box p.text span {border: 0.24vw solid #1A1A1A;padding: 0 1.62vw;margin-right: 2.42vw;line-height: 1.5;display: block;width: 13.6vw;text-align: center;margin-bottom: 1.3vw;}
    
    #contentsbottom {margin: 0 auto 23.84vw;position: relative;}
    #contentsbottom h2 {margin: 0 25.2vw 10.38vw;}
    #contentsbottom h2 span{  }
    #contentsbottom h2 img {  }
    #contentsbottom .inner-Box {margin: 0 3.8vw 10.3vw;position: relative;border-bottom: #CFCECE 0.24vw solid;padding: 0 5.28vw 8.63vw;}
    #contentsbottom .inner-Box h3.f-en {font-size: 6.76vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.23vw;margin-bottom: 3.07vw;position: relative;color: #D4D4D4;text-align: center;}
    #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-bottom: 3.76vw;}
    
}