@charset "UTF-8";

/* --------------------
		index.css
		author:nguyen.duy.tan
-------------------- */

#contents {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 0;

}

#contents_area {
    display: block;
    margin: 0 auto;
    width: 100%;
    float: left;
    padding: 0;
}

.service-tittle {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 80px;
    position: fixed;
    min-width: 1024px;
    top: 50px;
    background: transparent url("/common/img/bg_fff_o75.png") repeat scroll left top;
    z-index: 100;

}

.title_en {
    margin: 0 auto;
    margin-left: 28px;
    margin-top: 21px;
}

.service-main {
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-top: 80px;
    min-width: 1024px;

}

.service_content {
    display: block;
    margin: 0 auto;
    width: 100%;
    float: left;
    min-width: 1024px;
}

.content_center {
    display: block;
    margin: 0 auto;
    width: 968px;
    padding: 0 28px;
}

.sc01 {
    height: 336px;
    background: url("../img/bg_01.png") no-repeat center center;
}

.sc02 {
    height: 642px;
    background-color: #FFFFFF;
}

.sc03 {
    height: 336px;
    background: url("../img/bg_02.png") no-repeat center center;
}

.sc04 {
    height: 626px;
    background-color: #FFFFFF;
}

.ser_col {
    display: block;
    margin: 0;
    padding: 0;
    height: 642px;
    float: left;
}

.ser_col1, .ser_col3 {
    width: 313px;
}

.ser_col2 {
    width: 342px;
}
.ser-icon{
    display: block;
    width: 100%;
    float: left;
}

.ser-icon img {
    display: block;
    margin: 0 auto;
    margin-top:63px;
}
.ser-icon1 img{
    margin-left: 61px;
}

.ser-icon2 img{
    margin-left: 88px;
}

.ser-icon3 img{
    margin-left: 87px;
    margin-top: 69px;
}

.ser-btn1, .ser-btn2,.ser-btn3, .ser-input {
    display: block;
}

.ser-btn1 a, .ser-btn3 a{
    width: 154px;
    display: block;
}

.ser-btn1 a{
    margin-left: 53px;
}

.ser-btn2 a{
    margin-left: 64px;
}

.ser-btn3 a{
    margin-left: 90px;
}

.ser-input {
    width: 285px;
    background-color: #666666;
    height: 32px;
    border-radius: 16px;
}

.icon-search, .input-search {
    display: block;
    float: left;
}

.icon-search {
    margin-left: 11px;
    margin-top: 10px;
}

.input-search {
    height: 32px;
    background-color: #666666;
    border: 0 none;
    outline: 0 none;
    margin-left: 3px;
    text-align: center;
    color: #FFFFFF;
    width: 240px;
}


.sc_center_text {
    display: block;
    margin: 0 auto;
    color: #FFFFFF;
    width: 290px;
    text-align: center;
    margin-top: 70px;
}

.sc01_text_01 {
    font-family: "mplus-1p-light", sans-serif;
    color: #FFFFFF;
    font-size: 36px;
    letter-spacing: 0.059em;
    line-height: 1.13;
    width: 285px;
}

.sc01_text_02 {
    font-family: "mplus-1p-light", sans-serif;
    color: #FFFFFF;
    font-size: 36px;
    letter-spacing: 0.159em;
    line-height: 1.13;
    width: 290px;
    margin-top: 12px;
    margin-left: -2px;
}

.sc01_text_03 {
    font-family: "mplus-1p-light", sans-serif;
    color: #FFFFFF;
    font-size: 36px;
    letter-spacing: 0.169em;
    line-height: 1.13;
    width: 278px;
    margin-top: 13px;
}

.sc01_text_04 {
    font-family: "mplus-1p-light", sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 1.7;
    margin-top: 27px;
    width: 276px;
}

.ser-icon{
    display: block;
    height: 256px;
}

.ser-text{
    display: block;
    /*height: 298px;*/
    float: left;
}

.ser-text1{
    border-right: 1px #EEEEEE solid;
}
.ser-btn{
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 13px;
}
/*
.ser-text-title-en,.ser-text-title-jp{
    text-align: center;
}
*/
.ser-text-title-en{
    font-family: "mplus-1p-thin", sans-serif;
    font-size: 36px;
    color: #111111;
    letter-spacing: -0.05em;
    line-height: 1;
    margin-top: 20px;
}
.orderList{
    font-family: "mplus-1p-thin", sans-serif;
    font-size: 36px;
    color: #111111;
    letter-spacing: -0.09em;
    line-height: 1;
}

