@charset "utf-8";
/* CSS Document */

.oversea #mainvisual,
.oversea .topic-path,
.oversea #main{
display: none;
}


.ovc{
margin-top: -60px;
}

.ovc .ovc_sec1{
background: #8dc9d7 url("/images/oversea/ovc_sec1_bg_pc.png") top center no-repeat;
}
.ovc .ovc_sec2{
background: #e9777a url("/images/oversea/ovc_sec2_bg_pc.png") top center no-repeat;
}
.ovc .ovc_sec3{
background: #92d3bf url("/images/oversea/ovc_sec3_bg_pc.png") top right no-repeat;
float: left;
width: 50%;
}
.ovc .ovc_sec4{
background: #eacb4d url("/images/oversea/ovc_sec4_bg_pc.png") top left no-repeat;
float: right;
width: 50%;
}
.ovc .ovc_sec_inn{
width: 1080px;
margin: 0 auto;
position: relative;
}
.ovc .ovc_sec1 .ovc_sec_inn{
text-align: right;
height: 500px;
}
.ovc .ovc_sec2 .ovc_sec_inn{
height: 635px;
}
.ovc .ovc_sec3 .ovc_sec_inn{
width: 510px;
margin: 0 30px 0 auto;
}
.ovc .ovc_sec4 .ovc_sec_inn{
width: 510px;
margin: 0 auto 0 30px;
}
.ovc .ovc_sec1 .ovc_txt_block{
margin-left: auto;
display: inline-block;
text-align: left;
padding-top: 100px;
}
.ovc .ovc_sec2 .ovc_txt_block{
padding-top: 180px;
}
.ovc .ovc_sec3 .ovc_txt_block,
.ovc .ovc_sec4 .ovc_txt_block{
padding-top: 114px;
}
.ovc .ovc_txt_01{
font-size: 560%;
color: #FFF;
line-height: 1.3;
margin-bottom: 15px;
}
.ovc .ovc_txt_01 span,
.ovc .ovc_txt_04 span{
font-weight: bold;
}
.ovc .ovc_txt_02{
font-size: 200%;
color: #2d6372;
line-height: 1.5;
}
.ovc .sec1_anm_01{
position: absolute;
left: -190px;
bottom: 0;
}
.ovc .sec1_anm_02{
position: absolute;
left: -190px;
bottom: -156px;
}
.ovc .ovc_txt_03{
font-size: 460%;
color: #FFF;
font-weight: bold;
line-height: 1.3;
margin-bottom: 15px;
}
.ovc .ovc_txt_04{
font-size: 280%;
color: #FFF;
line-height: 1.6;
}
.ovc .sec2_anm_01{
position: absolute;
right: -117px;
bottom: 0;
}
.ovc .sec2_anm_02{
position: absolute;
right: -117px;
bottom: -50px;
}
.ovc .ovc_shop_detail{
margin-top: 40px;
}
.ovc .ovc_shop_fig{
margin-top: 30px;
}
.ovc .sec3_anm_01,
.ovc .sec4_anm_01{
margin-top: 35px;
}
.ovc_btn_01{
margin-top: 30px;
}
.ovc_btn_01 a img{
opacity: 1;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.ovc_btn_01 a:hover img {
  opacity: .8; }
.ovc .ovc-sp-only{display:none;}
.ovc .ovc-pc-only{display:inline;}
.ovc .ovc-sp-b-only{display:none;}
.ovc .ovc-pc-b-only{display:block;}

@media only screen and (max-width: 768px) {
.ovc{
margin-top: 0;
}
.ovc .ovc_sec1{
background: #8dc9d7 url("/images/oversea/ovc_sec1_bg_sp.png") top center no-repeat;
background-size: 100% auto;
}
.ovc .ovc_sec2{
background: #e9777a url("/images/oversea/ovc_sec2_bg_sp.png") top center no-repeat;
background-size: 100% auto;
}
.ovc .ovc_sec3{
background: #92d3bf url("/images/oversea/ovc_sec3_bg_sp.png") top center no-repeat;
background-size: 100% auto;
float: none;
width: 100%;
}
.ovc .ovc_sec4{
background: #eacb4d url("/images/oversea/ovc_sec4_bg_sp.png") top center no-repeat;
background-size: 100% auto;
float: none;
width: 100%;
}
.ovc .ovc_sec_inn{
width: 84%;
margin: 0 auto;
}
.ovc .ovc_sec1 .ovc_sec_inn{
text-align: left;
height: auto;
}
.ovc .ovc_sec2 .ovc_sec_inn{
height: auto;
}
.ovc .ovc_sec3 .ovc_sec_inn{
width: 84%;
margin: 0 auto;
}
.ovc .ovc_sec4 .ovc_sec_inn{
width: 84%;
margin: 0 auto;
}
.ovc .ovc_sec1 .ovc_txt_block{
padding-top: 10%;
}
.ovc .ovc_sec2 .ovc_txt_block{
padding-top: 30%;
padding-bottom: 35%;
}
.ovc .ovc_sec3 .ovc_txt_block,
.ovc .ovc_sec4 .ovc_txt_block{
padding-top: 15%;
}
.ovc .ovc_txt_01{
font-size: 7.6vw;
line-height: 1.5;
margin-bottom: 5%;
}
.ovc .ovc_txt_02{
font-size: 2.8vw;
line-height: 1.8;
padding-bottom: 8%;
}
.ovc .sec1_anm_01{
width: 80%;
left: auto;
right: -20%;
bottom: 0;
}
.ovc .sec1_anm_02{
width: 80%;
left: auto;
right: -20%;
bottom: auto;
top: 0;
}
.ovc .ovc_txt_03{
font-size: 7.0vw;
line-height: 1.3;
margin-bottom: 3%;
}
.ovc .ovc_txt_04{
font-size: 3.8vw;
line-height: 1.6;
}
.ovc .sec2_anm_01{
width: 78%;
right: auto;
left: -18%;
bottom: 0;
}
.ovc .sec2_anm_02{
width: 78%;
right: auto;
left: -18%;
bottom: auto;
top: 0;
}
.ovc .ovc_shop_detail{
margin-top: 8%;
}
.ovc .ovc_shop_fig{
margin-top: 8%;
}
.ovc .sec3_anm_01,
.ovc .sec4_anm_01{
margin-top: 8%;
}
.ovc .sec3_anm_01{
width: 80%;
}
.ovc .sec4_anm_01{
width: 80%;
margin-left: auto;
}
.ovc_btn_01{
margin-top: 6%;
}
.ovc .ovc-sp-only{display:inline;}
.ovc .ovc-pc-only{display:none;}
.ovc .ovc-sp-b-only{display:block;}
.ovc .ovc-pc-b-only{display:none;}
}