/* Medium Layout: 1280px. */
/*@media only screen and (min-width: 992px) and (max-width: 1280px) { */

@media only screen and (min-width: 1200px) {
.shr-work-area .img-circle {
	width:  260px;
	height: 260px;
}
.navbar-collapse {
position:absolute;
 /*       margin-top: 300px;
        margin-left:-10%;*/

    padding: 10px 15px;
    transform: rotate(90deg);
    transform-origin:0% 100%;
}
.navbar {
	font-size: 10px;
}
.navbar-default .navbar-nav>li>a {
	line-height: 12px;
}

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {

.navbar {
	font-size: 10px;
}
.navbar-default .navbar-nav>li>a {
	line-height: 12px;
}

.shr-logo{
	margin-top: 10px;
	width: 100px;
	height: auto;
}
/*
.top-nav-collapse .shr-logo {
  margin-top: 10px;
}
.navbar-default .navbar-nav > li > a{
	margin: 15px 1px;
}
.navbar-collapse {
}
*/

.navbar-collapse {
position:absolute;
 /*       margin-top: 300px;
        margin-left:-10%;*/

    padding: 10px 15px;
    transform: rotate(90deg);
    transform-origin:0% 100%;
}


.shr-hero-area {
  padding-bottom: 60px;
  padding-top: 50px;
}
.shr-hero-area h1{
	padding-top: 60px;
	font-size: 32px;
	margin-bottom: 0px;
}
.shr-hero-area .btn{
	margin-bottom: 20px;
}
.shr-hero-area .shr-download-btn{
}
.shr-hero-content-img {
  position: absolute;
  right: 0;
  top: -56px;
}


.shr-welcome-content{
	margin-bottom: 20px;
}


.shr-work-area .img-circle {
width:  200px;
height: 200px;
}


.shr-features-area{
	padding-bottom: 90px;
}
.shr-left-features-text{
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px;
}
.shr-right-features-text{
	margin-top: 0;
	margin-bottom: 30px;
	text-align: center;
}
.shr-features-img{
	margin-bottom: 30px;
	width: 100%;
}



.shr-pricing-area .shr-table-col{
	margin-bottom: 30px;
}


.shr-describe-area{
	text-align: center;
}
.shr-discribe-col h1 {
  font-size: 28px;
  line-height: 40px;
}
.shr-discribe-col p{
	margin-bottom: 25px;
}



.shr-team-area{
	text-align: center;
}



.shr-counter-area{
	text-align: center;
}
.shr-count-col i{
	margin-bottom: 20px;
}



.shr-news-area{
	text-align: center;
}
.shr-news-content .shr-awesome{
	position: relative;
	margin-bottom: 20px;
}
.shr-news-content{
	padding-left: 0px;
}
.shr-news-info {
  width: 400px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.shr-news-info ul li{
	margin-right: 25px;
	margin-left: 25px;
}



.navbar-form{
	box-shadow: none;
	padding: 0;
	margin: 0;
}




.shr-footer-btn .btn{
	margin-bottom: 20px;
}
.shr-footer-btn{
	margin-bottom: 30px;
}
.shr-socila-grup{
	padding-top: 30px;
}
.shr-socila-grup i{
	width: 50px;
	height: 50px;
	line-height: 50px;
}



}

/* Tablet Layout: 800px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

.navbar {
	font-size: 10px;
}

.navbar-default .navbar-nav>li>a {
	line-height: 12px;
}

.navbar-collapse {
position:absolute;
 /*       margin-top: 300px;
        margin-left:-10%;*/

    padding: 10px 15px;
    transform: rotate(90deg);
    transform-origin:0% 100%;
}
.shr-logo{
	margin-top: 10px;
	width: 100px;
	height: auto;
}
/*
.top-nav-collapse .shr-logo {
  margin-top: 10px;
}
.navbar-default .navbar-nav > li > a{
	margin: 15px 1px;
}
*/


.shr-hero-area{
	padding-top: 60px;
}
.shr-hero-area h1{
	padding-top: 0px;
	font-size: 32px;
	margin-bottom: 0px;
}
.shr-hero-area .btn{
	margin-bottom: 20px;
}
.shr-hero-area .shr-download-btn{
	margin-bottom: 80px;
}
.shr-hero-content-img {
  position: absolute;
  right: 0;
  top: 83px;
}



.shr-sub-title{
	margin-bottom: 30px;
}
.shr-welcome-content{
	margin-bottom: 20px;
}


.shr-work-area .img-circle {
width:  200px;
height: 200px;
}


.shr-features-area {
  padding: 60px 0 30px;
}
.shr-left-features-text{
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px;
}
.shr-right-features-text{
	margin-top: 0;
	margin-bottom: 30px;
	text-align: center;
}
.shr-features-img{
	margin-bottom: 30px;
}


.shr-pricing-area{
	padding: 60px 0px 30px;
}
.shr-pricing-area .shr-table-col{
	margin-bottom: 30px;
}


.shr-describe-area{
	padding: 60px 0px 30px;
	text-align: center;
}
.shr-discribe-col h1 {
  font-size: 28px;
  line-height: 40px;
}
.shr-discribe-col p{
	margin-bottom: 30px;
}



.shr-team-area{
	padding: 60px 0px 30px;
	text-align: center;
}
.shr-team-col{
	margin-bottom: 30px;
}



.shr-counter-area{
	padding: 60px 0px 30px;
	text-align: center;
}
.shr-counter-area .shr-count-col {
  margin-bottom: 30px;
}
.shr-count-col i{
	margin-bottom: 20px;
}



.shr-news-area{
	padding: 60px 0px 60px;
	text-align: center;
}
.shr-news-col{
	margin-bottom: 30px;
}
.shr-news-content .shr-awesome{
	position: relative;
	margin-bottom: 20px;
}
.shr-news-content{
	padding-left: 0px;
}
.shr-news-info {
  width: 400px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.shr-news-info ul li{
	margin-right: 25px;
	margin-left: 25px;
}


.shr-subscribe-area{
	padding: 60px 0px 60px;
}
.navbar-form{
	box-shadow: none;
	padding: 0;
	margin: 0;
}


.shr-footer-btn .btn{
	margin-bottom: 20px;
}
.shr-footer-btn{
	margin-bottom: 30px;
}
.shr-socila-grup{
	padding-top: 30px;
}
.shr-socila-grup i{
	width: 50px;
	height: 50px;
	line-height: 50px;
}

	
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 799px) {

.shr-logo{
	margin-top: 10px;
	width: 100px;
	height: auto;
}
/*
.top-nav-collapse .shr-logo {
  margin-top: 10px;
}
.navbar-default .navbar-nav > li > a{
	margin: 15px 1px;
}
*/


.shr-hero-area{
	padding-top: 60px;
}
.shr-hero-area h1{
	padding-top: 0px;
	font-size: 32px;
	margin-bottom: 0px;
}
.shr-hero-area .btn{
	margin-bottom: 20px;
}
.shr-hero-area .shr-download-btn{
	margin-bottom: 80px;
}
.shr-hero-content-img {
  position: absolute;
  right: 0;
  top: 83px;
}



.shr-sub-title{
	margin-bottom: 30px;
}
.shr-welcome-content{
	margin-bottom: 20px;
}


.shr-work-area .img-circle {
	width:  200px;
	height: 200px;
}



.shr-features-area {
  padding: 60px 0 30px;
}
.shr-left-features-text{
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px;
}
.shr-right-features-text{
	margin-top: 0;
	margin-bottom: 30px;
	text-align: center;
}
.shr-features-img{
	margin-bottom: 30px;
}


.shr-pricing-area{
	padding: 60px 0px 30px;
}
.shr-pricing-area .shr-table-col{
	margin-bottom: 30px;
}


.shr-describe-area{
	padding: 60px 0px 30px;
	text-align: center;
}
.shr-discribe-col h1 {
  font-size: 28px;
  line-height: 40px;
}
.shr-discribe-col p{
	margin-bottom: 30px;
}



.shr-team-area{
	padding: 60px 0px 30px;
	text-align: center;
}
.shr-team-col{
	margin-bottom: 30px;
}

.shr-counter-area{
	padding: 60px 0px 30px;
	text-align: center;
}
.shr-counter-area .shr-count-col {
  margin-bottom: 30px;
}
.shr-count-col i{
	margin-bottom: 20px;
}

.shr-news-area{
	padding: 60px 0px 60px;
	text-align: center;
}
.shr-news-col{
	margin-bottom: 30px;
}
.shr-news-content .shr-awesome{
	position: relative;
	margin-bottom: 20px;
}
.shr-news-content{
	padding-left: 0px;
}
.shr-news-info {
  width: 400px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.shr-news-info ul li{
	margin-right: 25px;
	margin-left: 25px;
}

.shr-subscribe-area{
	padding: 60px 0px 60px;
}
.navbar-form{
	box-shadow: none;
	padding: 0;
	margin: 0;
}


.shr-footer-btn .btn{
	margin-bottom: 20px;
}
.shr-footer-btn{
	margin-bottom: 30px;
}
.shr-socila-grup{
	padding-top: 30px;
}
.shr-socila-grup i{
	width: 50px;
	height: 50px;
	line-height: 50px;
}


}

/* Wide Mobile Layout: 600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {

#bbg {background:none} /*PC用の背景はオフ*/
body::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(images/bgs/hirake_bg2.jpg) center/cover no-repeat; /*fixedをトル！*/
  -webkit-background-size:cover;/*Android4*/
  }

.spTitle {
    visibility:visible
}

.shr-logo{
	margin-top: 10px;
	width: 100px;
	height: auto;
}
.navbar{
	min-height: 60px !important;
}
.top-nav-collapse .shr-logo{
	margin-top: 10px;
}
.navbar-default .navbar-collapse{
	margin-top: 10px;
}
.navbar-brand{
	float: none;
}
.navbar-fixed-top .navbar-collapse{ 
	max-height:100%;
	background: #000000; }
.navbar-toggle{ 
	margin-top:10px; 
	margin-bottom:5px; 
}
.navbar-default .navbar-nav>li>a{ 
	margin-top: 0px; 
	margin-top: 1px;
	margin-bottom: 2px; 
	padding-top: 15px; 
	padding-bottom: 15px;
	text-align: center;
}
.navbar-default .navbar-nav>li>a:hover{ 
	background: #414142 !important; 
	color: #FFF; 
}
.navbar{ 
	min-height: 0px;
}



.shr-hero-area{
	text-align: center;
	padding-top: 60px;
}
.shr-hero-area h1{
	padding-top: 0px;
	font-size: 38px;
}
.shr-hero-area .btn{
	margin-bottom: 20px;
}

.shr-hero-area img {
    width: 560px;
    height: auto;
    object-fit: contain;
}


.shr-welcome-content{
	padding-right: 0;
	text-align: center;
	margin-bottom: 30px;
}
.shr-welcome-content i{
	position: relative;
	margin-bottom: 30px;
}
.shr-sub-title{
	margin-bottom: 30px;
}

.shr-welcome-area .square {
    width:auto;
    height:auto;
}

.shr-welcome-area .square .img{
    display:none;
}

.shr-welcome-area .square .info{
position: relative;
display: block;
clear: both;
     padding:10px; 
     /*border:1px solid #CCCCCC; */
     border-radius:10px;
     margin-top: 0;
}

.shr-work-area .img-circle {
	width:  200px;
	height: 200px;
}


.shr-features-area {
  padding: 60px 0 30px;
}
.shr-left-features-text{
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px;
}
.shr-right-features-text{
	margin-top: 0;
	margin-bottom: 30px;
	text-align: center;
}
.shr-features-img{
	margin-bottom: 30px;
}


.shr-pricing-area{
	padding: 60px 0px 30px;
}
.shr-pricing-area .shr-table-col{
	margin-bottom: 30px;
}


.shr-describe-area{
	padding: 60px 0px 0px;
	text-align: center;
}
.shr-discribe-col h1 {
  font-size: 28px;
  line-height: 40px;
}
.shr-discribe-col p{
	margin-bottom: 30px;
}



.shr-team-area{
	padding: 60px 0px 30px;
	text-align: center;
}
.shr-team-col{
	margin-bottom: 30px;
}


.shr-member-area {
    padding-top:10px;
}
.shr-member-area .square {
    width:auto;
    height:auto;
}

.shr-member-area .square .img{
    display:none;
}

.shr-member-area .square .info{
position: relative;
display: block;
clear: both;
     padding:30px 0 0 0; 
     /*border:1px solid #CCCCCC;*/ 
     border-radius:10px;
     margin-top: 0;
}

.shr-member-area .main-member{
font-size:14px;
}

.shr-counter-area{
	padding: 60px 0px 30px;
	text-align: center;
}
.shr-counter-area .shr-count-col {
  margin-bottom: 30px;
}
.shr-count-col i{
	margin-bottom: 20px;
}



.shr-news-area{
	padding: 60px 0px 60px;
	text-align: center;
}
.shr-news-col{
	margin-bottom: 30px;
}
.shr-news-content .shr-awesome{
	position: relative;
	margin-bottom: 20px;
}
.shr-news-content{
	padding-left: 0px;
}
.shr-news-info ul li{
	margin-right: 19px;
	margin-left: 20px;
}


.shr-subscribe-area{
	padding: 60px 0px 60px;
}
.shr-subscribe-area .form-control{
	margin-bottom: 10px;
}
.navbar-form{
	box-shadow: none;
	padding: 0;
	margin: 0;
}



.shr-contact-area .square {
    width:auto;
    height:auto;
}

.shr-contact-area .square .img{
    display:none;
}

.shr-contact-area .square .info{
position: relative;
display: block;
clear: both;

     margin-top: 0;
}

.shr-contact-area .main-member{
font-size:12px;
}

.shr-footer-btn .btn{
	margin-bottom: 20px;
}
.shr-footer-btn{
	margin-bottom: 30px;
}
.shr-socila-grup{
	padding-top: 30px;
}
.shr-socila-grup i{
	width: 50px;
	height: 50px;
	line-height: 50px;
}

.modal-middle {
    margin: 5% 5%;
}

}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {

#bbg {background:none} /*PC用の背景はオフ*/
body::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(images/bgs/hirake_bg2.jpg) center/cover no-repeat; /*fixedをトル！*/
  -webkit-background-size:cover;/*Android4*/
  }

.spTitle {
    visibility:visible
}

.shr-logo{
	margin-top: 10px;
	width: 100px;
	height: auto;
}
.navbar{
	min-height: 60px !important;
}
.top-nav-collapse .shr-logo{
	margin-top: 10px;
}
.navbar-default .navbar-collapse{
	margin-top: 10px;
}
.navbar-brand{
	float: none;
}
.navbar-fixed-top .navbar-collapse{ 
	max-height:100%;
	background: #000000; }
.navbar-toggle{ 
	margin-top:10px; 
	margin-bottom:5px; 
}
.navbar-default .navbar-nav>li>a{ 
	margin-top: 0px; 
	margin-top: 1px;
	margin-bottom: 2px; 
	padding-top: 15px; 
	padding-bottom: 15px;
	text-align: center;
}
.navbar-default .navbar-nav>li>a:hover{ 
	background: #414142 !important; 
	color: #FFF; 
}
.navbar{ 
	min-height: 0px;
}



.shr-hero-area{
	text-align: center;
	padding-top: 60px;
}
.shr-hero-area h1{
	padding-top: 0px;
	font-size: 38px;
}
.shr-hero-area .btn{
	margin-bottom: 20px;
}



.shr-welcome-content{
	padding-right: 0;
	text-align: center;
	margin-bottom: 30px;
}
.shr-welcome-content i{
	position: relative;
	margin-bottom: 30px;
}
.shr-sub-title{
	margin-bottom: 30px;
}

.shr-hero-area img {
    width: 560px;
    height: auto;
    object-fit: contain;
}

.shr-welcome-area .square {
    width:auto;
    height:auto;
}

.shr-welcome-area .square .img{
    display:none;
}

.shr-welcome-area .square .info{
position: relative;
display: block;
clear: both;
     padding:10px; 
     /*border:1px solid #CCCCCC; */
     border-radius:10px;
     margin-top: 0;
}




.shr-work-area .img-circle {
width:  200px;
height: 200px;
}

.shr-features-area {
  padding: 60px 0 30px;
}
.shr-left-features-text{
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px;
}
.shr-right-features-text{
	margin-top: 0;
	margin-bottom: 30px;
	text-align: center;
}
.shr-features-img{
	margin-bottom: 30px;
}


.shr-pricing-area{
	padding: 60px 0px 30px;
}
.shr-pricing-area .shr-table-col{
	margin-bottom: 30px;
}


.shr-describe-area{
	padding: 60px 0px 0px;
	text-align: center;
}
.shr-discribe-col h1 {
  font-size: 28px;
  line-height: 40px;
}
.shr-discribe-col p{
	margin-bottom: 30px;
}



.shr-team-area{
	padding: 60px 0px 30px;
	text-align: center;
}
.shr-team-col{
	margin-bottom: 30px;
}

.shr-member-area {
    padding-top:10px;
}
.shr-member-area .square {
    width:auto;
    height:auto;
}

.shr-member-area .square .img{
    display:none;
}

.shr-member-area .square .info{
position: relative;
display: block;
clear: both;
     padding:30px 0 0 0; 
     /*border:1px solid #CCCCCC; */
     border-radius:10px;
     margin-top: 0;
}

.shr-member-area .main-member{
font-size:14px;
}

.shr-counter-area{
	padding: 60px 0px 30px;
	text-align: center;
}
.shr-counter-area .shr-count-col {
  margin-bottom: 30px;
}
.shr-count-col i{
	margin-bottom: 20px;
}



.shr-news-area{
	padding: 60px 0px 60px;
	text-align: center;
}
.shr-news-col{
	margin-bottom: 30px;
}
.shr-news-content .shr-awesome{
	position: relative;
	margin-bottom: 20px;
}
.shr-news-content{
	padding-left: 0px;
}
.shr-news-info ul li{
	margin-right: 19px;
	margin-left: 20px;
}


.shr-subscribe-area{
	padding: 60px 0px 60px;
}
.shr-subscribe-area .form-control{
	margin-bottom: 10px;
}
.navbar-form{
	box-shadow: none;
	padding: 0;
	margin: 0;
}




.shr-contact-area .square {
    width:auto;
    height:auto;
}

.shr-contact-area .square .img{
    display:none;
}

.shr-contact-area .square .info{
position: relative;
display: block;
clear: both;

     margin-top: 0;
}

.shr-contact-area .main-member{
font-size:12px;
}


.shr-footer-btn .btn{
	margin-bottom: 20px;
}
.shr-footer-btn{
	margin-bottom: 30px;
}
.shr-socila-grup{
	padding-top: 30px;
}
.shr-socila-grup i{
	width: 50px;
	height: 50px;
	line-height: 50px;
}

.modal-middle {
    margin: 5% 5%;
}

}

/* Wide Mobile Layout:320px. */
@media only screen and (max-width: 479px) {



.spTitle {
    visibility:visible
}

.shr-logo{
	margin-top: 10px;
	width: 100px;
	height: auto;
}
.navbar{
	min-height: 60px !important;
}
.top-nav-collapse .shr-logo{
	margin-top: 10px;
}
.navbar-default .navbar-collapse{
	margin-top: 10px;
}
.navbar-brand{
	float: none;
}
.navbar-fixed-top .navbar-collapse{ 
	max-height:100%;
	background: #000000; }
.navbar-toggle{ 
	margin-top:10px; 
	margin-bottom:5px; 
}
.navbar-default .navbar-nav>li>a{ 
	margin-top: 0px; 
	margin-top: 1px;
	margin-bottom: 2px; 
	padding-top: 15px; 
	padding-bottom: 15px;
	text-align: center;
}
.navbar-default .navbar-nav>li>a:hover{ 
	background: #414142 !important; 
	color: #FFF; 
}
.navbar{ 
	min-height: 0px;
}



.shr-hero-area{
	text-align: center;
	padding-top: 60px;
}
.shr-hero-area h1{
	padding-top: 0px;
	font-size: 38px;
}
.shr-hero-area .btn{
	margin-bottom: 20px;
}
.shr-hero-area img {
    object-fit: contain;
    height:auto;
}



.shr-welcome-content{
	padding-right: 0;
	text-align: center;
	margin-bottom: 30px;
}
.shr-welcome-content i{
	position: relative;
	margin-bottom: 30px;
}



.shr-welcome-area .square {
    width:auto;
    height:auto;
}

.shr-welcome-area .square .img{
    display:none;
}

.shr-welcome-area .square .info{
position: relative;
display: block;
clear: both;
     padding:10px; 
     /*border:1px solid #CCCCCC; */
     border-radius:10px;
     margin-top: 0;
}

.shr-sub-title{
	margin-bottom: 30px;
}


.shr-work-area .img-circle {
width:  200px;
height: 200px;
}


.shr-features-area {
  padding: 60px 0 30px;
}
.shr-left-features-text{
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px;
}
.shr-right-features-text{
	margin-top: 0;
	margin-bottom: 30px;
	text-align: center;
}
.shr-features-img{
	margin-bottom: 30px;
	width: 100%;
}


.shr-pricing-area{
	padding: 60px 0px 30px;
}
.shr-pricing-area .shr-table-col{
	margin-bottom: 30px;
}


.shr-describe-area{
	padding: 60px 0px 0px;
	text-align: center;
}
.shr-discribe-col h1 {
  font-size: 28px;
  line-height: 40px;
}
.shr-discribe-col p{
	margin-bottom: 30px;
}



.shr-team-area{
	padding: 60px 0px 30px;
	text-align: center;
}
.shr-team-col{
	margin-bottom: 30px;
}

.shr-member-area {
    padding-top:10px;
    padding-bottom:0;
}

.shr-member-area .square {
    width:auto;
    height:auto;
}

.shr-member-area .square .img{
    display:none;
}

.shr-member-area .square .info{
position: relative;
display: block;
clear: both;
     padding:30px 0 0 0; 
     /*border:1px solid #CCCCCC; */
     border-radius:10px;
     margin-top: 0;
}

.shr-member-area .main-member{
font-size:12px;
}

.shr-counter-area{
	padding: 60px 0px 30px;
	text-align: center;
}
.shr-counter-area .shr-count-col {
  margin-bottom: 30px;
}
.shr-count-col i{
	margin-bottom: 20px;
}



.shr-news-area{
	padding: 60px 0px 60px;
	text-align: center;
}
.shr-news-col{
	margin-bottom: 30px;
}
.shr-news-content .shr-awesome{
	position: relative;
	margin-bottom: 20px;
}
.shr-news-content{
	padding-left: 0px;
}


.shr-subscribe-area{
	padding: 60px 0px 60px;
}
.shr-subscribe-area .form-control{
	margin-bottom: 10px;
}
.navbar-form{
	box-shadow: none;
	padding: 0;
	margin: 0;
}




.shr-contact-area .square {
    width:auto;
    height:auto;
}

.shr-contact-area .square .img{
    display:none;
}

.shr-contact-area .square .info{
position: relative;
display: block;
clear: both;

     margin-top: 0;
}

.shr-contact-area .main-member{
font-size:12px;
}

.shr-footer-btn .btn{
	margin-bottom: 20px;
}
.shr-footer-btn{
	margin-bottom: 30px;
}
.shr-socila-grup{
	padding-top: 30px;
}
.shr-socila-grup i{
	width: 50px;
	height: 50px;
	line-height: 50px;
}

.modal-middle {
    margin: 5% 5%;
}



}