
/*___________________ 画像 _____________________*/
.gazo0{
	margin: 0px auto 0px;
	display: block;
}
.gazo10{
	margin: 0px auto 10px;
	display: block;
}
.gazo20{
	margin: 0px auto 20px;
	display: block;
}
.gazo30{
	margin: 0px auto 30px;
	display: block;
}
.gazo40{
	margin: 0px auto 40px;
	display: block;
}
.gazo50{
	margin: 0px auto 50px;
	display: block;
}
.gazo60{
	margin: 0px auto 60px;
	display: block;
}
.gazo80{
	margin: 0px auto 80px;
	display: block;
}
.migi{
	float: right;
	margin-left: 23px;
	margin-bottom: 10px;
	display: block;
}
.ttl_bg{
    background-image: url("../images/ttl_bg.jpg");
    background-repeat: no-repeat;
	background-position: center 0px;
    background-size: 750px;
    width: 750px;
    padding-top: 90px;
	margin: 0px auto 0px;
	overflow: hidden;
	display: block;
}
/*___________________ コンテンツ _____________________*/

.box{
	width: 650px;
	margin: 0px auto 20px;
	overflow: hidden;
	display: block;
}
.box p{
	width: 650px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
.box p a{
	color: #127DE6;
}
.box2{
	width: 650px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
.box3{
	width: 650px;
    text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 10px #FFF, 0 0 10px #FFF;
	margin: 0px auto 30px;
	overflow: hidden;
	display: block;
}
#osusume_bg{
    background-color: #000;
    background-image: url("../images/osusume.jpg");
    background-repeat: no-repeat;
	background-position: center 0px;
    background-size: 750px;
    width: 750px;
    padding-top: 250px;
	margin: 0px auto 0px;
	overflow: hidden;
	display: block;
}
#taiken{
    background-color: #600c0c;
    background-image: url("../images/taiken.jpg");
    background-repeat: no-repeat;
	background-position: center 0px;
    background-size: 750px;
    width: 750px;
    padding: 310px 0px 30px;
	margin: 0px auto 0px;
	overflow: hidden;
	display: block;
}
#service_bg0{
background-image: url("../images/service_bg0.jpg");
    background-repeat: repeat-y;
	background-position: center 0px;
    background-size: 750px;
    width: 750px;
	margin: 0px auto 0px;
	overflow: hidden;
	display: block;
}
#service_bg{
background-image: url("../images/service_bg.jpg");
    background-repeat: no-repeat;
	background-position: center 0px;
    background-size: 750px;
    width: 750px;
    padding: 40px 0px 10px;
	margin: 0px auto 0px;
	overflow: hidden;
	display: block;
}
.service{
  background-color: #FFF;
    width: 680px;
    box-shadow: 0px 0px 10px #CEC7BF;
-webkit-box-shadow: 0px 0px 10px #CEC7BF;
	margin: 0px auto 30px;
	overflow: hidden;
	display: block;
}
.service p{
	width: 620px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
.gray{
  background-color: #f2f2f2;
    width: 620px;
	margin: 0px auto 30px;
	overflow: hidden;
	display: block;
}
.gray p{
	width: 570px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
.gray h4{
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6",'Hiragino Mincho Pro', 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif;
}

.shiro{
  background-color: #FFF;
    width: 680px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	padding: 30px 0 15px;
	margin: -10px auto 50px;
	overflow: hidden;
	display: block;
}
.shiro h3{
	width: 630px;
	margin: 0px auto 10px;
	overflow: hidden;
	display: block;
}
.shiro hr{
	width: 630px;
    border-top: none;
    border-bottom: solid 1px #b3b3b3;
	margin: 0px auto 30px;
	display: block;
}
.shiro p{
	width: 600px;
	margin: 0px auto 20px;
	overflow: hidden;
	display: block;
}

#gold-bg {
  width: 750px;

  background:
    /* 斜めの金色グラデーション */
    linear-gradient(
      100deg,
      #dfc18f 0%,
      #e3c593 20%,
      #efd8ae 35%,
      #fef8d8 50%,
      #f3ddac 65%,
      #efd9a8 80%,
      #edcf99 100%
    );
    padding: 35px 0px 20px;
    margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
.toku{
    background-color: #FFF;
	width: 680px;
    box-shadow: 0px 0px 10px #CEB276;
-webkit-box-shadow: 0px 0px 10px #CEB276;
	margin: 0px auto 30px;
	overflow: hidden;
	display: block;
}
.toku p{
	width: 600px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}

#nagare_bg{
    background-color: #1d0e0b;
    background-image: url("../images/nagare.jpg");
    background-repeat: no-repeat;
	background-position: center 0px;
    background-size: 750px;
    width: 750px;
    padding: 220px 0px 30px;
	margin: 0px auto 0px;
	overflow: hidden;
	display: block;
}
#nagare_bg hr{
    background-image: url("../images/arrow.png");
    background-repeat: no-repeat;
	background-position: 0px 0px;
    background-size: 68px;
    width: 630px;
    height: 36px;
    border: none;
	margin: 0px auto 5px;
	display: block;
}
.step{
    background-color: #FFF;
	width: 680px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    padding-top: 20px;
	margin: 0px auto 5px;
	overflow: hidden;
	display: block;
}
.step p{
	width: 600px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
.step p a{
	color: #509CE2;
}
#qa_bg{
    background-image: url("../images/qa_bg.jpg");
    background-repeat: repeat-y;
	background-position: center 0px;
    background-size: 750px;
    width: 750px;
	margin: 0px auto 0px;
	overflow: hidden;
	display: block;
}
#qa_wrap{
    background-image: url("../images/qa.jpg");
    background-repeat: no-repeat;
	background-position: center 0px;
    background-size: 750px;
    width: 750px;
    padding: 210px 0px 10px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
