@charset "utf-8";

/* base style  
-----------------------------------------------  */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/* common
----------------------------------------------- */
.text24{font-size:24px;}
.text20{font-size:20px;}
.text18{font-size:18px;}
.text16{font-size:16px;}
.text15{font-size:15px;}
.text14{font-size:14px;}
.text12{font-size:12px;}
.text11{font-size:11px;}
.text10{font-size:10px;}


/* 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:767px){
img {
vertical-align: top;
max-width: 100%;
height: auto;
width /***/:auto;
}
}

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

.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

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

.margin20{margin:20px 0px;}
.margin18{margin:18px 0px;}
.margin15{margin:15px 0px;}
.margin12{margin:12px 0px;}
.margin8{margin:8px 0px;}
.margin4{margin:4px 0px;}

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


.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;text-underline-offset: 5px;transition: .5s}
a:visited    {color:#444;text-decoration:underline;text-underline-offset: 5px;} 
a:active     {color:#444;text-decoration:underline;text-underline-offset: 5px;} 
a:hover      {color:#999;text-decoration:underline;text-underline-offset: 5px;} 


/* 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:767px){
.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;}
.spno_768{display:none !important;}
}
@media screen and (max-width: 767px)  {
.sp767{display:inline !important;}
.spno_767{display:none !important;}
}
@media only screen and (max-width:680px){
.sp680{display:inline !important;}
.spno_680{display:none !important;}
}
@media only screen and (max-width:640px){
.sp640{display:inline !important;}
}
@media only screen and (max-width:560px){
.sp560{display:inline !important;}
.spno_560{display:none !important;}
}
@media only screen and (max-width:480px){
.sp480{display:inline;}
}
@media only screen and (max-width:420px){
.sp420{display:inline !important;}
.spno_420{display:none !important;}
}
@media only screen and (max-width:360px){
.sp360{display:inline !important;}
}
@media only screen and (max-width:320px){
.sp320{display:inline !important;}
}


/* フェードイン  
-----------------------------------------------  */
.fadeIn {
opacity: 0;
transition: 1s;
}
.fadeIn.is-show {
opacity: 1;
}

.fadeIn_up {
opacity: 0;
transform: translate(0, 50%);
transition: 1s;
}

.fadeIn_up.is-show {
transform: translate(0, 0);
opacity: 1;
}
.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 2s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeInUp {
  opacity: 0;
  transform: translate(0, 10%);
}
.fadeInUp.is-show {
  animation: fadeInUp forwards 0.8s 1 ease 0.2s normal;
}
@keyframes fadeInUp {
 0% {
   opacity: 0;
   transform: translate(0, 10%);
 }
 100% {
   opacity: 1;
   transform: translate(0, 0);
 }
}
.anmdly_01s {
  animation-delay: 0.1s !important;
}
.anmdly_02s {
  animation-delay: 0.2s !important;
}
.anmdly_03s {
  animation-delay: 0.3s !important;
}
.anmdly_04s {
  animation-delay: 0.4s !important;
}
.anmdly_05s {
  animation-delay: 0.5s !important;
}
.anmdly_06s {
  animation-delay: 0.6s !important;
}
.anmdly_07s {
  animation-delay: 0.7s !important;
}
.anmdly_08s {
  animation-delay: 0.8s !important;
}
.anmdly_09s {
  animation-delay: 0.9s !important;
}
.anmdly_10s {
  animation-delay: 1.0s !important;
}
.anmdly_15s {
  animation-delay: 1.5s !important;
}
.anmdly_20s {
  animation-delay: 2.0s !important;
}
.anmdly_25s {
  animation-delay: 2.5s !important;
}
.anmdly_30s {
  animation-delay: 3.0s !important;
}
.anmdly_45s {
  animation-delay: 4.5s !important;
}