@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: #2236cf;
	text-decoration:underline;
}
a:hover,a:active {
	color: #d90909;
	text-decoration:underline;
}
p{margin-bottom:1.5em;}
ul{  width: 800px;
    list-style: none;
    display: block;
    margin: 0 auto;}
ul li{font-size: 35px;
    font-weight: 900;
    display: block;
    text-shadow: 3px 3px 3px #fff;
    margin: 0.5em auto;
    background: rgba(255, 255, 255, 0.62);
		box-shadow: 0 0 3px 3px #ffffffbd;
    border-radius: 30px;
    padding: 3px 0.5em;}
li:before{content: '';
    background: url(../images/list-img.png);
    width: 49px;
    height: 39px;
    display: inline-block;
		background-repeat: no-repeat;
	    padding-left: 0.5em;
			position: relative;
	    top: 10px;
	    left: 6px;}
li:after{    content: '';
    background: url(../images/list-border.png);
    width: 800px;
    height: 12px;
    background-repeat: no-repeat;
    display: block;
	margin-top:10px;}

img{ border: none;
max-width:100%;
margin:0 auto;
display:block;
	margin:1.5em auto;}
.text{max-width: 96vw;
width:800px;
display: block;
margin: 0 auto;
text-align: left;
}
.f1-bl{margin:0.5em 0;}
.text2 p{padding:0em 1em;}
.text2{max-width: 96vw;
width:760px;
background:rgba(255,255,255,0.85);
display: block;
margin: 0 auto;
text-align: left;
padding:1.5em 0 1px;
}
.right{float:right;
width:33%;}
.jisseki-in{background: url(../images/jisseki-body.jpg);
    background-size: 100%;
    background-repeat: repeat-y;
    width: 800px;
    margin: 0 auto;
    max-width: 100vw;
    padding: 0 0px 1em;
}
.img-head{margin:-1em auto;}
.img-m0{margin:0 auto;}

