@charset "utf-8";

#mainvd{background: url(../../img/mainvd_sub.png);background-repeat: no-repeat; background-position:center; background-size: cover;}
#mainvd article{background: rgba(0,177,235,0.07); padding:50px 0px 45px;}
#mainvd .article_r{float:right; padding:10px 0px; width:44%;}

h2{margin-bottom:35px;}

li.fadein:nth-of-type(2) {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
    }

li.fadein:nth-of-type(3) {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
    }


#one{margin:50px 0 30px 0;}
#one li{vertical-align:middle;}
#one li:first-child{width:35%; margin-right:5%;}
#one li:nth-child(2){width:60%;}
#one li img{width:100%;}

#two{margin:50px 0 0 0;}
#two .inlineBlock>li{width:32%;margin-right:2%; vertical-align: top; text-align: center;}
#two .inlineBlock>li:last-child{margin-right:0%;}
#two .inlineBlock>li:first-child .under_on{background: url(../img/overview_img02.png);background-position:0% 50%;background-size: 100%;}
#two .inlineBlock>li:nth-child(2) .under_on{background: url(../img/overview_img03.png);background-position:0% 50%;background-size: 100%;}
#two .inlineBlock>li:last-child .under_on{background: url(../img/overview_img04.png);background-position:0% 55%;background-size: 99%;}
#two .under_on{width:100%; padding:47% 0; margin:0 auto; box-sizing: border-box; border-radius: 50%; background-size:cover; background-position: center;}
#two .under_on:before{position: absolute;display: block;content:"";top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(ellipse , transparent 61%, white 69% );}
#two .mask_on img{width:34%; margin-top:60px;}
#two .mask_on p{width:60%; margin:0 auto; color:#fff;font-size:16px;text-shadow: 1px 1px 3px #000;}
#two .number{font-size:60px;font-family: "garamond"; font-style: italic;color: #BFBFBF;margin-right:5px;}
#two h3{text-align: left;font-size:35px; font-weight:200;line-height:70px;}


#three{margin:50px 0 0 0; padding:150px 0 80px;background-image:url(../img/overview_img09.png);background-position: 0 50%; text-align: center; background-attachment: fixed;background-size: cover;}
#three h3{font-size:45px; line-height: 45px; font-weight:200;margin-bottom:18px;}
#three p{width:90%;margin:0 auto;font-size:16px; margin-bottom:30px;}


#four{margin:50px 0 70px 0;}
#four .inlineBlock>li{width:32%;margin-right:2%; vertical-align: top; text-align: center;}
#four .inlineBlock>li:last-child{margin-right:0%;}
#four li img{width:100%;}