.ser-text-title-en1{
    margin-left: 43px;
}

.ser-text-title-en2{
    margin-left: 54px;
}

.ser-text-title-en3{
    margin-left: 79px;
}

.ser-text-title-jp1{
    margin-left: 106px;
}

.ser-text-title-jp2{
    margin-left: 114px;
}

.ser-text-title-jp3{
    margin-left: 108px;
}

.ser-text-title-jp{
    font-family: "mplus-1p-light", sans-serif;
    font-size: 12px;
    line-height: 1.7;
    color: #111111;
    letter-spacing: 0em;
    margin-top: 8px;
}
.ser-text-des1,.ser-text-des2{
    text-align: left;
    display: block;
    float: left;
}

.ser-text-des1{
    font-family: "mplus-1p-light", sans-serif;
    font-size: 12px;
    color: #111111;
    line-height: 1.7;
    letter-spacing: 0em;
    margin-top: 23px;
}

.ser-text-des2{
    font-family: "mplus-1p-light", sans-serif;
    font-size: 11px;
    color: #666666;
    line-height: 1.7;
    letter-spacing: 0em;
}
.sc03-container{
    display: block;
    margin-top: 108px;
}

.sc03_tittle{
    font-size: 36px;
    color:#262626;
    font-family: "mplus-1p-bold", sans-serif;
    line-height: 1;
    letter-spacing: 0.199em;
    margin-left: 327px;
}
.sc03_text{
    font-family: "mplus-1p-light", sans-serif;
    font-size: 12px;
    color:#111111;
    line-height: 1.7;
    margin: 0 auto;
    margin-top: 32px;
}
.sc03_text1,.sc03_text2,.sc03_text3{
    font-family: "mplus-1p-light", sans-serif;
    font-size: 12px;
    color:#111111;
    line-height: 1.7;
}
.sc03_text1{
    margin-left: 272px;
}

.sc03_text2{
    margin-left: 172px;
}

.sc03_text3{
    margin-left: 267px;
}

.btn-sc3{
    display: block;
    margin: 0 auto;
    width: 154px;
    margin-top: 15px;
}

.sc04-container{
    display: block;
    margin: 0 auto;
    width: 968px;
    margin-top: 92px;
}
.ser-sc4-col1{
    display: block;
    width: 312px;
    float: left;
    border-right: 1px #EEEEEE solid;
}
.ser-sc4-col2{
    display: block;
    width: 370px;
    float: left;
}
.ser-sc4-col3{
    display: block;
    width: 285px;
    float: left;
}

.ser-sc4-text > *{
    font-family: "mplus-1p-light", sans-serif;
    line-height: 1.7;
}
.ser-sc4-text111,.ser-sc4-text211{
    font-size: 24px;
    color: #111111;

}

.ser-sc4-text112,.ser-sc4-text113,.ser-sc4-text114{
    font-size: 12px;
    color: #111111;
    margin-left: 4px;
}

.ser-sc4-text121,.ser-sc4-text122{
    font-size: 11px;
    color: #666666;
    margin-left: 4px;
}

.ser-sc4-text212,.ser-sc4-text213{
    font-size: 12px;
    color: #111111;
    margin-left: 32px;

}

.ser-sc4-text221,.ser-sc4-text222{
    font-size: 11px;
    color: #666666;
    margin-left: 32px;
}

.ser-sc4-text111{
    margin-left: 2px;
}
.ser-sc4-text211{
    margin-left: 31px;
}
.ser-sc4-text112{
    margin-top: 8px;
}
.ser-sc4-text212{
    margin-top: 8px;
}



.ser-btn{
    margin-top: 27px;
}
.ser-btn2,.ser-btn3{
    margin-top: 44px;
}


.btn-sc4-col1,.btn-sc4-col2{
    margin-bottom: 26px;
}

.btn-sc4-col1{
    margin-top: 23px;
}
.btn-sc4-col2{
    margin-top: 43px;
}

.btn-sc4-col1{
    margin-left: 4px;
}
.btn-sc4-col2{
    margin-left: 33px;
}

.btn-checkout{
    margin-left: 12px;
}
.ser-sc4-col3-img{
    margin-top: 7px;
}

.ser-text-des12,.ser-text-des13{
    margin-left: 30px;
}

a:hover{
    text-decoration: none;
}

/* rewrite(v_2021) */
.service-tittle {
    top: 61px;
    z-index: 10;
}