/* reset style 
-----------------------------------------------  */

img {
max-width: 100%;
height: auto;
width : auto;
}


ul,dl{
list-style: none;
}

li{
list-style: none;
list-style-position: outside;
}

address,caption,th {
font-style:normal;
font-weight:normal;
}

header, nav, article, aside, section, footer {
display:block;
}

img{
border: none;
vertical-align:top;
}

caption,th {
text-align:left; 
}

iframe{
width:100%;
}

/* iOS default style clear
----------------------------------------------- */
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}

/* openmenu border style clear
----------------------------------------------- */
button {
-webkit-tap-highlight-color: rgba(0,0,0,0);
outline: none;
}

/* original style
----------------------------------------------- */
.text24{font-size:24px;}
.text21{font-size:21px;}
.text18{font-size:18px;}
.text16{font-size:16px;}
.text14{font-size:14px;}
.text12{font-size:12px;}
.text11{font-size:11px;}

.text_red{color: #c52424;}
.text_b{font-weight:bold;}
/* ----------------------------------------------- */

.top{vertical-align:top;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.center-left{text-align:center;}
@media screen and (max-width:767px)  {
.center-left{text-align:left;
}}
.left-center{text-align:left;}
@media screen and (max-width:767px)  {
.left-center{
text-align:center;
}}

/* ----------------------------------------------- */

td{text-align:left;}
tr{vertical-align:top;}

/* ----------------------------------------------- */
.space80{margin-bottom:80px;}
.space70{margin-bottom:70px;}
.space60{margin-bottom:60px;}
.space55{margin-bottom:55px;}
.space50{margin-bottom:50px;}
.space45{margin-bottom:45px;}
.space40{margin-bottom:40px;}
.space35{margin-bottom:35px;}
.space30{margin-bottom:30px;}
.space25{margin-bottom:25px;}
.space20{margin-bottom:20px;}
.space15{margin-bottom:15px;}
.space12{margin-bottom:12px;}
.space10{margin-bottom:10px;}
.space8{margin-bottom:8px;}
.space6{margin-bottom:6px;}
.space4{margin-bottom:4px;}
.space3{margin-bottom:3px;}
.space2{margin-bottom:2px;}


.mar180-120{margin-bottom:180px;}
@media screen and (max-width:680px)  {.mar180-120{margin-bottom:120px;}}

.mar160-100{margin-bottom:160px;}
@media screen and (max-width:680px)  {.mar160-100{margin-bottom:100px;}}

.mar140-80{margin-bottom:140px;}
@media screen and (max-width:680px)  {.mar140-80{margin-bottom:80px;}}

.mar120-70{margin-bottom:120px;}
@media screen and (max-width:680px)  {.mar120-70{margin-bottom:70px;}}

.mar100-60{margin-bottom:100px;}
@media screen and (max-width:680px)  {.mar100-60{margin-bottom:60px;}}

.mar80-50{margin-bottom:80px;}
@media screen and (max-width:680px)  {.mar80-50{margin-bottom:50px;}}

.mar60-40{margin-bottom:60px;}
@media screen and (max-width:680px)  {.mar60-40{margin-bottom:40px;}}

.mar50-35{margin-bottom:50px;}
@media screen and (max-width:680px)  {.mar50-35{margin-bottom:35px;}}

.mar40-30{margin-bottom:40px;}
@media screen and (max-width:680px)  {.mar40-30{margin-bottom:30px;}}

.mar30-20{margin-bottom:30px;}
@media screen and (max-width:680px)  {.mar30-20{margin-bottom:20px;}}

.mar25-16{margin-bottom:25px;}
@media screen and (max-width:680px)  {.mar25-16{margin-bottom:16px;}}

.mar20-12{margin-bottom:20px;}
@media screen and (max-width:680px)  {.mar20-12{margin-bottom:12px;}}

.mar16-10{margin-bottom:16px;}
@media screen and (max-width:680px)  {.mar16-10{margin-bottom:10px;}}

.mar12-8{margin-bottom:12px;}
@media screen and (max-width:680px)  {.mar12-8{margin-bottom:8px;}}

.mar8-4{margin-bottom:8px;}
@media screen and (max-width:680px)  {.mar8-4{margin-bottom:4px;}}


.marauto0-0{margin:0 auto;}
.marauto0-10{margin:0 auto 10px;}
.marauto0-20{margin:0 auto 20px;}
.marauto0-30{margin:0 auto 30px;}
.marauto0-40{margin:0 auto 40px;}
.marauto0-50{margin:0 auto 50px;}
.marauto0-100{margin:0 auto 100px;}

.wide80{width:80%}
.wide90{width:90%}
.wide100{width:100%}

.indent20{padding-left:20px;}
.indent15{padding-left:10px;}

i.mae{margin-right:0px;margin-left:10px;}
i.ato{margin:0;margin-right:10px;}

a[href^="tel:"] { cursor: default; }


/* PC適用　SP隠す
----------------------------------------------- */
@media only screen and (min-width:1280px){
.sp1280no{display:inline !important;}
}

@media only screen and (max-width:1279px){
.sp1279no{display:none !important;}
}

@media only screen and (min-width:1120px){
.sp1200no{display:inline !important;}
}

@media only screen and (max-width:1199px){
.sp1199no{display:none !important;}
}

@media only screen and (min-width:1024px){
.sp1023no{display:inline !important;}
}

@media only screen and (max-width:1023px){
.sp1023no{display:none !important;}
}

@media only screen and (min-width:768px){
.spno{display:inline !important;}
}

@media only screen and (max-width:767px){
.spno{display:none !important;}
}


/* 以上隠す　以下適用
----------------------------------------------- */
.sp320,
.sp360,
.sp420,
.sp480,
.sp560,
.sp640,
.sp680,
.sp767,
.sp768,
.sp1022,
.sp1023,
.sp1199,
.sp1239{
display:none;
}

@media screen and (max-width: 1239px)  {
.sp1239{display:inline !important;}
}

@media screen and (max-width: 1199px)  {
.sp1199{display:inline !important;}
}

@media screen and (max-width: 1023px)  {
.sp1023{display:inline !important;}
}

@media screen and (max-width: 768px)  {
.sp768{display:inline !important;}
}

@media screen and (max-width: 767px)  {
.sp767{display:inline !important;}
}

@media only screen and (max-width:680px){
.sp680{display:inline !important;}
}

@media only screen and (max-width:640px){
.sp640{display:inline !important;}
}

@media only screen and (max-width:560px){
.sp560{display:inline !important;}
}

@media only screen and (max-width:480px){
.sp480{display:inline;}
}

@media only screen and (max-width:420px){
.sp420{display:inline !important;}
}

@media only screen and (max-width:360px){
.sp360{display:inline !important;}
}

@media only screen and (max-width:320px){
.sp320{display:inline !important;}
}


@media only screen and (min-width:1400px){
/* スクロールCSS */
.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}
}


@media (min-width:768px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}