@charset "utf-8";

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


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



a { 
	text-decoration: none;
	color: #034D7B;
 } 

 a:hover{
	
}

img{ border: none;}

input {
	background-color: #EBEBEB;
}

textarea{
	background-color: #EBEBEB;
}


body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    text-align:center;
    font-size:20px;
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    color: #034D7B;
    font-size:12px;
}

@media screen and (min-width:1001px) {
	.header2 a
	{
		font-size:13px;
		letter-spacing: 0.8px;
		font-weight:bold;
	}

	.only_sp
	{
		display:none;
	}

	.only_pc
	{
		display:block;
	}
}

@media screen and (max-width:1000px) {

	.only_pc
	{
		display:none;
	}

	.only_sp
	{
		display:block;
	}

	.header2 a
	{
		font-size:12px;
		letter-spacing: 0.8px;
		font-weight:bold;
	}

	.all
	{
		position:relative;
		left:-0px;
	}

	.wrap
	{
		width:800px;
		overflow:hidden;
	}

	.movie_content
	{
		margin-left:-100px;
	}
}

#head1-1 { 
	background: url("../images/head1-1.jpg") no-repeat top center; height:   143px; 
	position:fixed;top:0px;z-index:1000;width:100%;background-color:white;
} 
#head1-2 { background: url("../images/head1-2.jpg") no-repeat top center; height:   39vw; overflow:hidden;margin-top:-20px; } 
#profile { height:   918.8px; } 
#price { background-color: #DAEBFF; height:   3770px; }
#blog { background: url("../images/head2-2.jpg") no-repeat top center; height:   455px; }
#movie { background: url("../images/head2-3.jpg") no-repeat top center; height:   500px; }
#contact { background-color: #DAEBFF;  height:   1638px; }
footer{ background-color: #014E82; height:   39px; }

.header{
	height:114px;
	width:700px;
}

.header2{
	height:30px;
	width:800px;
	text-align:center;
	left:0px;
}

.h_link{
	margin-left:17px;
	font-size:14px;
}

.h_link_l{
	font-size:14px;
}

.h_link_l_sp
{
	font-size:28px;
	color: #034D7B!important;
}

.h_link2{
	margin-right:25px;
}

.h_link2_1{
	position:absolute;
	top:718px;
	right:305px;
}

.h_link2_2{
	position:absolute;
	top:718px;
	right:250px;
}


.h_link2_3{
	position:absolute;
	top:718px;
	right:202px;
}


.h_link2r{
	margin-right:7px;
}

.h_link3{
	float:left;
	margin-top:24px;
	
}

.h_link3 img{
	width:270px;
}

.snsmenu{
	float:right;
	margin-right:8px;
	margin-top:58px;
}
/****************** フォーム ******************/

.formtext{
	text-align:left;
	position:relative;
	left: 50px;
	margin-top:45px;
	font-weight: bold;
}

.contact_form{
	width: 720px;
	height:1388px;
	position:relative;
	top: 115px;
	background-color: white;
	border-radius:40px;
}

.form_content{
	position:relative;
	top: 40px;
}

.form_input{
	width:610px;
	height:40px;
}

.form_check{
	margin-bottom: 12px;
}

.form_check2{
	position: absolute;
	left:220px;
	margin-top:-25px;
}

.form_checkboxes{
	position: relative;
	top:12px;
}

.submitbtn{
	position: relative;
	top:38px;
	left:-4px;
	height:42.5px;
}

.submitbtn:hover
{
	opacity:0.6;
}

.back_top{
	position:fixed;
	bottom:60px;
	left:50%;
	margin-left:370px;
	z-index:1000;
}

/****************** スライダー ******************/

.slider{
	width: 1400px;
}

.slider_wrap{
	width: 1400px;
	position: relative;
	left:50%;
	margin-left:-700px;
}

/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #004e80;
}

.slick-arrow{
	z-index:1000;
}

.slick-prev::before {
	content: url(images/head1test.jpg);
  }
 .slick-next::before {
	 content: url(images/head1test.jpg);
 }
 .slick-prev{
	 left: 80px;
   }
 .slick-next{
	 right: 80px;
 }
   @media screen and (max-width:480px) {
	 .slick-prev{
		 left: 30px;
				  
	 }
	  .slick-next{
		right: 30px;
	 }
 }


 .slick-prev::before {
	position: relative;
	content: "\f060";
	font-family: FontAwesome;
	background: red;
	padding: 10px;
	opacity: 1;
	  }

