@charset "utf-8";

/* common
---------------------------------------------*/
* {margin:0;padding:0;}

a:link,a:visited {
	color: #ffffff;
	text-decoration:underline;
}
a:hover,a:active {
	color: #343434;
	text-decoration:underline;
}

.impact   {font-size:20pt; font-weight:bold;}
.impact2  {color:red;}
.impact3  {background:yellow; color:#000;}
#impact4  {underline;}
.impact5  {background:#173B50; padding:2px 5px; color:#fff;}
.impact6  {background:#f4f4f4; padding:3px; line-height:1.1;}
.impact7  {background: #B60000; padding:2px 5px; color:#fff;}
.style2   {color: #FF0000}
.style3   {color: #333333}
.style4   {color: #000000}


img{ border: none;}

/* ボタンのマウスオーバーで明るくする */
.btn:hover {
  filter: brightness(120%);
}


/* animation
---------------------------------------------*/
.feedInUp {
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
	transition: 1.5s;
}
.feedInUp_On {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/* layout
---------------------------------------------*/


/*TopIntro-Start*/
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 1002px;
	
  background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	
-webkit-text-size-adjust:none;
	
  text-align:center;
  font-size:18px;
  font-family:'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #625a55;
}

#head-1 { background: url("../images/head1.png") no-repeat top center; height:    111px; } 
#head-2 { background: url("../images/head2.png") no-repeat top center; height:    110px; } 
#head-3 { background: url("../images/head3.png") no-repeat top center; height:    135px; } 
#head-4 { background: url("../images/head4.png") no-repeat top center; height:    246px; } 
#head-5 { background: url("../images/head5.png") no-repeat top center; height:    234px; } 
#head-6 { background: url("../images/head6.png") no-repeat top center; height:    139px; } 

#koe { background: url("../images/koe.png") no-repeat top center; height:    233px; } 
#koe-1 { background: url("../images/koe-1.png") no-repeat top center; height:    393px; } 
#koe-2 { background: url("../images/koe-2.png") no-repeat top center; height:    332px; } 
#koe-3 { background: url("../images/koe-3.png") no-repeat top center; height:    324px; } 
#koe-4 { background: url("../images/koe-4.png") no-repeat top center; height:    410px; } 
#koe-5 { background: url("../images/koe-5.png") no-repeat top center; height:    270px; } 
#koe-6 { background: url("../images/koe-6.png") no-repeat top center; height:    406px; } 
#koe-7 { background: url("../images/koe-7.png") no-repeat top center; height:    425px; } 
#koe-8 { background: url("../images/koe-8.png") no-repeat top center; height:    435px; } 
#koe-9 { background: url("../images/koe-9.png") no-repeat top center; height:    314px; } 
#koe-10 { background: url("../images/koe-10.png") no-repeat top center; height:    390px; } 
#onayami { background: url("../images/onayami.png") no-repeat top center; height:    235px; } 
#onayami-1 { background: url("../images/onayami-1.png") no-repeat top center; height:   354px; } 
#onayami-2 { background: url("../images/onayami-2.png") no-repeat top center; height:    396px; } 
#onayami-3 { background: url("../images/onayami-3.png") no-repeat top center; height:    379px; } 
#onayami-4 { background: url("../images/onayami-4.png") no-repeat top center; height:    431px; } 
#onayami-5 { background: url("../images/onayami-5.png") no-repeat top center; height:    357px; }

#gan { background: url("../images/gan.png") no-repeat top center; height:    195px; } 
#gan1 { background: url("../images/gan1.png") no-repeat top center; height:    678px; } 
#gan2 { background: url("../images/gan2.png") no-repeat top center; height:    403px; } 
#gan3 { background: url("../images/gan3.png") no-repeat top center; height:    308px; } 
#gan4 { background: url("../images/gan4.png") no-repeat top center; height:    648px; } 
#gan5 { background: url("../images/gan5.png") no-repeat top center; height:    291px; } 
#kiken { background: url("../images/kiken.png") no-repeat top center; height:    286px; } 
#kiken1 { background: url("../images/kiken1.png") no-repeat top center; height:    786px; } 
#kiken2 { background: url("../images/kiken2.png") no-repeat top center; height:    325px; } 
#kiken3 { background: url("../images/kiken3.png") no-repeat top center; height:    297px; } 
#kiken4 { background: url("../images/kiken4.png") no-repeat top center; height:    250px; } 
#kiken5 { background: url("../images/kiken5.png") no-repeat top center; height:    531px; } 
#kiken6 { background: url("../images/kiken6.png") no-repeat top center; height:    291px; } 
#kiken7 { background: url("../images/kiken7.png") no-repeat top center; height:    308px; } 

#koe2-1 { background: url("../images/koe2-1.png") no-repeat top center; height:    366px; } 
#koe2-2 { background: url("../images/koe2-2.png") no-repeat top center; height:    325px; } 
#koe2-3 { background: url("../images/koe2-3.png") no-repeat top center; height:    335px; } 
#koe2-4 { background: url("../images/koe2-4.png") no-repeat top center; height:    343px; } 
#koe2-5 { background: url("../images/koe2-5.png") no-repeat top center; height:    361px; } 
#koe2-6 { background: url("../images/koe2-6.png") no-repeat top center; height:    550px; } 

#benefit { background: url("../images/benefit.png") no-repeat top center; height:    281px; } 
#benefit1 { background: url("../images/benefit1.png") no-repeat top center; height:    436px; } 
#benefit2 { background: url("../images/benefit2.png") no-repeat top center; height:    356px; }  
#benefit3 { background: url("../images/benefit3.png") no-repeat top center; height:    338px; } 
#benefit4 { background: url("../images/benefit4.png") no-repeat top center; height:    443px; } 
#benefit5 { background: url("../images/benefit5.png") no-repeat top center; height:    392px; } 
#benefit6 { background: url("../images/benefit6.png") no-repeat top center; height:    383px; } 
#benefit7 { background: url("../images/benefit7.png") no-repeat top center; height:    375px; } 

#session { background: url("../images/session.png") no-repeat top center; height:    487px; } 
#session1 { background: url("../images/session1.png") no-repeat top center; height:    378px; }
#session2 { background: url("../images/session2.png") no-repeat top center; height:    339px; }
#session3 { background: url("../images/session3.png") no-repeat top center; height:    337px; } 
#session4 { background: url("../images/session4.png") no-repeat top center; height:    343px; } 
#session5 { background: url("../images/session5.png") no-repeat top center; height:    343px; } 
#session6 { background: url("../images/session6.png") no-repeat top center; height:    467px; } 
#session-bottom { background: url("../images/session-bottom.png") no-repeat top center; height:   122px; } 

#osusume { background: url("../images/osusume.png") no-repeat top center; height:    428px; } 
#osusume-1 { background: url("../images/osusume-1.png") no-repeat top center; height:    334px; }
#osusume-2 { background: url("../images/osusume-2.png") no-repeat top center; height:    396px; }
#ng { background: url("../images/ng.png") no-repeat top center; height:    340px; }
#ng-1 { background: url("../images/ng-1.png") no-repeat top center; height:    365px; }
#ng-2 { background: url("../images/ng-2.png") no-repeat top center; height:    370px; }


#koe3-1 { background: url("../images/koe3-1.png") no-repeat top center; height:    202px; } 
#koe3-2 { background: url("../images/koe3-2.png") no-repeat top center; height:    347px; } 
#koe3-3 { background: url("../images/koe3-3.png") no-repeat top center; height:    262px; } 
#koe3-4 { background: url("../images/koe3-4.png") no-repeat top center; height:    377px; } 
#koe3-5 { background: url("../images/koe3-5.png") no-repeat top center; height:    259px; } 
#koe3-6 { background: url("../images/koe3-6.png") no-repeat top center; height:    365px; } 
#koe3-7 { background: url("../images/koe3-7.png") no-repeat top center; height:    410px; } 
#koe3-8 { background: url("../images/koe3-8.png") no-repeat top center; height:    382px; } 
#koe3-9 { background: url("../images/koe3-9.png") no-repeat top center; height:    360px; } 
#koe3-10 { background: url("../images/koe3-10.png") no-repeat top center; height:    377px; } 
#koe3-11 { background: url("../images/koe3-11.png") no-repeat top center; height:    329px; } 
#koe3-12 { background: url("../images/koe3-12.png") no-repeat top center; height:    370px; } 
#koe3-13 { background: url("../images/koe3-13.png") no-repeat top center; height:    411px; } 
#koe3-14 { background: url("../images/koe3-14.png") no-repeat top center; height:    389px; } 
#koe3-15 { background: url("../images/koe3-15.png") no-repeat top center; height:    407px; } 
#koe3-16 { background: url("../images/koe3-16.png") no-repeat top center; height:    370px; } 
#koe3-17 { background: url("../images/koe3-17.png") no-repeat top center; height:    543px; } 

#profile { background: url("../images/profile.png") no-repeat top center; height:    212px; } 
#profile-1 { background: url("../images/profile-1.png") no-repeat top center; height:    502px; } 
#profile-2 { background: url("../images/profile-2.png") no-repeat top center; height:    279px; } 
#profile-3 { background: url("../images/profile-3.png") no-repeat top center; height:    300px; } 
#profile-4 { background: url("../images/profile-4.png") no-repeat top center; height:    335px; } 
#profile-5 { background: url("../images/profile-5.png") no-repeat top center; height:    544px; } 
#profile-6 { background: url("../images/profile-6.png") no-repeat top center; height:    388px; } 

#gentei { background: url("../images/gentei.png") no-repeat top center; height:    440px; } 
#gentei1 { background: url("../images/gentei1.png") no-repeat top center; height:    331px; } 
#gentei2 { background: url("../images/gentei2.png") no-repeat top center; height:    403px; } 
#gentei3 { background: url("../images/gentei3.png") no-repeat top center; height:    285px; } 
#gentei4 { background: url("../images/gentei4.png") no-repeat top center; height:    356px; }
#gentei5 { background: url("../images/gentei5.png") no-repeat top center; height:    390px; } 
#gentei6 { background: url("../images/gentei6.png") no-repeat top center; height:    365px; } 
#gentei7 { background: url("../images/gentei7.png") no-repeat top center; height:    388px; } 


#Q { background: url("../images/Q.png") no-repeat top center; height:    416px; } 
#Q-1 { background: url("../images/Q-1.png") no-repeat top center; height:    312px; } 
#Q-2 { background: url("../images/Q-2.png") no-repeat top center; height:    417px; } 
#Q-3 { background: url("../images/Q-3.png") no-repeat top center; height:    323px; }
#Q-4 { background: url("../images/Q-4.png") no-repeat top center; height:    528px; } 
#Q-5 { background: url("../images/Q-5.png") no-repeat top center; height:    362px; } 
#Q-6 { background: url("../images/Q-6.png") no-repeat top center; height:    461px; }
#Q-7 { background: url("../images/Q-7.png") no-repeat top center; height:    325px; } 
#Q-8 { background: url("../images/Q-8.png") no-repeat top center; height:    603px; } 
#anatahe { background: url("../images/anatahe.png") no-repeat top center; height:    406px; } 
#anatahe-1 { background: url("../images/anatahe-1.png") no-repeat top center; height:    539px; } 
#anatahe-2 { background: url("../images/anatahe-2.png") no-repeat top center; height:    727px; } 
#anatahe-3 { background: url("../images/anatahe-3.png") no-repeat top center; height:    144px; } 


#form1 { background: url("../images/form1.png") no-repeat top center; height:    405px; } 
#form2 { background: url("../images/form2.png") no-repeat top center; height:    367px; } 



#koe-wrap {

	background-image: url("../images/koe-wrap.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}




#session-wrap {

	background-image: url("../images/session-wrap.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}




#container {

	text-align:left;
	width:1000px;
    margin:0 auto;

	
}

#text1 {
	text-align:left;
	width:910px;
	margin:0 auto;
	font-size: 37px;
	font-family: 'Hiragino Kaku Gothic Pro', sans-serif;
   
}

#text2 {
	text-align:left;
	width:950px;
	margin:0 auto;
	font-size: 37px;
	font-family: '平成明朝 Std W9', serif;
	color: #514a46
	
}

#text3 {
	text-align:left;
	width:900px;
	margin:0 auto;
	font-size: 37px;
}



#gan-bg{

    background-image: url("../images/gan-bg.png");
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	
	}


#kiken-bg{

    background-image: url(../images/kiken-bg.png);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	}

#profile-bg{

    background-image: url("../images/profile-bg.png");
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	}

#anatahe-bg{

    background-image: url("../images/anatahe-bg.png");
	
	background-attachment: fixed;
	background-position: top center;
	}


.under1 {
  background: linear-gradient(transparent  50%, #fef69d  50%);
}


.under2 {
  background: linear-gradient(transparent  50%, #fee2d8  50%);
}



#textwhite {

	text-align:left;
	width:850px;
	margin:0 auto;
	color: #fff;
	
}

#texts2 {

	text-align:left;
	width:750px;
	position: relative;
	margin-top:170px;
	margin-left:400px;
	
	
}

#texts3 {

	text-align:left;
	width:850px;
	margin-top:250px;
	margin-left:170px;
	
}




.container {

	text-align:left;
	width:1200px;
	margin:0 auto;
	
	
}

.white {
  color: #fff;
}

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

#footer {  
	background-color: #90766f;
}
--------------------------- */

ol,
ul{
	list-style-position: inside;
	padding-left:10px;
}
ol li,
ul li{
	text-align:left;
}

.side{position: fixed;
  position: fixed;
  right: 0;
  bottom: 0px;
  z-index: 2;
}
.side a img:hover{
  opacity:1;
}



/*----- side button -----*/

@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.swing:hover {
-webkit-animation: swing 1s ease;
animation: swing 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
	filter: brightness(110%);
}