@charset "utf-8";

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

a:link,a:visited {
	color: #ffffff;
	text-decoration:underline;
}
a:hover,a:active {
	color: #d90909;
	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%);
}





/* ボタンアニメーション */
.btn {
    appearance: none;
    background-color: transparent;
    border: none;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
}

.btn:focus {
    outline: none;
}

.btn::before {
    display: block;
    position: absolute;
    z-index: 0;
    left: -30%;
    top: -50%;
    content: "";
    width: 100px;
    height: 100px;
    transform: rotate( 20deg );
    background-image: linear-gradient( 180deg ,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    animation: shiny 3s infinite linear;
}

@keyframes shiny {
    0% {
        transform: scale(0) rotate(45deg);
        opacity: 0
    }

    80% {
        transform: scale(0) rotate(45deg);
        opacity: .5
    }

    81% {
        transform: scale(4) rotate(45deg);
        opacity: 1
    }

    100% {
        transform: scale(50) rotate(45deg);
        opacity: 0
    }
}







/* 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:38px;
  font-family: 'meiryo', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #383d5c;
}

















#head1 { background: url("../images/header_01.png") no-repeat top center; height:    918px; }
#head2 { background: url("../images/header_02.png") no-repeat top center; height:    410px; }
#head3 { background: url("../images/header_03.png") no-repeat top center; height:    309px; }
#head4 { background: url("../images/header_04.png") no-repeat top center; height:    362px; }
#head5 { background: url("../images/header_05.png") no-repeat top center; height:    398px; }
#head6 { background: url("../images/header_06.png") no-repeat top center; height:    354px; }
#head7 { background: url("../images/header_07.png") no-repeat top center; height:    309px; }
#head8 { background: url("../images/header_08.png") no-repeat top center; height:    357px; }
#head9 { background: url("../images/header_09.png") no-repeat top center; height:    308px; }


#form_01 { background: url("../images/form_01.png") no-repeat top center; height:    358px; }


#bg_01 {background: url("../images/bg_01.jpg") no-repeat top center; height:    5000px;  background-attachment: fixed }
#bg_02 {background: url("../images/bg_02.jpg") no-repeat top center; height:    2700px;  background-attachment: fixed }
#bg_03 {background: url("../images/bg_03.jpg") no-repeat top center; height:    6400px;  background-attachment: fixed }
#bg_04 {background: url("../images/bg_04.jpg") no-repeat top center; height:    15400px;  background-attachment: fixed }
#bg_05 {background: url("../images/bg_05.jpg") no-repeat top center; height:    1570px;  background-attachment: fixed }
#bg_06 {background: url("../images/bg_06.jpg") no-repeat top center; height:    2100px;  background-attachment: fixed }
#bg_07 {background: url("../images/bg_07.jpg") no-repeat top center; height:    1830px;  background-attachment: fixed }
#bg_08 {background: url("../images/bg_08.jpg") no-repeat top center; height:    2670px;  background-attachment: fixed }







#waku_blue {

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






#waku_voice_01 {background: url("../images/waku_voice_01.png") no-repeat top center; height:    40px;  background-attachment: fixed }
#waku_voice_03 {background: url("../images/waku_voice_03.png") no-repeat top center; height:    40px;  background-attachment: fixed }

#waku_voice_02 {

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



#waku_voice_siro {

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









#waku_pink {

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












#text {

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


}

#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: #135da4;
}
--------------------------- */

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