@charset "UTF-8";



@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Oswald:400,600');

html{}

/* 横幅サイズが必要 */
.flexbox{flex:1 1 auto}
/* 子要素の最大サイズも必要 */
.flexbox{max-width:100%}

body {font-family:"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif;
	 margin:0; padding: 0; background:#FFF; color:#333;  font-weight: 500;  letter-spacing:1px; -webkit-text-size-adjust: 100%; 
 animation: disableScroll .1s linear 0.9s both;
    animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
    * {
    	margin: 0;
    	padding: 0;
    }



@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


@keyframes
disableScroll {
  0%{
    overflow: hidden;
  }
  100%{
    overflow: auto;
  }
}

@keyframes
bgAnime {
  0%{
    opacity: 1;
  }
  99%{
    opacity: 0;
  }
  100%{
    opacity: 0;
    display: none;
  }
}


a       { text-decoration: underline; color:#0055A6; }
a:hover { text-decoration: none;  color:#666666; }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; max-width:100%; height:auto; } 
ol, ul { list-style: none;} 
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }

:focus { outline: 0; }
.Fjalla { font-family: 'Fjalla One', sans-serif;}
.Oswald{ font-family: 'Oswald', sans-serif;}
.fn-mincho { font-family: "Times New Roman", "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; }
.fn-gothic{  font-family:"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif; }
.box-sizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.hid { position:absolute; width:0px; height:0px; overflow:hidden; font-size:8pt; }
.f-l{ float:left; }
.f-r{ float:right; }
.clear { clear:both; width:1px; height:1px; }
.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix{ overflow:hidden; }
.l{ text-align:left; }
.r{ text-align:right; }
.c{ text-align:center; }


  /* margin */

.mart5 {margin-top:5px!important;}
.mart15 {margin-top:15px!important;}
.mart10 {margin-top:10px!important;}
.mart20 {margin-top:20px!important;}
.mart30 {margin-top:30px!important;}
.mart40 {margin-top:40px!important;}
.mart50 {margin-top:50px!important;}
.mart60 {margin-top:60px!important;}
.marb5 {margin-bottom:5px!important;}
.marb10 {margin-bottom:10px!important;}
.marb15 {margin-bottom:15px!important;}
.marb20 {margin-bottom:20px!important;}
.marb30 {margin-bottom:30px!important;}
.marb40 {margin-bottom:40px!important;}
.marb50 {margin-bottom:50px!important;}
.marb60 {margin-bottom:60px!important;}
.marb70 {margin-bottom:70px!important;}
.marr1 {margin-right:1px;}
.marr2 {margin-right:2px;}
.marr3 {margin-right:3px;}
.marr4 {margin-right:4px;}
.marr5 {margin-right:5px;}
.marr6 {margin-right:6px;}
.marr8 {margin-right:8px;}
.marr10 {margin-right:10px;}
.marr15 {margin-right:15px;}
.marr16 {margin-right:16px;}
.marr17 {margin-right:17px;}
.marr18 {margin-right:18px;}
.marr20 {margin-right:20px;}
.marr30 {margin-right:30px;}
.marr40 {margin-right:40px;}
.marr50 {margin-right:50px;}
.marl5 {margin-left:5px;}
.marl10 {margin-left:10px;}
.marl15 {margin-left:15px;}
.marl18 {margin-left:18px;}
.marl20 {margin-left:20px;}
.marl30 {margin-left:30px;}
.marl40 {margin-left:40px;}
.marl50 {margin-left:50px;}
.marl60 {margin-left:60px;}
/* padding */
.padt5 {padding-top:5px;}
.padt15 {padding-top:15px;}
.padt10 {padding-top:10px;}
.padt20 {padding-top:20px;}
.padt30 {padding-top:30px;}
.padt40 {padding-top:40px;}
.padt50 {padding-top:50px;}
.padt60 {padding-top:60px;}
.padb5 {padding-bottom:5px;}
.padb10 {padding-bottom:10px;}
.padb15 {padding-bottom:15px;}
.padb20 {padding-bottom:20px;}
.padb30 {padding-bottom:30px;}
.padb40 {padding-bottom:40px;}
.padb50 {padding-bottom:50px;}
.padb60 {padding-bottom:60px;}
.padr2{padding-right:2px;}
.padr5 {padding-right:5px;}
.padr8 {padding-right:8px;}
.padr10 {padding-right:10px;}
.padr15 {padding-right:15px;}
.padr20 {padding-right:20px;}
.padl5 {padding-left:5px;}
.padl10 {padding-left:10px;}
.padl15 {padding-left:15px;}
.padl20 {padding-left:20px;}

@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 480px){
}


/* main-layout
==========================================================*/

#wrapper  { }
.wrap{ margin:0 auto; max-width:1000px; }



/* header / footer /
==========================================================*/

#footer{ }


/* font / button
==========================================================*/


.bot-titleInner{ text-align:center; margin:0 auto; }
	.bot-titleInner.bot-title-main{ position:relative; top:-50px; z-index:1; background:#fff; max-width:1000px;padding-top:75px;  }

.bot-ttlIner{ text-align:center;  line-height:1.28; }


	.bot-ttl{ font-family: 'Fjalla One', sans-serif; }
		.bot-ttl.ttl-h1{ font-size:80px; }
		.bot-ttl.ttl-h2{ font-size:50px; }
		.bot-ttl.ttl-h2service{ font-size:60px; }
	.bot-subttl{ font-family: 'Fjalla One', sans-serif; font-size:40px; }
	.bot-ruby{ font-weight:bold; font-size:16px; }


.bluetagline{ font-size:16px; line-height:1.4; font-weight:bold; text-align:center; margin-bottom:10px; color:#fff; background:#0055A6; padding:5px; width:640px; }




/* 2: layout
----------------------------------------------------------------------------------------------*/

.bg-scale {
    position: relative;
    overflow: hidden;
}
.bg-scale:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale:hover:after {
    /*opacity: .6;*/
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.bg-scale .bg-scale_inner {
    z-index: 1;
    position: relative;
}



/* button */
a.seemore-button {
	display: inline-block; position:relative; text-decoration: none;outline: none;
}
.seemore-button::before,
.seemore-button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.seemore-button,
.seemore-button::before,
.seemore-button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.seemore-button:hover  { background-color: rgba(255,255,255,0.9);  border-color: #fff; color: #0055A6; }
	.seemore-button .fa-angle-right{ position:absolute; font-size:1.4em; top:11px; right:14px; -webkit-transition: all .3s; transition: all .3s; }
	.seemore-button:hover .fa-angle-right { padding-right:5px;}




.bl-morelinks { position:relative;}
.bl-morelinks a{ display:block; text-decoration:none; background:#000; color:#fff; line-height:70px ; padding:0 25px; width:200px;
-webkit-transition: all .3s; transition: all .3s; }
.bl-morelinks img{ float:right; padding-top:15px;-webkit-transition: all .3s; transition: all .3s; }
.bl-morelinks a span{ position:relative; right:0px;-webkit-transition: all .3s; transition: all .3s; }
	.bl-morelinks.bl-morelinks-en{  font-family: 'Fjalla One', sans-serif; font-size:18px; }
	.bl-morelinks.bl-morelinks-m a{width:270px;}
	.bl-morelinks a:hover { opacity:0.85;}
	.bl-morelinks a:hover img { margin-right:-5px;}
	.bl-morelinks a:hover span{ right:-5px;}

/*==================================================
ふわっ
===================================*/


/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}