@charset "UTF-8";

/*.pc {display: block;}*/
.mobile {display: none;}
.blue {color: #0000cc; font-weight: 600;}
.blue2 {color: #bbdefb; font-weight: 600;}
.fs25 {font-size: 2.5rem;}
.fs30 {font-size: 3rem;}
.fl {float: left !important;}
.fr {float: right !important;}
.center {margin: 0 auto;}
.mt50 {margin-top: 50px;}

@media screen and (max-width: 960px) {
    .pc {display: none;}
    .mobile {display: block;}
    img {width: 100%;}
}



.smartLasik {width:100%; margin:0 auto; letter-spacing: -1px; /*margin-bottom: -220px;*/ }

.smartLasik-top {background:#0000cc; text-align: center;}

.smartLasik-text {background:#0000cc; margin: 0 auto; padding: 60px 20px;}
.smartLasik-text ul {display: table; margin: 0 auto;}
.smartLasik-text ul li {display: table-cell; color: #fff; font-size: 2.2rem; line-height: 1.8; vertical-align: middle; font-weight: 400; }
.smartLasik-text ul li img {margin: 40px;}
.smartLasik-text ul li span {color: #ffeb3b; font-weight: 600;}


.smartLasik-youtube {padding: 160px 0; background: #fff;}


.smartLasik-01 {margin: 0 auto; padding: 18rem 0; text-align: center; }
.smartLasik-01 .title {font-size: 5rem; line-height: 1.5;  }
.smartLasik-01 .img {margin-top: 8rem;}
.smartLasik-01 ul {margin-top: 8rem; display: table; max-width: 98%;}
.smartLasik-01 ul li {font-size: 2rem; text-align: left; line-height: 1.8; display: table-cell; }
.smartLasik-01 ul li:first-child {font-size: 3rem; text-align: left; width: 39%; font-weight: 600; }
.smartLasik-01 ul li:first-child span {font-size: 4rem;}
.smartLasik-01 ul li:first-child img {width: 30% !important; margin-top: 20px; }


.smartLasik-02 {margin: 0 auto; padding: 18rem 0; text-align: center; }
.smartLasik-02 .title {font-size: 5rem; line-height: 1.5;  }
.smartLasik-02 .img {margin-top: 8rem;}
.smartLasik-02 .txt1 {font-size: 4rem; font-weight: 600; padding: 8rem 2rem; line-height: 1.4;}
.smartLasik-02 .txt2 {font-size: 2.5rem; line-height: 1.6; padding: 0rem 2rem;}
.smartLasik-02 ul {margin-top: 8rem; display: table; }
.smartLasik-02 ul li {font-size: 2rem; text-align: left; line-height: 1.8; display: table-cell; vertical-align: middle; }
.smartLasik-02 ul li:first-child {width: 25%; }


.smartLasik-03 {width: 100%; padding: 18rem 0; background:url('/img/sub4/smartLasik-v2-04-bg.jpg') repeat center top; }


.smartLasik-04 {margin: 0 auto; text-align: center; }
.smartLasik-04 ul {margin: 12rem 0; display: table; max-width: 100%;}
.smartLasik-04 ul li {font-size: 2.4rem; text-align: left; line-height: 1.6; display: table-cell; }
.smartLasik-04 ul li:first-child {font-size: 4rem; text-align: left; width: 40%; font-weight: 600; line-height: 1.5; }
.smartLasik-04 ul li:first-child span {font-size: 2.4rem; }
.smartLasik-04 ul li:first-child img {width: 30% !important; margin-top: 20px; }

.smartLasik-04 ul li img {margin-top: 6rem; }
.smartLasik-04 .line {height: 1px; background: #ddd; }


.smartLasik-05 {margin: 0 auto; padding: 18rem 0; text-align: center; }
.smartLasik-05 .title {font-size: 5rem; line-height: 1.5;  }
.smartLasik-05 .img {margin-top: 8rem;}


.smartLasik-06 {margin: 0 auto; padding: 18rem 0; text-align: center; }
.smartLasik-06 .title {font-size: 5rem; line-height: 1.5; margin-bottom: 8rem; }
.smartLasik-06 .title span {font-size: 5rem; line-height: 1.5;  }
.smartLasik-06 ul {background: #f5f5f5; padding: 5rem;}
.smartLasik-06 ul li {font-size: 2.5rem; text-align: center; line-height: 1.6; vertical-align: middle; }
.smartLasik-06 ul li:first-child {font-size: 3rem; color: #0000cc; font-weight: 600; text-decoration: underline; margin-bottom: 2rem;}


.smartLasik-07 {margin: 0 auto; padding: 18rem 0 8rem; text-align: center; }
.smartLasik-07 .title {font-size: 3rem; line-height: 1.5; margin-bottom: 8rem; font-weight: 600; }
.smartLasik-07 .title span {font-size: 5rem; line-height: 1.5;  }
.smartLasik-07 ul {margin: 10rem 0; display: table; max-width: 100%;}
.smartLasik-07 ul li {font-size: 2.4rem; text-align: left; line-height: 1.6; display: table-cell; }
.smartLasik-07 ul li:first-child {font-size: 4rem; text-align: left; width: 40%; font-weight: 600; line-height: 1.5; vertical-align: top; margin-bottom: 2rem; }
.smartLasik-07 ul li:first-child span {font-size: 3rem; }
.smartLasik-07 ul li img {margin-top: 6rem; }
.smartLasik-07 ul li .grid-col2 {margin-top: 6rem; }
.smartLasik-07 ul li .box {display: table; margin: 0; }
.smartLasik-07 ul li .box li {display: table-cell; font-size: 2.2rem; vertical-align: middle; padding-right: 2rem; }
.smartLasik-07 ul li .box li:first-child {width: 30%;}
.smartLasik-07 ul li .box li:first-child img {margin-top: auto; vertical-align: middle; }
.smartLasik-07 ul li .box2 {margin: 0; }
.smartLasik-07 ul li .box2 li {display: block; width: 100%; font-size: 2rem; }
.smartLasik-07 ul li .box2 li img {margin-top: auto; vertical-align: middle; }
.smartLasik-07 ul li .box2 li span {margin-top: 2rem; }
.smartLasik-07 ul li .grid-col3 {margin: 0; }
.smartLasik-07 .line {height: 1px; background: #ddd; }


.smartLasik-08 {margin: 0 auto; padding: 18rem 0 8rem; text-align: center; }
.smartLasik-08 .title {font-size: 3rem; line-height: 1.5; margin-bottom: 8rem; font-weight: 600; }
.smartLasik-08 .title span {font-size: 5rem; line-height: 1.5;  }
.smartLasik-08 ul {margin: 10rem 0; display: table; max-width: 100%;}
.smartLasik-08 ul li {font-size: 2.4rem; text-align: left; line-height: 1.6; display: table-cell; }
.smartLasik-08 ul li:first-child {font-size: 4rem; text-align: left; width: 40%; font-weight: 600; line-height: 1.5; vertical-align: top; margin-bottom: 2rem; }
.smartLasik-08 ul li:first-child span {font-size: 3rem; }
.smartLasik-08 ul li img {margin-top: 6rem; }
.smartLasik-08 ul li .grid-col2 {margin-top: 6rem; }
.smartLasik-08 ul li .box {display: table; margin: 6rem 0 0 0; width: 100%; }
.smartLasik-08 ul li .box li {display: table-cell; font-size: 2.2rem; vertical-align: middle; }
.smartLasik-08 ul li .box li:first-child {width: 20%; padding-right: 18px;}
.smartLasik-08 ul li .box li:first-child img {margin-top: auto; vertical-align: middle; }
.smartLasik-08 ul li .box2 {margin: 0; }
.smartLasik-08 ul li .box2 li {display: block; width: 100%; font-size: 2rem; }
.smartLasik-08 ul li .box2 li img {margin-top: auto; vertical-align: middle; }
.smartLasik-08 ul li .box2 li span {margin-top: 2rem; }
.smartLasik-08 ul li .grid-col1 {margin-top: 6rem; }
.smartLasik-08 .line {height: 1px; background: #ddd; }


.smartLasik-09 {width: 100%; padding: 18rem 0; background:url('/img/sub4/smartLasik-v2-27.png') repeat center top; }
.smartLasik-09 p {color: #fff; font-size: 3.6rem; line-height: 1.8; font-weight: 600; }
.smartLasik-09 p strong {font-size: 2rem; font-weight: 400; }






@media screen and (max-width: 1200px) {
    .smartLasik-03 {padding: 10rem 0rem; width: 100%;}

}


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

    .smartLasik-text {}
    .smartLasik-text ul li {display: table-row; text-align: center; font-size: 3rem; line-height: 1.5; }
    .smartLasik-text ul li img {margin: 0px; margin-bottom: 20px; width:12%; }
    
    .smartLasik-youtube {padding: 0px 0px;}
    .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
    .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    
    .smartLasik-01 {padding: 12rem 2rem;}
    .smartLasik-01 .title {}
    .smartLasik-01 ul li {display: block; font-size: 2.5rem; }
    .smartLasik-01 ul li:first-child {width: 100%; margin-bottom: 3rem; font-size: 4rem; line-height: 1.3;}
    .smartLasik-01 ul li:first-child span {font-size: 5rem;}
    
    .smartLasik-02 {padding: 10rem 0rem;}
    .smartLasik-02 .title {}
    .smartLasik-02 .txt1 {padding: 6rem 2rem; }
    .smartLasik-02 .txt2 {font-size: 3rem; }
    .smartLasik-02 .grid-col3 {padding: 6rem 3rem; }
    .smartLasik-02 ul {margin: 1rem 0; }
    .smartLasik-02 ul li {display: block; font-size: 2.5rem; text-align: center; }
    .smartLasik-02 ul li:first-child {width: 100%; margin-bottom: 2rem;}
    .smartLasik-02 ul li:first-child img {width: auto; }
    
    .smartLasik-04 {/*margin-right: 2rem;*/}
    .smartLasik-04 .title {}
    .smartLasik-04 .txt1 {padding: 6rem 2rem; }
    .smartLasik-04 .txt2 {font-size: 3rem; }
    .smartLasik-04 .grid-col3 {padding: 6rem 3rem; }
    .smartLasik-04 ul {margin: 8rem 0; }
    .smartLasik-04 ul li {display: block; font-size: 2.5rem; /*text-align: center;*/ }
    .smartLasik-04 ul li:first-child {width: 100%; margin-bottom: 2rem;}
    .smartLasik-04 ul li:first-child img {width: auto; }
    
    .smartLasik-05 {padding: 12rem 0rem;}
    .smartLasik-05 .img {margin-top: 4rem;}
    
    .smartLasik-06 {padding: 12rem 0rem;}
    .smartLasik-06 .title {font-size: 3rem; line-height: 1.5; margin-bottom: 5rem; }
    .smartLasik-06 ul {background: #f5f5f5; padding: 4rem 1rem;}
    .smartLasik-06 .grid-col3 {
        column-gap: 10px;
        row-gap: 10px;
        margin: 10px !important;
        }
     
    .smartLasik-07 {padding: 12rem 0rem 4rem 0rem;}
    .smartLasik-07 ul {margin: 8rem 2rem 8rem 2rem; }
    .smartLasik-07 ul li {display: block; font-size: 2.5rem; /*text-align: center;*/ }
    .smartLasik-07 ul li:first-child {width: 100%; margin-bottom: 2rem;}
    .smartLasik-07 ul li:first-child img {width: auto; }
    .smartLasik-07 ul li .grid-col2 {row-gap: 30px; }
    .smartLasik-07 ul li .grid-col3 {grid-template-columns: repeat(3, 1fr); column-gap: 10px; row-gap: 10px; }
    .smartLasik-07 ul li .grid-col3 {margin-top: 4rem; }
    
    .smartLasik-08 {padding: 12rem 0rem 4rem 0rem;}
    .smartLasik-08 ul {margin: 8rem 2rem 8rem 2rem; }
    .smartLasik-08 ul li {display: block; font-size: 2.5rem; /*text-align: center;*/ }
    .smartLasik-08 ul li:first-child {width: 100%; margin-bottom: 2rem;}
    .smartLasik-08 ul li:first-child img {width: auto; }
    .smartLasik-08 ul li .grid-col2 {row-gap: 30px; }
    .smartLasik-08 ul li .grid-col3 {grid-template-columns: repeat(3, 1fr); column-gap: 10px; row-gap: 10px; }
    .smartLasik-08 ul li .grid-col3 {margin-top: 4rem; }
    
    .smartLasik-09 {padding: 12rem 4rem; background-size: cover; text-align: center; }
    .smartLasik-09 p {font-size: 3rem; line-height: 1.6; text-align: center; }
    .smartLasik-09 img {width: 60%; text-align: center; margin: 0 auto; }
    .smartLasik-09 .grid-col2 {grid-template-columns: repeat(1, 1fr); text-align: left; }
    
}


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


}