.slick-next::before {
	position: relative;
content: "\f061";
font-family: FontAwesome;
background: red;
padding: 10px;
opacity: 1;
	  }

.slick-prev{
 left: 80px;
 }
.slick-next{
 right: 80px;
}

.slick-prev:hover:before{
 animation: arrow_prev .5s ease-out forwards;
}
@keyframes arrow_prev {
0% {
  right: 0px;
}
50% {
  right: 5px;
}
100% {
	  right: 0;
}
}

.slick-next:hover:before{
animation: arrow_next .5s ease-out forwards;
	}
@keyframes arrow_next {
0% {
  left: 0px;
}
50% {
  left: 5px;
}
100% {
  left: 0;
}
}
@media screen and (max-width:480px) {
.slick-prev{
	left: 30px;                 
}
 .slick-next{
   right: 30px;
}
} 

.back_top_image
{
	position:relative;
	left:-80px;
	width:64px;
}

.back_top_image:hover
{
	opacity:0.6;
}


.prev_arrow{
	position: absolute;
	top:18vw;
	left:3vw;
	width:11px;
	height:20px;
}

.next_arrow{
	position: absolute;
	top:18vw;
	right:3vw;
	width:11px;
	height:20px;
}



/****************** タブ ******************/

.tab_wrap{
	width:700px;
	margin:60px auto;
	position: relative;
	top:0px;
}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 0px;}
.tab_area label{width:350px; margin:0 0px; display:inline-block; padding:0 0; color:#999; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity;}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff; border-radius: 0px 0px 40px 40px;}
.tab_panel{width:100%; padding:50px 0; display:none;}
.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}
 

.tab_area .tab1_label .active{display: none;}
.tab_area .tab2_label .active{display: none;}
.tab_area .tab1_label .notactive{display: block;}
.tab_area .tab2_label .notactive{display: block;}

#tab1:checked ~ .tab_area .tab1_label .active{display: block;}
#tab2:checked ~ .tab_area .tab2_label .active{display: block;}
#tab1:checked ~ .tab_area .tab1_label .notactive{display: none;}
#tab2:checked ~ .tab_area .tab2_label .notactive{display: none;}

#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#fff; color:#000;}
#tab3:checked ~ .panel_area #panel3{display:block;}

.tabimage{
	width:100%;
}

.left_block{
	width:50%;
	float:left;
}

.right_block{
	width:50%;
	float:left;
	text-align:left;
	z-index:0;

	position: relative;
}

.npo_link{
	position: absolute;
	top:2938px;
	left:360px;
	font-size:11.5px;
	color:#F2AF66;
	letter-spacing: 1.5px;
}

.npo_link:hover{
	color:#F2AF66;
	opacity:0.6;
}

.two_block{
	margin-left:50px;
	height:360px;
}

.two_block_short{
	height:100px;
}

.bar{
	position: relative;
	top:40px;
	height:20px;
}

.youtube{
	position: absolute;
	top:80px;
	left:145px;
}

.tiktok{
	position: absolute;
	top:-70.5px;
	left:600px;
	
	transform: scale(0.5,0.5);
}

.movie_content{
	position: relative;
	max-width:1000px;
	height:100%;
	top:-50px;
}





.sce_100{
	position: relative;
	margin-top:33px;
	width:115px;
	height:auto;
}

.mov_100{
	position: relative;
	margin-top:10px;
}

.blog_100{
	position: relative;
	margin-top:33px;
	z-index:2;
	width:85px;
	height:auto;
}
.b{width:83%;
	height:;
margin-top:60px
}

.c{width:53%;
	height:;
margin-top:83px
}

.img5_100{
	position: absolute;
	top:30px;
	left:175px;

	width:150px;
	z-index: 3;
}

.scheduleframe{
    position: relative;
	top: 23px;
	left:-10px;
    height:245px;
}

.bloglinkbtn1{
	position: relative;
	top:44px;
}

.bloglinkbtn1:hover{
	opacity:0.6;
}

