@charset "UTF-8";

*{
    font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    /*font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;*/
}


p{ color:#4E4E56; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


img{ max-width:100%; }

a{
    text-decoration:none;
    cursor: pointer;
}
a:hover{
    opacity:0.8;
}

/* tap-highlight-color
------------------------------*/
img{ -webkit-tap-highlight-color:transparent; }
a,a img{ -webkit-tap-highlight-color:rgba(0, 160, 233, 0.4); }



.full{
    width:100%;
}

.center-top{
    display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
    -webkit-align-items: center;  -ms-flex-align: center; align-items: center;
}



/*
共通コンポーネント
***********************/
.full{
    width:100%;
}

.center{text-align:center;}

.no-border{border:none !important;}
.no-padding{padding:0 !important;}
.no-margin{margin:0 !important;}

.padding-top5{padding-top:5px !important;}
.padding-top10{padding-top:10px !important;}
.padding-top15{padding-top:15px !important;}
.padding-top20{padding-top:20px !important;}
.padding-top25{padding-top:25px !important;}
.padding-top30{padding-top:30px !important;}
.padding-top35{padding-top:35px !important;}
.padding-top40{padding-top:40px !important;}
.padding-top45{padding-top:45px !important;}
.padding-top50{padding-top:50px !important;}
.padding-bottom5{padding-bottom:5px !important;}
.padding-bottom10{padding-bottom:10px !important;}
.padding-bottom15{padding-bottom:15px !important;}
.padding-bottom20{padding-bottom:20px !important;}
.padding-bottom25{padding-bottom:25px !important;}
.padding-bottom30{padding-bottom:30px !important;}
.padding-bottom35{padding-bottom:35px !important;}
.padding-bottom40{padding-bottom:40px !important;}
.padding-bottom45{padding-bottom:45px !important;}
.padding-bottom50{padding-bottom:50px !important;}
.margin-top5{margin-top:5px !important;}
.margin-top10{margin-top:10px !important;}
.margin-top15{margin-top:15px !important;}
.margin-top20{margin-top:20px !important;}
.margin-top25{margin-top:25px !important;}
.margin-top30{margin-top:30px !important;}
.margin-top35{margin-top:35px !important;}
.margin-top40{margin-top:40px !important;}
.margin-top45{margin-top:45px !important;}
.margin-top50{margin-top:50px !important;}
.margin-bottom5{margin-bottom:5px !important;}
.margin-bottom10{margin-bottom:10px !important;}
.margin-bottom15{margin-bottom:15px !important;}
.margin-bottom20{margin-bottom:20px !important;}
.margin-bottom25{margin-bottom:25px !important;}
.margin-bottom30{margin-bottom:30px !important;}
.margin-bottom35{margin-bottom:35px !important;}
.margin-bottom40{margin-bottom:40px !important;}
.margin-bottom45{margin-bottom:45px !important;}
.margin-bottom50{margin-bottom:50px !important;}


[class^="top--"]{
    position: relative;
    z-index:5;
}
.top--1{  margin-top:-1%;}
.top--2{  margin-top:-2%;}
.top--3{  margin-top:-3%;}
.top--4{  margin-top:-4%;}
.top--5{  margin-top:-5%;}
.top--6{  margin-top:-6%;}
.top--7{  margin-top:-7%;}
.top--8{  margin-top:-8%;}
.top--9{  margin-top:-9%;}
.top--10{  margin-top:-10%;}
.top--11{  margin-top:-11%;}
.top--12{  margin-top:-12%;}
.top--13{  margin-top:-13%;}
.top--14{  margin-top:-14%;}
.top--15{  margin-top:-15%;}
.top--16{  margin-top:-16%;}
.top--17{  margin-top:-17%;}
.top--18{  margin-top:-18%;}
.top--19{  margin-top:-19%;}
.top--20{  margin-top:-20%;}
.top--21{  margin-top:-21%;}
.top--22{  margin-top:-22%;}
.top--23{  margin-top:-23%;}
.top--24{  margin-top:-24%;}
.top--25{  margin-top:-25%;}
.top--26{  margin-top:-26%;}
.top--27{  margin-top:-27%;}
.top--28{  margin-top:-28%;}
.top--29{  margin-top:-29%;}
.top--30{  margin-top:-30%;}
.top--31{  margin-top:-31%;}
.top--32{  margin-top:-32%;}
.top--33{  margin-top:-33%;}
.top--34{  margin-top:-34%;}
.top--35{  margin-top:-35%;}
.top--36{  margin-top:-36%;}
.top--37{  margin-top:-37%;}
.top--38{  margin-top:-38%;}
.top--39{  margin-top:-39%;}
.top--40{  margin-top:-40%;}
.top--41{  margin-top:-41%;}
.top--42{  margin-top:-42%;}
.top--43{  margin-top:-43%;}
.top--44{  margin-top:-44%;}
.top--45{  margin-top:-45%;}
.top--46{  margin-top:-46%;}
.top--47{  margin-top:-47%;}
.top--48{  margin-top:-48%;}
.top--49{  margin-top:-49%;}
.top--50{  margin-top:-50%;}
.top--51{  margin-top:-51%;}
.top--52{  margin-top:-52%;}
.top--53{  margin-top:-53%;}
.top--54{  margin-top:-54%;}
.top--55{  margin-top:-55%;}
.top--56{  margin-top:-56%;}
.top--57{  margin-top:-57%;}
.top--58{  margin-top:-58%;}
.top--59{  margin-top:-59%;}
.top--60{  margin-top:-60%;}
.top--61{  margin-top:-61%;}
.top--62{  margin-top:-62%;}
.top--63{  margin-top:-63%;}
.top--64{  margin-top:-64%;}
.top--65{  margin-top:-65%;}
.top--66{  margin-top:-66%;}
.top--67{  margin-top:-67%;}
.top--68{  margin-top:-68%;}
.top--69{  margin-top:-69%;}
.top--70{  margin-top:-70%;}
.top--71{  margin-top:-71%;}
.top--72{  margin-top:-72%;}
.top--73{  margin-top:-73%;}
.top--74{  margin-top:-74%;}
.top--75{  margin-top:-75%;}
.top--76{  margin-top:-76%;}
.top--77{  margin-top:-77%;}
.top--78{  margin-top:-78%;}
.top--79{  margin-top:-79%;}
.top--80{  margin-top:-80%;}