@charset "utf-8";

/*
Theme Name: SUBHAND
Author: SUBHAND.LLC
Author URL: http://www.subhand.net/
*/


/* 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;}






/* timer 
---------------------------------------------*/
.timerBox {
    width: 835px;
    height:115px;
    line-height: 115px;
    margin: 0 auto;
    position: relative;
    font-size: 2.3rem;
}
.timerBox .timer {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
}
.timer {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    color: #4E4F2A;
    text-align: center;
}
.timer span {
	font-size: 1.5em;
}







/* ボタンのマウスオーバーで明るくする */
.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:32px;
  font-family: 'meiryo', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #383d5c;
}

#time1 {background: url("../images/timer.png") no-repeat top center;height:    70px;line-height: 60px;font-size: 2rem;} 

#head1 { background: url("../images/header_01.png") no-repeat top center; height:    1026px; } 
#head2 { background: url("../images/header_02.png") no-repeat top center; height:    259px; } 
#head3 { background: url("../images/header_03.png") no-repeat top center; height:    252px; } 
#head4 { background: url("../images/header_04.png") no-repeat top center; height:    217px; } 
#head5 { background: url("../images/header_05.png") no-repeat top center; height:    229px; } 
#head6 { background: url("../images/header_06.png") no-repeat top center; height:    259px; } 
#head7 { background: url("../images/header_07.png") no-repeat top center; height:    257px; } 
#head8 { background: url("../images/header_08.png") no-repeat top center; height:    110px; } 


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


#waku_siro {

	background-image: url("../images/waku_siro.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; } 

#sub_waku_02 {

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





#gray_waku_02 {

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













.top{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px;
	text-align:left;
	background-color:#e4e4e4;
	width:%;
	color: #110000;
}



.tb01{
	width:920px;
	margin:0 auto;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

.tb01 .kaisai{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:6px;
	text-align:left;
	background-color:#2e8b57;
	width:10%;
	color: #ffffff;
}

.tb01 .jikan{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:6px;
	text-align:left;
	background-color:#2e8b57;
	width:50%;
	color: #ffffff;
}



.tb01 .title{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:15px;
	text-align:left;
	background-color:#e4e4e4;
	width:15%;
}
.tb01 .aaa{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:6px;
	text-align:left;
	background-color:#FFFFFF;
	width:50%;
	}




















#wrap {

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

#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:850px;
	margin:0 auto;
	
	
}


#text2 {

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


#text3 {

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


#text4 {

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










#textwhite {

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



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

.kiyaku {
}