@charset "utf-8";
@media screen and (max-width:1280px){
header .inner,.main .inner,footer .inner,.main .processArea .inner{padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.star{ padding:0 0 1em;line-height: 1.2;}
header {min-height: 543px;}
header h1{padding:8% 0 0 0;}
.messageBox p:not(.btn){text-shadow:0px 0px 8px #000;}
}
@media screen and (max-width:1024px){
header {min-height: 434px;}
header h1{width:50%;}
.photo01{
position: absolute;
top:-150px;
right:1%;
z-index: 1;}
.photo02{
position: absolute;
bottom:5%;
left:1%;
z-index: 1;}
.processArea .mgn_l10p{margin-left:0!important;}
.arrowbox p{display:none;}
.processArea [class*=col-],.processArea [class*=col_],.processArea [class~=col]{padding:0 .5rem 1.5rem;}
.w80{width:100%!important;}
}
@media screen and (max-width:768px){
.unav-icon01 {
    width: 60px;
    top: initial;
    bottom: 144px;
    left: auto;
    right: -1px;
  }
.unav-icon02 {
    width: 60px;
    top: initial;
    bottom: 88px;
    right: -1px;
  }
.unav-icon03  {
    width: 60px;
    top: initial;
    bottom: 0px;
    right: 0;
  }
.pc{display:none!important;}
.sp{display:block!important;}
.img-l{float:none;margin:0 auto 10px;text-align:center;}
.img-r{float:none;margin:0 auto 10px;text-align:center;}
.main h2{line-height: 1.2;font-size: 32px; font-size: 3.2rem;}

header {min-height: 326px;background:#e60012 url("../images/bg_top.jpg") no-repeat  bottom center;   
    background-size:contain;}
header h1{padding:5% 0 0 0;width:80%;}

.photo01{
position: inherit;
top:0;
right:0;
display: inline-block;
margin: 20px;}
.photo02{display: none;}
.messageBox p:not(.btn){text-align: left;text-shadow:none;}
.pagetop{right: 1px; bottom: 210px;}

footer h3{font-size:3.0rem;}
.inq{font-size:2.4rem;}
.inq .eng{font-size:1.6rem;}
.txt-sp-left{text-align: left;}
}
@media screen and (max-width:568px){
header {min-height: 241px;}     
    }
@media screen and (max-width:490px){
header {min-height: 210px;}
.pc{display:none!important;}
.inner{padding:30px 10px 0;}
.br{display:block;}
.float-l{float:none;}
.float-r{float:none;}
}