body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,table,th,td,section{
margin:0; 
padding:0;
font-weight:normal;
font-size:100%;
}

ul,dl{
list-style: none;
}

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

ol	{
position: relative;
}

ol	li   {
list-style: none;
list-style-position: outside;
margin: 0;
padding-left: 1.25em;
line-height: 1.6;
margin-bottom: 12px;
}

ol li span {
position: absolute;
left:0;
margin:0
}

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%;
}

button {
-webkit-tap-highlight-color: rgba(0,0,0,0);
outline: none;
}

.text_orange{
color: #dd6e4d;
}

:focus {
outline: none;
}


/* common
----------------------------------------------- */
.text24{font-size:24px;}
.text20{font-size:20px;}
.text18{font-size:18px;}
.text16{font-size:16px;}
.text14{font-size:14px;}
.text12{font-size:12px;}
.text11{font-size:11px;}
.text10{font-size:10px;}
.text_red{color:rgba(215,0,3,1.00)}

/* iOSでのデフォルトスタイルをリセット 
----------------------------------------------- */

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;
}

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
background: transparent;
}

button,
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: none;
outline: none;
background: transparent;
}

input[type="radio"] {
display: none;
}
input[type="radio"]:checked + label {
background: #ff0000;
}



@media only screen and (max-width:1023px){
img {
vertical-align: top;
max-width: 100%;
height: auto;
width /***/:auto;
}
}

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


/* margin
====================================================== */
.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;}

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

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

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

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

.mar60-40{margin-bottom:60px;}
@media screen and (max-width:767px)  {.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:767px)  {.mar40-30{margin-bottom:30px;}}

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

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

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

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


/* indent
====================================================== */
.indent20{padding-left:20px;}
.indent15{padding-left:10px;}


/* img
====================================================== */
.img_left{float:left;padding-right:15px;padding-bottom:15px;}
.img_right{float:right;margin-left:20px;margin-bottom:20px;}
.img_right10{float:right;margin-left:20px;margin-bottom:0px;}
.img_right2{float:right;margin:0 10px 40px 40px;}
@media only screen and (max-width:680px){
.img_right2{float:none;margin:0 0 20px 0;width:100%;}
}

.img_border{border:#ccc solid 1px;}

/* link
====================================================== */
a:link       {color:#444;text-decoration:underline;}
a:visited    {color:#444;text-decoration:underline;} 
a:active     {color:#444;text-decoration:underline;} 
a:hover      {color:#444;text-decoration:underline;} 

nav a:link       {color:#444;text-decoration:none;}
nav a:visited    {color:#444;text-decoration:none;} 
nav a:active     {color:#444;text-decoration:none;} 
nav a:hover      {color:#444;text-decoration:none;} 

.header_contact a:link       {color:#fff;text-decoration:none;}
.header_contact a:visited    {color:#fff;text-decoration:none;} 
.header_contact a:active     {color:#fff;text-decoration:none;} 
.header_contact a:hover      {color:#fff;text-decoration:none;} 



footer a:link       {color:#444;text-decoration:none;}
footer a:visited    {color:#444;text-decoration:none;} 
footer a:active     {color:#444;text-decoration:none;} 
footer a:hover      {color:#999;text-decoration:underline;} 


/* Responsive style  
----------------------------------------------- */
.sp,
.sp_inline,
.sp320,
.sp360,
.sp420,
.sp480,
.sp560,
.sp640,
.sp680,
.sp767,
.sp768,
.sp1022,
.sp1023,
.sp1199,
.sp1200{
display:none;
}

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

@media screen and (min-width: 1200px)  {
.sp1200{
display:inline;
}
}

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

@media only screen and (max-width:680px){
.sp_inline{
display:inline !important;
}
.sp{
display:block;
}
.spno{
display:none;
}

.w60{width:60%;margin:0 auto;}
.w70{width:70%;margin:0 auto;}
.w80{width:80%;margin:0 auto;}
.w90{width:90%;margin:0 auto;}
.w95{width:95%;margin:0 auto;}
.w100{width:100%;margin:0 auto;}

.w60_img{width:60%;margin:0 auto;max-width:270px;}
.w70_img{width:70%;margin:0 auto;max-width:315px;}
.w80_img{width:80%;margin:0 auto;max-width:360px;}
.w90_img{width:90%;margin:0 auto;max-width:405px;}
.w95_img{width:95%;margin:0 auto;max-width:427px;}
.w100_img{width:100%;margin:0 auto;max-width:450px;}
}

@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:380px){
.sp380{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;}
}


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