@charset "UTF-8";
img{width: 100%;}
.breadcrumb{margin-top:0}
.hero-sub{margin-top: 16vw;}

.second-text{width:100%;}
img.w80{width: 80%;margin:0 auto;}
img.w90{width: 90%;margin:0 auto;}
img.mb50{margin-bottom:15vw;}

.contents02{border-top: 11px solid #e8e9f6;padding-top:15vw;}
.contents03{border-top: 11px solid #f5eee9;padding-top:15vw;}

/* ============================================= pc
================================================*/
@media screen and (min-width: 769px) { 
.hero-sub{margin-top:100px;}
.hero-sub img{width: 100%;min-width: 1500px;position: relative;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.second-text{width: clamp(730px, 95%, 1200px);}

img.mb50{margin-bottom:80px;}
.contents02{padding-top: 120px;margin-top: 120px;}
.contents03{padding-top:100px;margin-top:100px;}
}

@media screen and (min-width: 1200px) { 
.hero-sub{margin-top:90px;}
.hero-sub img{width: 100%;min-width: 2000px;position: relative;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.contents01 img{ width: 100%;min-width: 1200px;position: relative;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}

}

/* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {

}