.img-m01{margin:0 auto 1em;}
.img-mb0l{margin:0.5em auto 0;}
.img-mb0{margin:1.5em auto 0;}
.img-mt0{margin:0 auto 1.5em;}
.yaji{margin-top:-2em;}
.yaji2{margin-top:-1em;}
.c{color:#ea0e0e;}
.b{font-weight:bold;}
.y{background-color: #ffff66;}
.l{font-size:1.2em;    line-height: 130%;}
.ll{font-size:1.5em;    line-height: 130%;}
.u{text-decoration: none;
background: linear-gradient(rgba(255, 204, 255,0) 60%, rgb(255,243,156) 40%);
background-repeat: no-repeat;
background-size: 0% 100%;
transition: background-size 2.5s;}

.blinking{
 -webkit-animation:blink 2s ease-in-out infinite alternate;
		-moz-animation:blink 2s ease-in-out infinite alternate;
		animation:blink 2s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
		0% {opacity:0.2;}

		100% {opacity:1;}
}
@-moz-keyframes blink{
		0% {opacity: 0.2 ;}
		100% {opacity:1;}
}
@keyframes blink{
		0% {opacity: 0.2 ;}
		100% {opacity:1;}
}

.center input{   }
.bt {
-webkit-animation-name:bt;
-webkit-animation-duration:6s;
-webkit-animation-iteration-count:infinite;
/*-webkit-animation-direction:alternate;*/
-webkit-animation-timing-function:ease;

-moz-animation-name:bt;
-moz-animation-duration:6s;
-moz-animation-iteration-count:infinite;
/*-moz-animation-direction:alternate;*/
-moz-animation-timing-function:ease;
}

@-webkit-keyframes bt{
	0% {box-shadow: 0px 0px 0px #ff7202;}
	50% {box-shadow: 0px 0px 20px #ff7202;}
	100% {box-shadow: 0px 0px 0px #ff7202;}
}
@-moz-keyframes bt{
	0% {box-shadow: 0px 0px 0px #ff7202;}
	50% {box-shadow: 0px 0px 20px #ff7202;}
	100% {box-shadow: 0px 0px 0px #ff7202;}
}
@keyframes bt{
0% {box-shadow: 0px 0px 0px #ff7202;}
50% {box-shadow: 0px 0px 20px #ff7202;}
100% {box-shadow: 0px 0px 0px #ff7202;}
}
.fuwafuwa {
 -webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
 -webkit-animation-duration:2s;
 -webkit-animation-iteration-count:infinite;
 /*-webkit-animation-direction:alternate;*/
 -webkit-animation-timing-function:ease;

 -moz-animation-name:fuwafuwa;
 -moz-animation-duration:2s;
 -moz-animation-iteration-count:infinite;
 /*-moz-animation-direction:alternate;*/
 -moz-animation-timing-function:ease;
}
/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa {
 0% {-webkit-transform:translate(0, 0);}
 50% {-webkit-transform:translate(0, -10px);}
 100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
 0% {-moz-transform:translate(0, 0);}
 50% {-moz-transform:translate(0, -10px);}
 100% {-moz-transform:translate(0, 0);}
}
.reflection-img{
	width: 753px;
		height: 207px;
		border-radius: 10px;
position    :relative;
overflow    :hidden;
    margin: 1.5em auto 0;
display: block;
}
.reflection-img.linebt{
	width: 658px;
		height: 183px;
margin:1.5em auto ;}

.reflection {
height      :100%;
width       :30px;
position    :absolute;
top         :-180px;
left        :0;
background-color: #fff;
opacity     :0;
transform: rotate(45deg);
animation: reflection 2s ease-in-out infinite;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 2s ease-in-out infinite;
-moz-transform: rotate(45deg);
-moz-animation: reflection 2s ease-in-out infinite;
-ms-transform: rotate(45deg);
-ms-animation: reflection 2s ease-in-out infinite;
-o-transform: rotate(45deg);
-o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
0% { transform: scale(0) rotate(45deg); opacity: 0; }
80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { transform: scale(4) rotate(45deg); opacity: 1; }
100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

dl{display:flex;
	  flex-wrap: wrap;
 justify-content: space-between;
 width: 860px;
     max-width: 100%;
     margin: 0 auto;
}
dt{width:100%;
font-size: 2em;
font-weight:bold;
margin:36px auto 15px;
color:#fff;
text-shadow:3px 0 0px #000, -3px 0 0px #000, 0px 3px 0px #000, 0px -3px 0px #000;}
dd input{width: 359px;
    font-size: 26px;
    padding: 0.5em 1em;
    border-radius: 5px;
    border: 3px solid #c1ad1e;}
.tel{width:215px;}
.mail{width:800px;}
/* layout
---------------------------------------------*/

/*TopIntro-Start*/
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
  background: url("../images/sec1-bg.jpg");
	background-size: cover;
background-attachment: fixed;
  text-align:center;
  font-size:24px;
	line-height: 150%;
	font-weight: 500;
  font-family: 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3e3e3e;
		 -webkit-text-size-adjust: 100%;
}
.yt{background: url("../images/yt-bg.png");
background-size: 100% 100%;
background-repeat: no-repeat;
width:947px;
    height: 500px;
display:block;
margin:0 auto;
padding:25px 0;}
.yt2{background: url(../images/jisseki-body.jpg) !important;
background-size: 100% 100%;
background-repeat: no-repeat;
}

input:active, input:focus{outline:none;}
.bt{border-radius:10px ;}



.head{  background: url("../images/head-bg.jpg");
	background-size: cover;
background-attachment: fixed;
padding:1em 0 3em;
}
form{ background: url("../images/form-bg.png");
	background-size: cover;
background-attachment: fixed;
    padding: 1em 0 2em;
}
form.forml{ background: url("../images/forml-bg.jpg");
	background-size: cover;
background-position: center;
background-attachment: fixed;
    padding: 0em 0 2em;
}
.formin-bg{background: url("../images/formin-bg.png");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
padding:1em;
margin:0.5em auto;
}
.forminl2-bg{background: url("../images/formin-bg.png");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
padding:0;
margin:0.5em auto;
}
.forml-box{background: url("../images/forml-bg2.png");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
width:800px;
margin:0.5em auto;
padding-bottom:1px;
}
.forminl-bg{background: rgba(0,0,0,0.74);
background-size: 100% 100%;
background-repeat: no-repeat;
padding:1em;
margin:0em auto 1em;
}
.form-timerin{background: url("../images/form-bgin.png");
background-position: center;
width:750px;

}
.sub{background: url("../images/sub-bg.png");
background-position: center;
background-size:100% 100%;
    padding: 2em 0;
margin:1em auto;
}
.form-timer{background: rgba(0,0,0,0.6);
width:750px;
border:2px solid #f20f0f;
margin:0 auto;
}
.count{font-size:55px;
color:#eaff00;
font-weight:bold;
margin:0.5em auto;
line-height:100%;
text-align: center;}
.time-tex{font-size:36px;
}


#wrap {

}
.text{     width: 760px;
	padding: 25px;
    margin: 1.5em auto;
    background: #fff;
    border-radius: 3px;
	box-shadow: 0 0 2px 0px #a5a5a5;}
.img-linesub{margin: 0;
    position: relative;
    max-width: 100%;
    top: -25px;
        right: -25px;}
		.img-ssub{margin: 0;
		    position: relative;
		    max-width: 100%;
		    top: -25px;
		       right: -25px;}
#container {

	text-align:left;

	margin:0 auto;


}

#text {

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


}
.input{    width: 70%;
    max-width: 750px;
    display: block;
    margin: 0em auto 1em;
    font-size: 1.5em;
    border: 5px solid #d2a21c;
    padding: 0.5em 1em;
text-align: center;
}
body {
  /* フォントレンダリング設定: 1x解像度ではsubpixel、2x以上の解像度ではgrayscale */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

@media only screen and
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
--------------------------- */
ol,
ul{
	list-style-position: inside;
	padding-left:10px;
}
ol li,
ul li{
	text-align:left;
}

footer{font-size:0.7em;
padding-top:1em;
color: #4c4c4c;}
footer a{    text-decoration: none !important;
  color: #4c4c4c !important;}

@media screen and (min-width: 769px){
.sp{display:none;}
}
@media screen and (max-width: 768px){
	body{font-size:4vw;
		background: url("../images/sec1-bgsp.jpg");
	background-size: 100% auto;
		background-position: center;
		background-attachment: scroll;
}
.head{background: url("../images/head-bgsp.jpg");
background-size: auto 100%;
background-position: center;
background-attachment: scroll;
    padding: 1em 0 1em;
}
form {background: url("../images/form-bgsp.png");
background-size: auto 100%;
background-position: center;
background-attachment: scroll;
    padding: 1vw 0 8vw;
}
form.forml {background: url("../images/forml-bg.jpg");
background-size: auto 100%;
background-position: center;
background-attachment: scroll;
    padding: 1vw 0 8vw;
}
		.imgsp96{max-width:96%;}
.imgsp90{max-width:90%;}
			.imgsp80{max-width:80%;}
.imgsp70{max-width:70%;}
	.imgsp60{max-width:60%;}
	.imgsp50{max-width:50%;}

	img {
    margin: 5vw auto;
}
form{
}
.bt{max-width: 90vw;
}
.pc{display:none;}
ul {
    width: 96vw;}
		ul li {
		   font-size:4.5vw;
			 letter-spacing: -1px;
		    font-weight: 900;}
				li:before {
				    content: '';
				    background: url(../images/list-img.png);
				    width: 5.2vw;
				    height: 5.7vw;
				    background-size: cover;
				    display: inline-block;
				    background-repeat: no-repeat;
				    padding-left: 0.5em;
				    position: relative;
				    top: 1vw;
				    left: -2vw;
				}
				li:after {
				    content: '';
				    background: url(../images/list-border.png);
				    width: 96vw;
				    height: 12px;
				    background-repeat: no-repeat;
				    display: block;
				    margin-top: 1vw;
				    margin-left: -2vw;
				}
footer br{display:inherit;}
.input{max-width:90%;
display:block;}
#container{width: 100%;}
.input {border: 3px solid #2793e6;
    padding: 1em 0.3em;
    width: 95%;
  font-size: 4vw;}
		.l{    font-size: 1.13em;}
	.ll{    font-size: 1.2em;}
	.text{max-width:94vw;
	padding:2vw;}

.form-timer, .form-timerin{width:90vw;}
.count, .time-tex{font-size:7vw;}
.reflection-img{
    width: 96vw;
    height: 26vw;}
.reflection-img.linebt{
		    width: 86vw;
		    height: 22vw;}
.reflection-img input{max-width: 100%;}
.sub{padding:8vw 0;}

dt {
    font-size: 7vw;
    margin: 6vw auto 2vw;}
dl{width:90vw;}
dd input {
    width: 37vw;
font-size: 5vw;
padding: 0.5em 0.5em;
}
.tel{width: 22vw;}
.mail {
    width: 83vw;
}
.yt {
    background: url(../images/yt-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 96vw;
		height: 50vw;
    padding: 3vw 0;}
		iframe{width: 90vw;
		height: 50vw;
		}
.img-linesub, .img-ssub{    top: -2vw;
    right: -2vw;}
		.f1-bl {
		    margin: 4vw 0;
		}
		.yaji {
		    margin-top: -1em;
		}
.forml-box{width: 90vw;}

}