@charset "utf-8";

*{
margin:0;
padding:0;
}

.clearfix{zoom:1;}
.clearfix:after{
content:"";
display:block;
clear:both;
}

body{
width:100%;
}

h1,h2,h3,h4,p,dt,dd,li,small,label{
font-family:"メイリオ",meiryo,"MS Pゴシック","MS PGothic","ヒラギノ角ゴProW3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}

.wrapper{
width:100%;
}

/*---------------header-----------------*/
.header_main{
width:100%;
height:300px;
margin-top:60px;
background-image:url(https://leo-sports.jp/lp/img/info_header.jpg);
background-size:cover;
}

.header_main .header_nav{
width:100%;
height:60px;
position: fixed;            /* ヘッダーの固定 */
top: 0px;                   /* 位置(上0px) */
left: 0px;                  /* 位置(右0px) */
background-color:#fff;
z-index:9999;
box-shadow:1px 1px 2px #ccc;
}

.header_main .header_nav .header_nav_950{
width:80%;
margin-right:auto;
margin-left:auto;
height:60px;
}

.header_main .header_nav .header_nav_950 .logo img{
height:auto;
margin-top:5px;
float:left;
}

.header_main .header_nav .header_nav_950 .tel img{
float:right;
margin-right:5px;
margin-top:5px;
width:270px;
}

.header_main .header_nav .header_nav_950 .mail img{
float:right;
margin-top:5px;
width:270px;
}

.header_main .header_nav .header_nav_950 .tel_s img{
display:none;
}

.header_main .header_nav .header_nav_950 .mail_s img{
display:none;
}



/*---------------form-----------------*/
#form{
background-color:#fff;
width:100%;
padding-top:50px;
padding-bottom:50px;
color:#333;
}

article{
color: #222;
width:850px;
height:auto;
background-color:#fff;
margin-right:auto;
margin-left:auto;
padding:20px;
border:10px solid #e6e6e6;
box-shadow:1px 1px 2px 1px #aaa;
}


#form .label{
color:#222;
box-sizing:border-box;
width:25%;
height:50px;
font-size:1.2em;
display:block;
float:left;
margin-bottom:30px;
padding-left:10px;
line-height:50px;
}

#form .label span{
font-size:0.8em;
margin-left:10px;
padding-left:5px;
padding-right:5px;
padding-top:1px;
background-color:#f72859;
color:#fff;
border-radius:3px;
}

#form .input{
box-sizing:border-box;
width:69%;
height:50px;
float:right;
margin-bottom:30px;
border:1px solid #ccc;
box-shadow:0px 0px 1px 1px #eee inset;
border-radius:5px;
margin-left:10px;
font-size:1.2em;
padding-left:10px;
}

.input_toi{
width:69%;
height:300px;
float:right;
margin-bottom:50px;
font-size:1.2em;
border:1px solid #ccc;
box-shadow:0px 0px 1px 1px #eee inset;
border-radius:5px;
}

#form .input_ge{
box-sizing:border-box;
width:69%;
height:50px;
float:right;
margin-bottom:30px;
margin-left:10px;
font-size:1.2em;
line-height:50px;
border:1px solid #fff;
}

#form h1{
font-size:1.5em;
padding-left:10px;
}

#form p{
padding-left:10px;
margin-bottom:30px;
}

#form button{
clear:both;
display:block;
width:250px;
height:50px;
border:0px solid #fff;
background-color:#23305e;
color:#fff;
font-size:1.3em;
line-height:50px;
border-radius:5px;
}

#form button:hover{
opacity:0.8;
}

#form .shusei{
clear:both;
display:block;
width:250px;
height:50px;
border:0px solid #fff;
background-color:#afafaf;
color:#fff;
font-size:1.3em;
line-height:50px;
border-radius:5px;
margin-bottom:10px;
}


#form .shusei:hover{
opacity:0.8;
}

#form .label_con{
font-size:1.2em;
font-weight:bold;
}

/*--------------footer-----------*/
footer{
box-sizing:border-box;
width:100%;
margin-top:80px;
background-color:#23305e;
padding-bottom:20px;
}


