@charset "UTF-8";
#campaign_medicrysta_outer{
    margin:0;
    padding:0;
    width:100%;

    font-weight: 400;
    font-size:18px;
    color:#000;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
    line-height:1.6;
    overflow-x: hidden;
}
#wrapper {
    margin:0;
}
a:link{
    color:#0000FF;
}
a:hover{
    color:#0000FF;
}
a:visited{
    color:#0000FF;
}
a:active{
    color:#0000FF;
}
a:link.pagebacklink,
a:visited.pagebacklink,
a:hover.pagebacklink,
a:active.pagebacklink {
    margin:0;
    padding:0;
    font-weight:bold;
    text-decoration:none;
    color:#0000FF;
}
img {
    max-width:100%;
    height:auto;
}
p{
    font-style:normal;
}

/*bigger than 640-----------------------------*/
@media screen and (min-width:640px) {

/*=======================
#header
=======================*/
header{
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
}
#header_top{
    margin: 0 auto 0 auto;
    background: #E5E5E5;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
#header_top p{
    color: #666666;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 18px;
    font-weight: normal;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}
#header_inner{
    height: 510px;
    margin: 0 auto 0 auto;/*
    background: url(../img/hd_bg.jpg) no-repeat center top;*/
    background: url(../img/hd_bg.jpg) no-repeat center top;
    background-size: cover;
    position: relative;
}
#header_inner p{
    position: absolute;
}
#contents #header_inner h2{
    width: 980px;
    margin: 0 auto 0 auto;
}
    
/*=======================
.content
=======================*/
.content{
    width: 100%;
    max-width:100%;
    margin:0 auto;
}
.content_inner{
    max-width:880px;
    margin:0 auto 0 auto;
    padding: 50px 0 80px 0;
}

/*=======================
#content1
=======================*/
#content1_top{
    width: 100%;
    margin: 0 auto 0 auto;
    background: url(../img/ct1_bg.jpg) no-repeat center top;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding-top: 50px;
    padding-bottom:100px;
}
#contents #content1_top h3{
    font-size: 36px;
    padding-bottom: 20px;
    font-weight: normal;
    letter-spacing: -0.05em;
    color: #FFFFFF;
    border-left: none;
    margin: 0;
}
#content1_top p{
    font-size: 15px;
    padding-bottom: 20px;
}
#contents #ct1_inner h3{
    font-size: 36px;
    text-align: center;
    letter-spacing: -0.05em;
    padding-bottom: 20px;
    font-weight: bold;
    margin: 0 0;
    border-left: none;
} 
#ct1_inner p img{
    padding-top: 100px;
}


/*=======================
#content2
=======================*/
#content2{
    width: 100%;
    float: left;
    background: #F6F6F6;
}
#content2_top{
    width: 100%;
    text-align: center;
    background: #00B7BF;
    color: #fff;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
#ct2_txt{
    text-align: center;
    padding-bottom: 40px;
} 
#content2 ul{
    width: 880px;
    padding-bottom: 40px;
    float: left;
}
#content2 ul li{
    width: 289px;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
}
#ct2_box h4{
    color: #00B7BF;
    font-size: 18px;
    padding-top: 30px;
    font-weight: normal;
}
#ct2_box p{
    font-size: 15px;
}

/*=======================
#ct_btn
=======================*/
#ct_btn p img{
    padding-top: 80px;
}  

/*=======================
#content3
=======================*/
#content3{
    width: 100%;
    float: left;
    background: #F6F6F6;
}
#content3_top{
    width: 100%;
    text-align: center;
    background: #00B7BF;
    color: #fff;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    font-size: 24px;
}
.triangle{
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #00B7BF;
    margin: 0 auto;
}
.ct3_box1{
    margin-bottom: 100px;
}
#contents 
.ct3_box1 h3{
    text-align: center;
    font-size: 24px;
    color: #00B7BF;
    border-left: none;
}
.ct3_box1 p{
    text-align: center;
    color: #646464;
    font-size: 15px;
}
.ct3_box1 p img{
    padding-top: 50px;
}
.ct3_box1 h4{
    text-align: center;
    font-size: 24px;
    color: #435ABE;
    padding-top: 50px;
    padding-bottom: 10px;
}
.ct3_box2{
    margin-bottom: 90px;
}
#contents 
.ct3_box2 h3{
    text-align: center;
    font-size: 24px;
    color: #00B7BF;
    border-left: none;
}
.ct3_box2 p{
    text-align: left;
    color: #646464;
    font-size: 15px;
}
.ct3_box2 p img{
    padding-top: 50px;
}
#contents #content3 hr {
    width: 120px;
    border: none;
    height: 5px; 
    background: linear-gradient(to right,
    #00B7BF 50%, #B2E2E5 50% 50%);
    display: block;
    margin: 20px auto;
}

/*=======================
#content4
=======================*/
#content4{
    width: 100%;
    text-align: center;
}
#content4 p img{
    max-width:880px;
    padding-top: 80px;
    padding-bottom: 10px;
}

}

#pageTtl {display: none;}

#contentsMain { padding: 0px; }

div#contents, #contentsMain.full, #product #contentsMain.full {width: auto; }

div#contents h2 {
background: none;

}

div#contents p{margin-bottom: 0px; }

#header #hdrMenu #siteMenu li a img{
vertical-align: top;
}