.bloglinkbtn1 img{
	width:300px;
	height:auto;
}

.bloglinkbtn2{
	position: relative;
	top:69px;
}

.bloglinkbtn2 img{
	width:180px;
	height:auto;
}

.privacy{
	color:white;
	position:relative;
	top:10px;
	left:290px;
}

.privacy:hover{
	color:#F2AF66;
}

.two_block{
	font-size:15px;
}

.two_block h3{
	font-size:25px;
}




.t1_100{
	position:relative;
	margin-top:90px;
	width:700px;
	height:auto;
}

.t2_100{
	position:relative;
	margin-top:50px;
}

.t3_100{
	position:relative;
	margin-top:50px;
}

.t4_100{
	position:relative;
	margin-top:90px;
	width:700px;
	height:auto;
}

.blog_left{
	float:left;
	border: 3px solid #034D7B;
	height:390px;
	width:340px;

	border-radius: 40px;
}

.blog_right{
	float:right;
	border: 3px solid #034D7B;
	height:390px;
	width:340px;
	
	position: relative;
	border-radius: 40px;
}

.blog_content{
	width:700px;
	margin-top:90px;
	text-align:center;
}

.privacy_left{
	float:left;
	color:white;
	position:relative;
	top:10px;
	left:270px;
	width: 300px;
	margin-left:-450px;
	position:relative; left: 50%;
}

.privacy_right{
	float:right;
}

.te5_100{
	width:45%;
	margin-top:	78px;
}

.te6_100{
	width:70%;
	margin-top:	60px;
}

.two_block img{
	width:250px;

}

.snsicon{
	width:auto!important;
	height:26px!important;
}

.snsicon_fb{
	width:auto!important;
	height:27.3px!important;
}

.snsicon:hover{
	opacity:0.6;
}

.snsicon_fb:hover{
	opacity:0.6;
}

.formtext input{
	background-color:#ebebeb;
	border: 1px solid #034D7B;
}

.formtext textarea{
	background-color:#ebebeb;
	border: 1px solid #034D7B;
}

hr.example3 {
	height: 2px;
	border: none;
	border-top: 1px #F2AF66 solid;
	position:absolute;
	height:10px;
	width:80%;
	top:243px;
	left:10%;
}

.sliderimagestyle{
	width:100%;
	height:auto;
}

.slider_wrap{
	width:100%;
	height:auto;
	position:absolute;
	left:50%;
	margin-left:-50%;
}

.slider{
	width:100%;
	height:auto;
}

.ballman{
	width:10px;
	height:auto;

	width:100px;height:auto;margin-top:-100px;z-index:100000!important;;
}

.formkoumoku
{
	margin-bottom:5px;
	height:18px;
}

.example:hover {
	height: 1px;
	position: relative;
	color: #F2AF66;
}

/*

.sns_icon1
{
	width:24px;
	height:24px;
}

.sns_icon2
{
	width:27px;
	height:23px;
}

.sns_icon3
{
	width:24px;
	height:24px;
}

.sns_icon4
{
	width:26px;
	height:26px;
}

.sns_icon5
{
	width:31px;
	height:22px;
}

.sns_icon6
{
	width:21px;
	height:24px;
}

.sns_icon7
{
	width:68px;
	height:17px;
}

*/

.sns_icon
{
	width:auto;
	height:18px;
}

.sns_icon_fb
{
	width:auto;
	height:18.9px;
}

.hoveropa:hover
{
	opacity:0.6;
}

.brank
{
	height:143px;
}


@media screen and (max-width:1001px) {
	.sns_icon
	{
		width:auto;
		height:45.6px;
	}

	.sns_icon_fb
{
	width:auto;
	height:47.88px;
}

	.h_link2{
		margin-right:76px;
	}

	.h_link2r
	{
		margin-left:0px;
	}

	#head1-1 { 
		background: url("../images/head1-1.jpg") no-repeat top center; height:   103px; 
		position:fixed;top:0px;z-index:1000;width:100%;background-color:white;
	} 

	.brank
	{
		height:103px;
	}
}

.logo_sp{
	position:relative;
	top:14px;
	left:-245px;
	
}

.logo_sp img{
	width:270px;
}

.sent_mail
{
	width:100%;
}