/*
 *  files/css/style.css
 */

/* !事業紹介
---------------------------------------------------------- */

/* !共通
---------------------------------------------------------- */

.service .heading .heading-inner h2 {
margin-left: 50px;
}

.service.fiberscope .heading .heading-inner h2 { width: 479px; }
.service.precision .heading .heading-inner h2 { width: 569px; }
.service.universal .heading .heading-inner h2 { width: 416px; }

.service.fiberscope .heading { background: #66cec9; }
.service.precision .heading  { background:  }
.service.universal .heading  { background: #fccd3e; }

@media screen and (max-width: 480px) {
.service .heading .heading-inner h2 {
margin-left: 0;
}
.service.fiberscope .heading .heading-inner h2 { width: 90%; max-width: 479px; }
.service.precision .heading .heading-inner h2 { width: 90%; max-width: 569px; }
.service.universal .heading .heading-inner h2 { width: 70%; max-width: 416px; }

}

.service .box .box-inner {
width: 800px;
margin: 0 auto 50px;
}

@media screen and (max-width: 480px) {
.service .box .box-inner {
width: 100%;
padding: 0 5%;
}
}

.service .box .title-bar {
width: 800px;
height: 120px;
margin: 0 auto 50px;
padding: 35px 30px;
}

.service .box .title-bar h4 {
width: 240px;
margin-bottom: 8px;
}



@media screen and (max-width: 480px) {
.service .box .title-bar {
width: 100%;
height: auto;
margin-bottom: 30px;
padding: 30px 15px;
}
.service .box .title-bar h4 {
width: 55%;
max-width: 240px;
margin-bottom: 6px;
}
.service .box .title-bar .small-description {
line-height: 17px;
font-size: 1.3rem;
}
}

/* !事業紹介 ファイバースコープ事業
---------------------------------------------------------- */



.service.fiberscope .box .box-inner h3 {
width: 383px;
margin-bottom: 40px;
}

.service.fiberscope .box .box-inner .description {
margin-bottom: 40px;
}

/* !product-area 共通
---------------------------------------------------------- */

.service.fiberscope .box .box-inner .product-area {
  width: 800px;
  margin: 0 auto 50px;
  padding: 50px 60px;
  border: 1px solid #FFC107;
}

.service.fiberscope .box .box-inner .product-area .text-area {
  float: left;
  width: 48%;
}

.service.fiberscope .box .box-inner .product-area .text-area .title-01 {
  width: 312px;
  margin-bottom: 30px;
}

.service.fiberscope .box .box-inner .product-area .text-area p {
  margin-bottom: 20px;
}
.service.fiberscope .box .box-inner .product-area .text-area .bold {
    font-weight: bold;
}
.service.fiberscope .box .box-inner .product-area .img-area {
  float: right;
  width: 48%;
  padding: 60px 0 0;
}
.service.fiberscope .box .box-inner .product-area .text-area .spec {
    font-size: 1.3rem;
}
.service.fiberscope .box .box-inner .product-area .img-area .btn-01 {
  width: 239px;
  margin: 60px auto 0;
}


/* !product-area-01
---------------------------------------------------------- */
.service.fiberscope .box .box-inner .product-area-01 .text-area .title-02 {
	    width: 184px;
margin-bottom: 30px;
}
.service.fiberscope .box .box-inner .product-area-01 .text-area .title-02 p.full-name {
    background-color: #56b9cf;
    width: 119%;
    padding: 2px 10px;
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 13px;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.service.fiberscope .box .box-inner .product-area-01 ul li{
    width: 44%;
    float: left;
    margin-right: 20px;
}
.service.fiberscope .box .box-inner .product-area-01 ul li:last-child {
    width: 44%;
    float: left;
    margin-right: 0;
}
.service.fiberscope .box .box-inner .product-area-01 a {
    color: #000000;
}



/* !Cozyx(R) Scope
---------------------------------------------------------- */
/* !product-area-02
---------------------------------------------------------- */

.service.fiberscope .box .box-inner .product-area-02 .text-area .title-02 {
width: 180px;
margin-bottom: 30px;
}
.service.fiberscope .box .box-inner .product-area-02 .text-area .title-02 p.full-name {
    background-color: #4b95d6;
    width: 115%;
    padding: 2px 10px;
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 13px;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.service.fiberscope .box .box-inner .product-area-02 .img-area {
float: right;
width: 48%;
padding:0;
}
.service.fiberscope .box .box-inner .product-area-02 ul{
clear: both;
}
.service.fiberscope .box .box-inner .product-area-02 ul li{
    width: 20%;
    float: left;
    margin-right: 40px;
}
.service.fiberscope .box .box-inner .product-area-02 ul li:last-child {
    width: 20%;
    float: left;
    margin-right: 0;
}
.service.fiberscope .box .box-inner .product-area-02 ul li p i{
	font-size: 10px;
    color: #4b95d6;
	padding-right:7px;
}

/* !product-area-03
---------------------------------------------------------- */
.service.fiberscope .box .box-inner .product-area-03 .text-area .title-02 {
  width: 184px;
  margin-bottom: 30px;
}

.service.fiberscope .box .box-inner .product-area-03 .text-area .title-02 p.full-name {
    background-color: #65cfca;
    width: 108%;
    padding: 2px 10px;
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 13px;
    margin-bottom: 10px;
    font-size: 1.2rem;
}
.service.fiberscope .box .box-inner .product-area-03 ul{
    padding: 18px 0 30px 9px;
}

.service.fiberscope .box .box-inner .product-area-03 ul li{
    width: 44%;
    float: left;
    margin-right: 30px;
}
.service.fiberscope .box .box-inner .product-area-03 ul li:last-child {
    width: 44%;
    float: left;
    margin-right: 0;
}
.service.fiberscope .box .box-inner .product-area-03 ul li p i{
	font-size: 10px;
    color: #65cfca;
	padding-right:7px;
}

/* !product-area-04
---------------------------------------------------------- */
.service.fiberscope .box .box-inner .product-area-04 .text-area .title-02 {
  width: 184px;
  margin-bottom: 30px;
}

.service.fiberscope .box .box-inner .product-area-04 .text-area .title-02 p.full-name {
    background-color: #65cfca;
    width: 108%;
    padding: 2px 10px;
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 13px;
    margin-bottom: 10px;
    font-size: 1.2rem;
}
.service.fiberscope .box .box-inner .product-area-04 ul{
    padding: 18px 0 30px 9px;
}

.service.fiberscope .box .box-inner .product-area-04 ul li{
    width: 44%;
    float: left;
    margin-right: 30px;
}
.service.fiberscope .box .box-inner .product-area-04 ul li:last-child {
    width: 44%;
    float: left;
    margin-right: 0;
}
.service.fiberscope .box .box-inner .product-area-04 ul li p i{
  font-size: 10px;
    color: #65cfca;
  padding-right:7px;
}





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

.service.fiberscope .box .box-inner .product-area {
  width: 100%;
   padding: 30px 5%;
}
.service.fiberscope .box .box-inner .product-area .text-area {
  float: none;
  width: 100%;
}
.service.fiberscope .box .box-inner .product-area .text-area .title-01 {
  width: 100%;
  max-width: 312px;
  margin-bottom: 30px;
}
.service.fiberscope .box .box-inner .product-area .img-area {
  float: none;
  width: 100%;
  padding: 20px 0 0;
}

.service.fiberscope .box .box-inner .product-area .img-area .btn-01 {
  max-width: 239px;
  margin: 30px auto 0;
}




/* !Cozyx(R) Scope
---------------------------------------------------------- */

.service.fiberscope .box .box-inner .product-area-01 .text-area .title-02 {
    width: 100%;
    max-width: 312px;
    margin-bottom: 30px;
}
.service.fiberscope .box .box-inner .product-area-02 .text-area .title-02 {
    width: 100%;
    max-width: 312px;
    margin-bottom: 30px;
}
.service.fiberscope .box .box-inner .product-area-03 .text-area .title-02 {
    width: 100%;
    max-width: 312px;
    margin-bottom: 30px;
}
.service.fiberscope .box .box-inner .product-area-04 .text-area .title-02 {
    width: 100%;
    max-width: 312px;
    margin-bottom: 30px;
}
.service.fiberscope .box .box-inner .product-area-01 .text-area .title-02 p.full-name {
	width:100%;
}
.service.fiberscope .box .box-inner .product-area-02 .text-area .title-02 p.full-name {
	width:100%;
}
.service.fiberscope .box .box-inner .product-area-03 .text-area .title-02 p.full-name {
	width:100%;
}
.service.fiberscope .box .box-inner .product-area-04 .text-area .title-02 p.full-name {
  width:100%;
}
.service.fiberscope .box .box-inner .product-area ul {
	margin-top:20px;
}

.service.fiberscope .box .box-inner .product-area-02 ul li{
    width: 50%;
    float: left;
    margin-right: 0;
}
.service.fiberscope .box .box-inner .product-area-02 ul li:last-child {
    width: 50%;
    float: left;
    margin-right: 0;
}
.service.fiberscope .box .box-inner .product-area-03 ul{
    padding: 0;
}
.service.fiberscope .box .box-inner .product-area-03 ul li{
    width: 50%;
    float: left;
    margin-right: 0;
}
.service.fiberscope .box .box-inner .product-area-03 ul li:last-child {
    width: 50%;
    float: left;
    margin-right: 0;
}




}

/* !事業紹介 ファイバースコープ事業 ドクターの声
---------------------------------------------------------- */


.service.voice .box .box-inner h3 {
width: 361px;
margin-bottom: 40px;
}


.service.voice .box .title-bar {
background-color: #46c7c1;
padding: 25px 30px;
}

.service.voice .box .title-bar h4 {
width: 234px;
}

.service.voice .box .box-inner .voice-area {
margin-bottom: 40px;
padding: 40px;
border: 1px solid #dfdfdf;
}

.service.voice .box .box-inner .voice-area h5 {
color: #ffd146;
font-size: 2.2rem;
margin-bottom: 30px;
line-height: 26px;
}

.service.voice .box .box-inner .voice-area .content-area {
margin-bottom: 20px;
}

.service.voice .box .box-inner .voice-area .content-area .text-area {
float: left;
width: 475px;
}

.service.voice .box .box-inner .voice-area .content-area .text-area .doctor-img {
width: 275px;
margin-bottom: 20px;
}

.service.voice .box .box-inner .voice-area .content-area .text-area .doctor-img-02 {
width: 337px;
}

.service.voice .box .box-inner .voice-area .content-area .img-area {
float: right;
width: 220px;
}

.service.voice .box .box-inner .voice-area .small-title {
margin-bottom: 2px;
font-weight: bold;
}

.service.voice .box .box-inner .voice-area .goods-list {
background-color: #eef5f9;
padding: 20px;
margin-bottom: 30px;
}

.service.voice .box .box-inner .voice-area .img-list li {
float: left;
width: 195px;
height: 165px;
overflow: hidden;
margin-right: 15px;
}

.service.voice .box .box-inner .voice-area-01 .img-list li:last-child {
width: 250px;
margin-right: 0;
}


@media screen and (max-width: 480px) {
.service.voice .box .box-inner h3 {
width: 90%;
max-width: 361px;
}

.service.voice .box .box-inner .voice-area {
margin-bottom: 40px;
padding: 30px 5%;
border: 1px solid #dfdfdf;
}
.service.voice .box .box-inner .voice-area .content-area .text-area {
float: none;
width: 100%;
margin-bottom: 10px;
}

.service.voice .box .box-inner .voice-area .content-area .text-area .doctor-img {
max-width: 275px;
width: 90%;
margin-bottom: 20px;
}

.service.voice .box .box-inner .voice-area .content-area .text-area .doctor-img-02 {
max-width: 337px;
width: 90%;
}

.service.voice .box .box-inner .voice-area .content-area .img-area {
float: none;
width: 100%;
max-width: 220px;
margin: 0 auto;
}
.service.voice .box .box-inner .voice-area .img-list li {
float: none;
width: 90%;
height: auto;
margin: 0 auto 10px;
}

.service.voice .box .box-inner .voice-area-01 .img-list li:last-child {
width: 90%;
margin-right: 5%;
}
}

/* !事業紹介 精密検査機器事業
---------------------------------------------------------- */

.service.precision .box .box-inner h3 {
width: 484px;
margin-bottom: 40px;
}

.service.precision .box .box-inner .description {
margin-bottom: 40px;
}

.service.precision .box .title-bar {
background-color: #8ab0e9;
}

.service.precision .box .box-inner .products-list {
width: 740px;
margin: 0 auto;
}

.service.precision .box .box-inner .products-list li {
border: 1px solid #89b0e9;
padding: 25px 30px;
width: 350px;
height: 500px;
float: left;
margin-right: 40px;
margin-bottom: 40px;
}

.service.precision .box .box-inner .products-list li:nth-child(1),
.service.precision .box .box-inner .products-list li:nth-child(2) {
height: 430px;
}

.service.precision .box .box-inner .products-list li:nth-child(2n) {
margin-right: 0;
}

.service.precision .box .box-inner .products-list li .name {
font-size: 1.8rem;
color: #87adeb;
font-weight: bold;
    margin-bottom: 10px;
}

.service.precision .box .box-inner .products-list li .img-area {
width: 294px;
}

.service.precision .box .box-inner .products-list li .more-btn {
font-weight: bold;
text-align: right;
}

.service.precision .box .box-inner .products-list li .more-btn a {
color: #000000;
text-decoration: none;
}

.service.precision .box .box-inner .products-list li .more-btn a i {
color: #f8cb64;
padding-right: 5px;
}

@media screen and (max-width: 480px) {
.service.precision .box .box-inner h3 {
max-width: 484px;
width: 100%;
margin-bottom: 40px;
}
.service.precision .box .box-inner .products-list {
width: 100%;
}
.service.precision .box .box-inner .products-list li {
padding: 25px 5%;
width: 100%;
height: auto;
float: none;
}
.service.precision .box .box-inner .products-list li:nth-child(1),
.service.precision .box .box-inner .products-list li:nth-child(2) {
height: auto;
}
.service.precision .box .box-inner .products-list li .img-area {
max-width: 294px;
width: 100%;
margin: 0 auto;
}
}

/* !事業紹介 福祉機器事業
---------------------------------------------------------- */

.service.precision.equip-01 .box .box-inner h4 {
margin-bottom: 30px;
background-color: #67ace9;
padding: 8px 20px;
color: #FFFFFF;
font-size: 2rem;
}
.service.precision.equip-01 .box .box-inner .product-area {
width: 770px;
margin: 0 auto;
}
.service.precision.equip-01 .box .box-inner .product-area .img-area {
float: left;
width: 300px;
}
.service.precision.equip-01 .box .box-inner .product-area .text-area {
float: right;
width: 440px;
}
.service.precision.equip-01 .box .box-inner .product-area .text-area .title-01 {
color: #3970b9;
font-size: 1.6rem;
margin-bottom: 5px;
font-weight: bold;
}

.service.precision.equip-01 .box .box-inner .product-area .text-area .spec-list {
margin-bottom: 20px;
color: #333;
}

.service.precision.equip-01 .box .box-inner .system-layout {
    padding: 60px 50px 50px;
border: 1px solid #CCC;
}

.service.precision.equip-01 .box .box-inner .system-layout h5 {
font-size: 1.8rem;
color: #ffbc22;
margin-bottom: 15px;
}

.service.precision.equip-01 .box .box-inner .system-layout .layout-img-area {
width: 380px;
margin: 20px auto;
}

.service.precision.equip-01 .box .box-inner .system-layout .discription-area .system {
width: 45%;
}
.service.precision.equip-01 .box .box-inner .system-layout .discription-area .system .name {
color: #3970b9;
font-size: 1.6rem;
margin-bottom: 5px;
font-weight: bold;
}
.service.precision.equip-01 .box .box-inner .system-layout .discription-area .system p {
width: 90%;
margin-bottom: 10px;
}
.service.precision.equip-01 .box .box-inner .system-layout .discription-area .system .layout-list {
border: 1px solid #3970b9;
padding: 10px;
font-size: 1.3rem;
color: #333333;
}
.service.precision.equip-01 .box .box-inner .system-layout .discription-area .system-01 {
float: left;
}
.service.precision.equip-01 .box .box-inner .system-layout .discription-area .system-02 {
float: right;
}

@media screen and (max-width: 480px) {
.service.precision.equip-01 .box .box-inner .product-area {
width: 100%;
margin: 0 auto;
}
.service.precision.equip-01 .box .box-inner .product-area .img-area {
float: none;
width: 100%;
max-width: 300px;
margin: 0 auto;
}
.service.precision.equip-01 .box .box-inner .product-area .text-area {
float: none;
width: 100%;
}
.service.precision.equip-01 .box .box-inner .product-area .text-area .spec-list li {
text-indent: -16px;
padding-left: 16px;
}
.service.precision.equip-01 .box .box-inner .system-layout {
padding: 20px 5%;
}
.service.precision.equip-01 .box .box-inner .system-layout .layout-img-area {
width: 100%;
}
.service.precision.equip-01 .box .box-inner .system-layout .discription-area .system {
width: 100%;
}
.service.precision.equip-01 .box .box-inner .system-layout .discription-area .system-01 {
margin-bottom: 30px;
}
.service.precision.equip-01 .box .box-inner .system-layout .discription-area .system p {
width: 100%;
}
}


/* !事業紹介 福祉機器事業
---------------------------------------------------------- */



.service.universal .box .box-inner ul.products-list {
width: 820px;
margin: 0 auto 60px;
}

.service.universal .box .box-inner ul.products-list li {
position: relative;
float: left;
width: 242px;
height: 370px;
padding: 10px 10px;
margin-right: 27px;
margin-bottom: 30px;
    background-color: #ececec;
}

.service.universal .box .box-inner ul.products-list li a {
text-decoration: none;
color: #000000;
}

.service.universal .box .box-inner ul.products-list li .img-area {
width: 220px;
margin-bottom: 10px;
}

.service.universal .box .box-inner ul.products-list li h3 {
margin-bottom: 5px;
font-size: 1.6rem;
}

.service.universal .box .box-inner ul.products-list li h3 span {
font-size: 1.2rem;
}

.service.universal .box .box-inner ul.products-list li .discription-area {
padding: 0 5px;
line-height: 19px;
}

.service.universal .box .box-inner ul.products-list li .discription-area p {
font-size: 1.3rem;
}

.service.universal .box .box-inner ul.products-list li .discription-area p.link {
padding: 10px 15px 0;

}

.service.universal .box .box-inner ul.products-list li .discription-area p.link a {
display: block;
padding: 5px;
background: #fecb2f;
color: #fff;
font-weight: bold;
text-align: center;
}



.service.universal .box .box-inner .bn-list {
width: 778px;
margin: 0 auto;
}

.service.universal .box .box-inner .bn-list li {
margin-bottom: 30px;
}

.service.universal .box .box-inner .sp-bn-list {
display: none;
}

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

.service.universal .box .box-inner h5.h5-title-02 {
max-width: 388px;
width: 100%;
}

.service.universal .box .box-inner ul.service-list li a {
width: 100%;
}
.service.universal .box .box-inner ul.products-list {
width: 100%;
margin: 0 auto 30px;
}
.service.universal .box .box-inner ul.products-list li {
float: none;
width: 90%;
height: auto;
margin: 0 auto 20px;
}
.service.universal .box .box-inner ul.products-list li .img-area {
width: 100%;
}
.service.universal .box .box-inner .bn-list {
display: none;
}
.service.universal .box .box-inner .sp-bn-list {
display: block;
width: 100%;
}
.service.universal .box .box-inner .sp-bn-list li {
margin-bottom: 30px;
}
}