#prof_bg0{
background-image: url("../images/prof_bg0.jpg");
    background-repeat: repeat-y;
	background-position: center 0px;
    background-size: 1600px;
    width: 100%;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
#prof{
  background-color: #FFF;
    width: 680px;
	margin: 0px auto 30px;
	overflow: hidden;
	display: block;
}
#prof p{
	width: 630px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}

.speak0{
	background-image: url("../images/speak0.png");
    background-repeat: repeat-y;
	background-position: center 0px;
    background-size: 650px;
	width: 650px;
	margin: 0px auto 30px;
    overflow: hidden;
	display: block;
}
.speak1{
	background-image: url("../images/speak1.png");
    background-repeat: no-repeat;
	background-position: center 0px;
    background-size: 650px;
	width: 650px;
	margin: 0px auto 0px;
    overflow: hidden;
	display: block;
}
.speak2{
	background-image: url("../images/speak2.png");
    background-repeat: no-repeat;
	background-position: center bottom;
    background-size: 650px;
	width: 650px;
    padding: 45px 0px 20px;
	margin: 0px auto 0px;
    overflow: hidden;
	display: block;
}


/*ボタンアニメーション*/
.my-blink-01{animation:my-blink 1.2s ease 1s infinite;}
.blink>img{box-shadow:0 0 30px #111;border-radius:15px;}
@keyframes my-blink{0%,to{transform:scale(1);}50%{transform:scale(0.95);}}

.animate72{animation-name:animate72;animation-duration:1s!important;animation-timing-function:ease-in;animation-iteration-count:infinite;}
@keyframes animate72{0%,40%,90%,100%{transform:rotate(0deg);}50%{transform:rotate(2deg);}60%{transform:rotate(-1deg);}70%{transform:rotate(3deg);}80%{transform:rotate(-2deg);}}
a.a-btn{position:relative;display:inline-block;box-sizing:border-box;}
a.a-btn img,img.a-main{display:block;box-sizing:border-box;}
img.a-main{width:100%;position:relative;z-index:54;}
a.shover:hover *{animation-name:none!important;}