.footer_logo{
width:225px;
margin-left:auto;
margin-right:auto;
}

.footer_logo:hover{
opacity:0.8;
}


footer p{
width:40px;
float:left;
}

footer p img{
padding-top:18px;
width:30px;
}

footer h2{
font-size:1.2em;
padding-left:5px;
padding-top:20px;
color:#e6e6e6;
width:180px;
float:left;
}
footer small{
display:block;
clear:both;
text-align:center;
padding-top:65px;
color:#e6e6e6;
}



/*---------- Viewport Size 768px --------------------------------------------------------*/
@media screen and ( max-width: 768px ){

.header_main{
width:100%;
height:400px;
}

.header_main .header_contact{
height:400px;
}

.header_main .header_nav .header_nav_950{
width:100%;
}

.header_main .header_nav .header_nav_950 .logo img{
margin-left:5px;
}

.header_main .header_nav .header_nav_950 .tel img{
display:none;
}

.header_main .header_nav .header_nav_950 .mail img{
display:none;
}

.header_main .header_nav .header_nav_950 .tel_s img{
display:block;
float:right;
margin-right:5px;
margin-top:5px;
width:127px;
}

.header_main .header_nav .header_nav_950 .mail_s img{
display:block;
float:right;
margin-top:5px;
width:127px;
margin-right:5px;
}

/*--------------footer-----------*/
footer{
box-sizing:border-box;
width:100%;
height:150px;
margin-top:50px;
}

}

/*----------------------------------------------スマホ用---------------------------------------------*/
@media screen and (max-width:480px){

/*-------------header--------------*/
.header_main{
width:100%;
height:150px;
margin-top:57px;
background-image:url(../img/info_header.jpg);
background-size:cover;
}

.header_main .header_contact{
height:500px;
}

.header_main .header_nav{
height:57px;
}

.header_main .header_nav .header_nav_950{
width:100%;
height:57px;
}

.header_main .header_nav .header_nav_950 .logo img{
padding-left:5px;
}

.header_main .header_nav .header_nav_950 .tel_s img{
display:block;
float:right;
margin-right:5px;
margin-top:5px;
width:120px;
}

.header_main .header_nav .header_nav_950 .mail_s img{
display:block;
float:right;
margin-top:5px;
margin-right:5px;
width:120px;
}

.header_main .header_nav .header_nav_950 .mail img{
display:none;
}

.header_main .header_nav .header_nav_950 .tel img{
display:none;
}

/*-----------form--------------*/
#form{
padding-top:30px;
padding-bottom:30px;
}

article{
box-sizing:border-box;
width:95%;
}

#form .label{
width:100%;
float:none;
padding-left:0;
margin-bottom:0;
font-size:1em;
}

#form .label span{
padding-top:2px;
padding-bottom:2px;
}

#form .input{
width:100%;
float:none;
margin:0;
margin-bottom:10px;
font-size:1em;
}


#form .input_ge{
width:100%;
float:none;
margin-bottom:10px;
margin-left:0;
}

#form .input_toi{
width:100%;
height:200px;
float:none;
margin-bottom:30px;
}

#form h1{
font-size:1.4em;
padding-left:0;
}

#form p{
font-size:0.9em;
padding-left:0;
margin-bottom:20px;
text-align:justify;
}

#form button{
width:100%;
}

#form .shusei{
width:100%;
}

/*--------------footer-----------*/
footer{
width:100%;
box-sizing:border-box;
height:auto;
margin-top:30px;
padding-top:20px;
padding-bottom:10px;
}

.footer_logo{
width:185px;
height:30px;
margin-left:auto;
margin-right:auto;
}

footer p{
width:30px;
float:left;
}

footer p img{
padding-top:0px;
width:100%;
}

footer h2{
font-size:0.9em;
padding-left:5px;
padding-top:0px;
line-height:2.2em;
width:145px;
float:right;
}

.footer_logo:hover{
opacity:0.8;
}

footer small{
width:90%;
padding-top:15px;
font-size:0.7em;
margin-left:auto;
margin-right:auto;
}

}