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

.seo_bread_list{margin-bottom: -84px!important;color: #fff!important;padding-top: 44px!important;}
.seo_bread_list a{ color: #fff!important; }

#contentsmain {margin: 0 auto;position: relative;background: url('../images/company/contentsmain-back01.png')no-repeat top center;text-align: center;color: #fff;padding: 199px 0 0;height: 580px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h1 {margin-bottom: 32px;font-size: 18px;letter-spacing: 3.6px;font-weight: 500;}
#contentsmain .inner-Box h1 span{font-size: 26px;display: block;letter-spacing: 1.3px;margin-bottom: 5px;font-weight: 600;}

#contents01 {margin: 0 auto 138px;position: relative;width: 1280px;padding: 120px 0 0;}
#contents01 .inner-Box {margin: 0 auto;width: 1100px;padding: 94px 0 0;}
#contents01 .inner-Box h2.f-min {font-size: 36px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#contents01 .inner-Box figure.photo {position: absolute;top: 120px;right: 0;z-index: 3;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 32px;position: relative;}

#contents02 {margin: 0 auto;position: relative;background: #F6F6F4;padding: 139px 0 70px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contents02 .inner-Box h2.f-min {font-size: 36px;line-height: 1.75;font-weight: 400;letter-spacing: 7.2px;margin: 0 0 33px 30px;position: relative;}
#contents02 .inner-Box h2.f-min span.f-en {font-size: 16px;font-weight: 600;display: block;letter-spacing: 0.8px;}
#contents02 .inner-Box table{width: 100%;border-top: #CCCCCC 1px solid;margin-bottom: 47px;}
#contents02 .inner-Box table th {text-align: left;padding: 34px 0px 34px 30px;width: 254px;border-bottom: #CCCCCC 1px solid;}
#contents02 .inner-Box table td {border-bottom: #CCCCCC 1px solid;padding: 34px 0px 34px 0px;}
#contents02 .inner-Box p.cmorebtn {font-size: 14px;line-height: 2;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;}
#contents02 .inner-Box p.cmorebtn a {display: block;width: 280px;height: 60px;margin: 0 auto;background: #fff;border: 1px solid #333333;padding: 12px 12px 12px 24px;position: relative;}
#contents02 .inner-Box p.cmorebtn a::before {content: "→";position: absolute;top: 5px;right: 20px;font-size: 21px;}

#contents03 {margin: 0 auto;position: relative;background: #FFF;padding: 115px 0 118px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contents03 .inner-Box h2.f-min {font-size: 36px;line-height: 1.75;font-weight: 400;letter-spacing: 7.2px;margin: 0 0 43px 30px;position: relative;}
#contents03 .inner-Box h2.f-min span.f-en {font-size: 16px;font-weight: 600;display: block;letter-spacing: 0.8px;}
#contents03 .inner-Box figure.photo {position: absolute;top: 134px;right: 0;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box iframe{width: 460px;height: 460px;margin-bottom: 20px;}
#contents03 .inner-Box p.ltext {font-size: 18px;line-height: 2;font-weight: 400;letter-spacing: 0.9px;margin-bottom: 19px;position: relative;}
#contents03 .inner-Box p.morebtn {font-size: 14px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}
#contents03 .inner-Box p.morebtn a {width: 195px;height: 38px;display: block;border-bottom: 1px solid #333;padding: 0 0 0 9px;position: relative;}
#contents03 .inner-Box p.morebtn a:hover {  }
#contents03 .inner-Box p.morebtn a::before {content: "→";position: absolute;top: 1px;right: 0px;font-size: 16px;}

#contentsbottom {margin: 0 auto -70px;position: relative;background: #F6F6F4;padding: 115px 0 86px;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1150px;}
#contentsbottom .inner-Box h2.f-min {font-size: 36px;line-height: 1.75;font-weight: 400;letter-spacing: 7.2px;margin: 0 0 33px 45px;position: relative;}
#contentsbottom .inner-Box h2.f-min span.f-en {font-size: 16px;font-weight: 600;display: block;letter-spacing: 0.8px;}
#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 {width: 370px;margin: 0 20px 40px 0;}
#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) {

.seo_bread_list{margin-bottom: -11.8vw!important;color: #fff!important;padding-top: 3.43vw!important;z-index: 3;position: relative;}
.seo_bread_list a{ color: #fff!important; }

#contentsmain {position: relative;background: url('../images/company/sp-contentsmain-back01.png')no-repeat top center;text-align: center;color: #fff;padding: 33.53vw 0 16vw;background-size: 100% auto;height: 78vw;}
#contentsmain .inner-Box { margin: 0 4vw; position: relative; }
#contentsmain .inner-Box h1 {margin-bottom: 5.68vw;font-size: 3.86vw;letter-spacing: 0.77vw;}
#contentsmain .inner-Box h1 span{display: block;font-size: 5.31vw;letter-spacing: 0.27vw;font-weight: 600;}


#contents01 {margin: 0 auto 13.53vw;position: relative;padding:  0 0;}
#contents01 .inner-Box {padding: 12.71vw 0 0;}
#contents01 .inner-Box h2.f-min {font-size: 6.28vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 3.45vw;position: relative;text-align: center;}
#contents01 .inner-Box figure.photo {position: relative;margin: 0 12.5vw 6vw;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.0vw;margin: 0 6.6vw 6.93vw;position: relative;}

#contents02 {position: relative;background: #F6F6F4;padding: 15.57vw 0 12.01vw;}
#contents02 .inner-Box {margin: 0 4vw;position: relative;}
#contents02 .inner-Box h2.f-min {font-size: 6.76vw;line-height: 1.75;font-weight: 400;letter-spacing: 1.35vw;margin: 0 0 6.17vw 2.25vw;position: relative;}
#contents02 .inner-Box h2.f-min span.f-en {font-size: 3.38vw;font-weight: 600;display: block;letter-spacing: 0.17vw;}
#contents02 .inner-Box table{width: 100%;margin-bottom: 12.35vw;font-size: 3.86vw;letter-spacing: 0.19vw;font-weight: 500;}
#contents02 .inner-Box table th {text-align: left;padding: 6.31vw 0.0vw 5.41vw 7.25vw;display: block;width: 100%;background: #CCCCCC;}
#contents02 .inner-Box table td {padding: 6.31vw 0.0vw 5.41vw 7.25vw;display: block;width: 100%;font-weight: 400;}
#contents02 .inner-Box p.cmorebtn {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 7.25vw;position: relative;}
#contents02 .inner-Box p.cmorebtn a {display: block;height: 14.49vw;margin: 0 12.1vw;background: #fff;border: 0.24vw solid #333333;padding: 3.5vw 2.9vw 2.9vw 5.8vw;position: relative;}
#contents02 .inner-Box p.cmorebtn a::before {content: "→";position: absolute;top: 1.21vw;right: 4.83vw;font-size: 5.07vw;}

#contents03 {position: relative;padding: 18.57vw 0 12.01vw;}
#contents03 .inner-Box {margin: 0 6.5vw;position: relative;}
#contents03 .inner-Box h2.f-min {font-size: 6.76vw;line-height: 1.75;font-weight: 400;letter-spacing: 1.35vw;margin: 0 0 4.57vw 0vw;position: relative;}
#contents03 .inner-Box h2.f-min span.f-en {font-size: 3.38vw;font-weight: 600;display: block;letter-spacing: 0.17vw;}
#contents03 .inner-Box figure.photo {position: relative;right: 0;margin-bottom: 2.5vw;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box iframe{height: 48.31vw;margin-bottom: 2.53vw;width: 86.71vw;}
#contents03 .inner-Box p.ltext {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 0.29vw;position: relative;}
#contents03 .inner-Box p.morebtn {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;margin-right: 39.9vw;}
#contents03 .inner-Box p.morebtn a {height: 9.18vw;display: block;border-bottom: 0.24vw solid #333;padding: 0 0 0 2.17vw;position: relative;}
#contents03 .inner-Box p.morebtn a:hover {  }
#contents03 .inner-Box p.morebtn a::before {content: "→";position: absolute;top: 0.24vw;right: 0.0vw;font-size: 3.86vw;}

#contentsbottom {background: #F6F6F4;position: relative;padding: 18.57vw 0 20.01vw;}
#contentsbottom .inner-Box {margin: 0 5.3vw;position: relative;}
#contentsbottom .inner-Box h2.f-min {font-size: 6.76vw;line-height: 1.75;font-weight: 400;letter-spacing: 1.35vw;margin: 0 0 5.57vw 1.3vw;position: relative;}
#contentsbottom .inner-Box h2.f-min span.f-en {font-size: 3.38vw;font-weight: 600;display: block;letter-spacing: 0.17vw;}
#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: 0 0vw 4.76vw 0;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }


}