@charset "UTF-8";

/* CSS Document */

/* PC表示で電話番号リンクを無効 ◇ ------------------------------*/
@media screen and (min-width: 768px){
a[href^="tel:"] {
pointer-events: none;
cursor: default;
}
}

/* text ◇ ------------------------------*/
p {text-justify: inter-ideograph;}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: bold;
	margin: 0;
	text-rendering: optimizeLegibility;}

small {font-size: 75%;}

/* other ◇ ------------------------------*/
@media screen and  (min-width:992px) {
.max1600{max-width:1600px;margin:0 auto;padding:0 50px 30px;}
.max1400{max-width:1400px;margin:0 auto;padding:0 30px 30px;}
.max1200{max-width:1200px;margin:0 auto;padding:0 30px 30px;}
.max1100{max-width:1100px;margin:0 auto;padding:0 50px 30px;}
.max1100top{max-width:1100px;margin:0 auto;padding:0 0px 0px;}
.max1000{max-width:1000px;margin:0 auto;padding:0 50px 30px;}
.max960{max-width:960px;margin:0 auto;padding:0 30px 30px;}
.max800{max-width:800px;margin:0 auto;padding:0 50px 30px;}
.max700{max-width:700px;margin:0 auto;padding:0 50px 30px;}
.max600{max-width:600px;margin:0 auto;padding:0 50px 30px;}
.max600ex{max-width:600px;margin:0 auto;padding:0 50px 30px;}
}
@media screen and (min-width:577px) and ( max-width:992px) {
.max1600{max-width:1600px;margin:0 auto;padding:0 30px 30px;}
.max1400{max-width:1400px;margin:0 auto;padding:0 30px 30px;}
.max1200{max-width:1200px;margin:0 auto;padding:0 30px 30px;}
.max1100{max-width:1100px;margin:0 auto;padding:0 30px 0px;}
.max1100top{max-width:1100px;margin:0 auto;padding:0 0px 0px;}
.max1000{max-width:1000px;margin:0 auto;padding:0 30px 30px;}
.max960{max-width:960px;margin:0 auto;padding:0 30px 30px;}
.max800{max-width:800px;margin:0 auto;padding:0 30px 30px;}
.max700{max-width:700px;margin:0 auto;padding:0 30px 30px;}
.max600{max-width:600px;margin:0 auto;padding:0 30px 30px;}
.max600ex{max-width:600px;margin:0 auto;padding:0 30px 30px;}
}
@media only screen and (max-width: 576px) {
.max1600{max-width:1600px;margin:0 auto;padding:0 15px 30px;}
.max1400{max-width:1400px;margin:0 auto;padding:0 15px 30px;}
.max1200{max-width:1200px;margin:0 auto;padding:0 15px 30px;}
.max1100{max-width:1100px;margin:0 auto;padding:0 15px 0px;}
.max1100top{max-width:1100px;margin:0 auto;padding:0 15px 0px;}
.max1000{max-width:1000px;margin:0 auto;padding:0 15px 0px;}
.max960{max-width:900px;margin:0 auto;padding:0 15px 15px;}
.max800{max-width:800px;margin:0 auto;padding:0 15px 30px;}
.max700{max-width:700px;margin:0 auto;padding:0 15px 30px;}
.max600{max-width:600px;margin:0 auto;padding:0 15px 30px;}
.max600ex{max-width:280px;margin:0 auto;padding:0 15px 30px;}
.br-sp { display:none; }
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
	transition: .5s;
    -ms-interpolation-mode: bicubic}

a:hover img{
  filter: opacity(70%);
}

/* ◆ margin ◇ ------------------------------*/
.ma0    { margin: 0px}
.ma5    { margin: 5px}

.mt5    { margin-top: 5px}
.mt10   { margin-top: 10px}
.mt15   { margin-top: 15px}
.mt20   { margin-top: 20px}
.mt30   { margin-top: 30px}
.mt40   { margin-top: 40px}
.mt50   { margin-top: 50px}
.mt60   { margin-top: 60px}
.mt70   { margin-top: 70px}
.mt80   { margin-top: 80px}
.mt90   { margin-top: 90px}
.mt100  { margin-top: 100px}
.mt120  { margin-top: 120px}
.mt150  { margin-top: 150px}

.mb5    { margin-bottom: 5px}
.mb10   { margin-bottom: 10px}
.mb15   { margin-bottom: 15px}
.mb20   { margin-bottom: 20px}
.mb30   { margin-bottom: 30px}
.mb40   { margin-bottom: 40px}
.mb50   { margin-bottom: 50px}
.mb60   { margin-bottom: 60px}
.mb70   { margin-bottom: 70px}
.mb80   { margin-bottom: 80px}
.mb90   { margin-bottom: 90px}
.mb100  { margin-bottom: 100px}

.mr5    {margin-right: 5px}
.mr-10    {margin-right: -10px}
.mr10   {margin-right: 10px}
.mr15   {margin-right: 15px}
.mr20   {margin-right: 20px}

.ml5    {margin-left: 5px}
.ml10   {margin-left: 10px}
.ml15   {margin-left: 15px}
.ml20   {margin-left: 20px}

@media only screen and (max-width: 576px) {
.mt10sp  { margin-top: 10px}
.mt15sp   { margin-top: 15px}
.mt20sp   { margin-top: 20px}
.mt30sp   { margin-top: 30px}
.mt40sp   { margin-top: 40px}
.mt50sp   { margin-top: 50px}
.mt60sp   { margin-top: 60px}
.mt70sp   { margin-top: 70px}
.mt80sp   { margin-top: 80px}
}

/* ガター幅（余白）を調整 ◇ ------------------------------*/
.row-0      { margin-left:0px; margin-right:0px;}
.row-0>div  { padding-right:0px; padding-left:0px;}

.row-10     { margin-left:-5px; margin-right:-5px;}	
.row-10>div { padding-right:5px; padding-left:5px;}

.row-20     { margin-left:-10px; margin-right:-10px;}
.row-20>div { padding-right:10px; padding-left:10px;}

.row-30     { margin-left:-15px; margin-right:-15px;}
.row-30>div { padding-right:15px; padding-left:15px;}

.row-40     { margin-left:-20px; margin-right:-20px;}
.row-40>div { padding-right:20px; padding-left:20px;}

.row-50     { margin-left:-25px; margin-right:-25px;}
.row-50>div { padding-right:25px; padding-left:25px;}

.row-60     { margin-left:-30px; margin-right:-30px;}
.row-60>div { padding-right:30px; padding-left:30px;}

.row-70     { margin-left:-35px; margin-right:-35px;}
.row-70>div { padding-right:35px; padding-left:35px;}

.row-100     { margin-left:-50px; margin-right:-50px;}
.row-100>div { padding-right:50px; padding-left:50px;}

@media only screen and (max-width: 576px) {
.row-100     { margin-left:-0px; margin-right:-0px;}
.row-100>div { padding-right:0px; padding-left:0px;}	
}