@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
    }
}









/*チェックボックスを消す*/
.checkbox{
  display: none;
}
 
/*アコーディオンの大きさと位置調整*/
.accordion{
  width: 600px;
  margin: 0 auto 20px;
}
 
/*アコーディオンのラベルの設定*/
.accordion dt{
  background-color: #c9c9c9;
}
 
.accordion dt label{
  position: relative;
  display: block;
  padding: 10px 20px;
  cursor: pointer;
}
 
/*ラベル内の矢印の設定*/
.accordion dt label::after{
  content:'';
  display: block;
  border-left:7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 20px solid #797676;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0,-50%);
  transition:.4s .4s;
}
 
/*表示される要素の基本設定*/
.accordion dd{
  height: 0;
  transition:.4s;
  overflow: hidden;
  padding: 0 20px;
  border: solid 2px transparent;
}
 
/*ラベル内の矢印のアニメーション設定*/
.checkbox:checked ~ dl dt label::after{
  transform: translate(0,-50%) rotate(-180deg);  
}
 
/*表示される要素のアニメーション設定*/
.checkbox:checked ~ dl dd{
  height: auto;
  padding: 10px 20px;
  border: solid 3px #c9c9c9;
}



















/* 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_02.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	
-webkit-text-size-adjust:none;
	
  text-align:center;
  font-size:42px;
  font-family: 'meiryo', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #383d5c;
}
















#head1 { background: url("../images/header_01.png") no-repeat top center; height:    608px; } 
#head2 { background: url("../images/header_02.png") no-repeat top center; height:    744px; } 
#head3 { background: url("../images/header_03.png") no-repeat top center; height:    339px; } 
#head4 { background: url("../images/header_04.png") no-repeat top center; height:    339px; } 
#head5 { background: url("../images/header_05.png") no-repeat top center; height:    112px; } 


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


#bg_01 {background: url("../images/bg_01.jpg") no-repeat top center; height:    2200px;  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_koushi_01 { background: url("../images/waku_koushi_01.png") no-repeat top center; height:    566px; } 
#waku_koushi_03 { background: url("../images/waku_koushi_03.png") no-repeat top center; height:    105px; } 

#waku_koushi_02 {

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









#waku_siro2 {

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





#sub_waku_02 {

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

#sub_waku_01 { background: url("../images/sub_waku_01.png") no-repeat top center; height:    11px; } 
#sub_waku_03 { background: url("../images/sub_waku_03.png") no-repeat top center; height:    10px; } 



















#wrapform {

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


#container {

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

#text {

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

#textwhite {

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


#text4 {

	text-align:left;
	width:920px;
	margin:0 auto;
	font-size: 18px;
	
}






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