/**大きなディスプレイサイズ **/
@media (min-width: 1200px){
.container {
  width: 960px;
}

}

/**	タブレット 990px~768px
*************************************************** **/
@media screen and (min-width: 768px) and (max-width: 990px)  {


	/* Navigation */
	header#topNav div.nav-main-collapse,
	header#topNav div.nav-main-collapse.in {
		width: 100%;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: hidden;
	}

	header#topNav div.nav-main-collapse {
		float: none;
		margin: 0;
	}

	header#topNav nav.nav-main ul.nav-main {
		float: none;
		position: static;
		margin: 8px 0;
		overflow-x:hidden;
	}

	header#topNav div.nav-main-collapse.collapse {
		display: none !important;
	}

	header#topNav div.nav-main-collapse {
		top: 8px;
		position: relative;
	}

	header#topNav div.nav-main-collapse.in {
		display: block !important;
	}

	header#topNav div.nav-collapse div.container nav.nav-main {
		float: left;
		width: 100%;
	}

	header#topNav div.nav-main-collapse {
		background: #2D343E;
		max-height: none;
		margin: 0 -15px !important;
		max-height: none;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	header#topNav div.nav-main-collapse.topFix {
		margin-top:-18px !important;
	}

	header > div.container {
		margin-bottom: 0;
	}

	header#topNav nav ul.nav-main {
		margin-right: -10px;
	}

	header#topNav div.nav-collapse {
		background: #2D343E;
		width: 100%;
		clear: both;
		width: 100%;
	}

	header#topNav nav.nav-main {
		padding: 10px 0;
		clear: both;
		display: block;
		float: none;
		width: 100%;
	}

	header#topNav nav.nav-main ul,
	header#topNav nav.nav-main ul li {
		padding: 0;
		margin: 0;
	}

	header#topNav nav.nav-main ul li {
		clear: both;
		float: none;
		display: block;
		border-bottom: 1px solid #383F49;
	}

	header#topNav nav ul.nav-main > li + li {
		margin-left: 0;
	}

	header#topNav nav ul.nav-main li a,
	header#topNav nav ul.nav-main ul.dropdown-menu li > a {
		padding: 9px 8px;
		border: 0;
		border-top: 0;
		margin: 0;
	}

	header#topNav nav.nav-main ul li:last-child,
	header#topNav nav ul.nav-main ul.dropdown-menu li > a {
		border-bottom: none;
	}

	header#topNav nav ul.nav-main li.dropdown:hover > a {
		margin-bottom: -2px;
	}

	header#topNav nav ul.nav-main li a {
		color: #FFF;
		clear: both;
		float: none;
		display: block;
		padding-left: 0;
	}

	header#topNav nav ul.nav-main li a i.icon-angle-down {
		position: absolute;
		right: 5px;
		top: 10px;
	}

	header#topNav nav.nav-main ul ul {
		margin-left: 20px !important;
	}

	header#topNav nav.nav-main ul.dropdown-menu {
		position: static;
		clear: both;
		float: none;
		display: none !important;
	}

	header#topNav nav ul.nav-main ul.dropdown-menu {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	header#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
		display: block !important;
	}

	header#topNav nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
		border: 0;
		margin: 0 5px;
		padding-left: 35px;
	}

	header#topNav nav ul.nav-main .dropdown-submenu > a:after {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #FFF;
	}

	header#topNav nav ul.nav-main .dropdown-submenu:hover > a:after {
		border-left-color: transparent;
	}

	header#topNav nav ul.nav-pills > li > a:before,
	header#topNav nav ul.nav-main li.dropdown:hover > a:after {
		display: none;
	}

	header#topNav nav ul.nav-main i.icon-caret-down {
		float: right;
	}

	header#topNav nav ul.nav-main ul.dropdown-menu,
	header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle,
	header#topNav nav ul.nav-main li a,
	header#topNav nav ul.nav-main li.active a,
	header#topNav nav ul.nav-main li.dropdown:hover a,
	header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a,
	header#topNav nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
		background: none !important;
		background-color: transparent !important;
		color: #FFF !important;
	}

	header.center nav ul.nav-main > li {
		display: block;
	}

	header#topNav nav ul.nav-main ul.sub-menu {
		padding: 0;
		margin: 0 0 10px 0;
	}

	header#topNav nav ul.nav-main ul.sub-menu ul.sub-menu {
		margin-top: 10px;
	}

	header#topNav nav ul.nav-main i.icon-caret-down {
		color: #ADB0AD !important;
	}

	header#topNav button {
		display:block;
		float:right;
	}


	header#topNav ul.scroll-menu {
		position: relative;
		display: inherit !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-moz-overflow-scrolling: touch;
		-ms-overflow-scrolling: touch;
		-o-overflow-scrolling: touch;
		overflow-scrolling: touch;
		top: 0 !important;
		left: 0 !important;
		width: 100%;
		height: auto;
		max-height: 430px;
		margin: 0;
		border-left: none;
		border-right: none;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		-ms-border-radius: 0 !important;
		-o-border-radius: 0 !important;
		border-radius: 0 !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}
	header#topNav ul.scroll-menu-2x {
		max-height: 230px;
	}

	.featured-box.left-separator {
		border-left:0;
	}

	.bs-callout .btn {
		display:block;
		max-width:250px;
		margin:30px auto 0 auto;
	}

	footer .column.text-right,
	footer .column.logo {
		display:none;
	}
    
   
  .accordion-heading{
    font-size:2.2em;
    margin:20px 10px 10px 10px;
    color: #5f5e5e;
}



.accordion-inner{
    font-weight: normal;
    font-size:2.1em;
    margin:10px 50px 0px 50px;
    line-height: 60px;
    color:#4e4e4e;
    padding:20px 0px;
    border-top:0;   
}



.accordion-inner i{
    position:relative;
    right: 10px;
    color:#f64d97;
}  
    
    
   


.btn {
    text-align: left;
    width:80%;
    font-size: 2.2em;
    line-height: 50px;
    color:#7d6c5a;
	border: none;
	cursor: pointer;
	padding: 30px 40px 15px 40px;
	display: inline-block;
	margin: 35px 0px 60px 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}



.arrow {
    background-image: url('../img/icon_arrow.png');
    background-size: 17px 26px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 17px;
    height: 26px;
    top: 50%;
    margin-top:-5px;
    right: 36px;
}


.arrow2 {
    background-image: url('../img/icon_arrow.png');
    background-size: 17px 26px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 17px;
    height: 26px;
    top: 50%;
    margin-top:-5px;
    right: 36px;
}

 
.text-small {
    font-size: 0.7em;
}    
    
    
    
    
}

/**	タブレット/スマホ 767px~480px
*************************************************** **/
@media screen and (min-width: 480px) and (max-width: 767px)  {

 
    .work-text{
    font-weight: bold;
    color: #525252;
    text-align: center;
    font-size: 2.5em;
    line-height: 50px;
    margin-top: 30px;
}
    
    
    .work-menu p{
    color: #525252;
    display: inline-block;
    text-align: left;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom: 80px;
    font-size: 1.3em;
}
   
    
    .work-midashi{
    font-size: 3em;
	width:100%;
    padding:20px 0px 10px 0px;
}
    
    
    .work-midashi2{
    font-size: 3em;
	width:100%;
    padding:20px 0px 10px 0px;
}
    
    
    

    
    
    
.mikeiken-midashi{
    font-size: 2.5em;
}    
    
    
    
.mikeiken-text{
    line-height: 40px;
    margin-top:20px;
    margin-bottom: 20px;
    font-size: 1.8em;

}    
    
    
 .mikeiken-text2{
    line-height: 35px;
    margin-top:10px;
    font-size: 1.8em;
}   
    
    
 
.content2{
    padding:40px 0px 10px 0px;
    margin-bottom:50px;
}    
    
    
 
.content3{
    padding:0px 0px;
    margin-bottom:50px;
}


.mikeiken-midashi2{
    margin-top:30px;
    font-size: 2.5em;
}



.mikeiken-text3{
    line-height: 35px;
    margin-top:20px;
    margin-bottom: 20px;
    font-size: 1.8em;
    text-align: center;
}    
    
    
    
    
  .nagare-midashi{
    text-align: center;
    font-size: 2.5em;
    background-color:#eb6ea5;
    color: #fff;
	width:100%;
    padding:20px 0px 10px 0px;
}





.nagare-text{
    background-color: #bae258;
    padding:9px 0px 0px 0px;
    color: #3a3a3a;
    text-align: center;
    font-size: 1.8em;
    line-height: 60px;
}



.nagare-menu p{
    color: #525252;
    display: inline-block;
    text-align: left;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    margin-bottom: 30px;
    font-size: 1.5em;
    
}
   
    
    
    
 .oubo2 {
    margin-top:50px;
}   
    
    
  
.accordion-heading{
    font-size:1.3em;
    margin:20px 10px 10px 10px;
    color: #5f5e5e;
}



.accordion-inner{
    font-weight: normal;
    font-size:1.3em;
    margin:10px 50px 0px 50px;
    line-height: 40px;
    color:#4e4e4e;
    padding:20px 0px;
    border-top:0;   
}



.accordion-inner i{
    position:relative;
    right: 10px;
    color:#f64d97;
}    
    
    
    
    
    h3{
        font-size:0.7em;
        margin: 0px;
        list-style: 5px;
		margin:0;
    }


    p{
        padding: 10px;
    }
	/* slider */
	.noimg-slider h1 {
		font-size:80px !important;
		line-height:80px !important;
	}

	/* Ignore Parallax */

    .parallax {
		background-position:0 50% !important;
		background-size:auto !important;
	}

	.item-box {
		max-width:300px;
	}


	/* Count To */
	div.countTo label {
		margin-bottom:30px;
	}

	footer .copyright {
		text-align:center;
		display:block;
		width:100%;
	}
	footer .column.logo,
	footer .column.testimonials {
		display:none;
	}
	footer .footer-bar .toTop {
		position:relative;
		padding-left:0;
		width:100%;
		border:0;
		border-top:#403E44 1px;
		display:block;
		text-align:center;
	}

    .container {
        padding-left:5px;
        padding-right:5px;
        
    }
    .row{
        
        margin-left: 0;
        margin-right: 0;
        padding-left: 0px;
        padding-right:0px;
        height: auto;
    }
    /*.row div{
        
        padding:0;
    } 
    */
        .row .white-row div{
        
        padding:10px;
    } 
    
    .row div h3 {
font-size: 1em;
padding: 5px;
border: 0;
height: 40px;
    }
    .row div.col-md-12.relative {
padding: 0;
margin:0;
}
    .row div.p04 {
padding: 10px;
}
    /*タブを縦ならびにさせない */
    .nav-tabs li {
        float: left;
    }
    
    /*ポートフォリオの左右の余白を0に*/
    
    #portfolio {
        padding-left:0px;
        padding-right:0px;
        }
        
     /*priceテーブルの左右余白を0に */
        .row.pricetable-container div{
            margin-top: 0;
            padding:0;
        }

    
    
    
.btn {
    text-align: left;
    width:80%;
    font-size: 1.3em;
    line-height: 30px;
    color:#7d6c5a;
	border: none;
	cursor: pointer;
	padding: 20px 0px 10px 20px;
	display: inline-block;
	margin: 35px 0px 60px 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}



.arrow {
    background-image: url('../img/icon_arrow.png');
    background-size: 10px 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 10px;
    height: 20px;
    top: 50%;
    margin-top:-8px;
    right: 20px;
}


.arrow2 {
    background-image: url('../img/icon_arrow.png');
    background-size: 10px 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 10px;
    height: 20px;
    top: 50%;
    margin-top:-5px;
    right: 20px;
}


.oubo-tel .col-xs-12 img{
    width: 50%;    
}     
    
    
.btn-oubo img{
    margin-bottom: 0px;
    padding-right: 15px;
}      
    
 
    
    
.text-small {
    font-size: 0.6em;
}     
    
    
    
}





/**	スマホ？ 479px~
*************************************************** **/

@media screen and (max-width: 479px) {
	.row {
 margin-right:0;
 margin-left:0
}
    /* slider */
	.noimg-slider h1 {
		font-size:60px !important;
		line-height:60px !important;
	}

	.slides-navigation a { 
		top:auto !important;
		bottom:30px !important;
	}
	.slides-pagination {
		bottom:30px !important;
	}

	#slider .image-caption .inner h1 {
		font-size:40px; 
		line-height:40px;
	}
	body.boxed #slider .image-caption {
		left:50% !important;
	}

	/* image no float */
	a.inner.pull-left,
	a.inner.pull-right,
	img.inner.pull-left,
	img.inner.pull-right {
		float:none !important;
		margin:20px 0 !important;
	}

	/* tabs */
	div.tabs ul.nav-tabs li,
	div.tabs ul.nav-tabs li a {
		display:block !important;
		float:none !important;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}

	.responsive-text-center {
		text-align:center !important;
	}

	/* item box */
	.item-box {
		width:100%;
		max-width:100%;
		text-align:center;
	}
	.item-box figure {
		text-align:center;
		width:100%;
		max-height:100% !important;
	}
	.item-box figure img {
		margin:auto;
		height:auto !important;
		width:auto !important;
	}

	/* 404 */
	div.e404 {
		font-size:1150%;
		text-align:center;
	}

.topNav{
    margin-bottom: 20px;
    }   
    
    .header{
    font-size: 1.5em;    
    }    
    
.header-text{
    margin-top: 20px;
    font-size: 1.4em;
    line-height: 30px;
}    
    

.top{
    padding:40px 0px 40px 0px;
    margin-bottom:40px;
}    
    

.oubo-midashi{
    margin:0px 0px 10px 0px;
}
   
.oubo .img-full {
    padding-right: 10px;
}
 
 
.oubo-tel .col-xs-12{
    margin-bottom: 20px;
}    
    
.oubo-tel .col-xs-12 img{
    width: 50%;
    text-align: center;
    
}    
    
 
    
.btn-oubo img{
    margin-bottom: 0px;
    padding-right: 15px;
}    
    
    
.btn-text{
    margin:25px 0px 20px 0px;
    line-height: 30px;
    font-size: 1.3em;
}    
    

.content{
    padding:20px 0px;
    margin-bottom:40px;
}
    

.site-menu hr {
	border-width: 10px 0 0 0; /* 太さ */
	border-style: solid;     /* 線の種類 */
	border-color: #eb6ea5;      /* 線の色 */
    margin-bottom: 20px;
}    
 
    
    
.menu-midashi{
    font-size: 1.6em;
    padding:15px 0px 5px 0px;
}    
    
    
    
.menu-text{
    text-align: center;
    font-size: 1.4em;
    line-height: 30px;
}   
    

.kuwashiku-btn{
    margin-top:20px;
}


.kuwashiku-btn img{
    margin-bottom:60px;
}    
    

.work-text{
    font-weight: bold;
    color: #525252;
    text-align: center;
    font-size: 2em;
    line-height: 40px;
    margin-top: 20px;
}
    
    
    .work-menu p{
    color: #525252;
    display: inline-block;
    text-align: left;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom: 50px;
    font-size: 1.1em;
}
   
    
    .work-midashi{
    font-size: 2.3em;
	width:100%;
    padding:15px 0px 10px 0px;
}
    
    
    .work-midashi2{
    font-size: 2.3em;
	width:100%;
    padding:15px 0px 10px 0px;
}    
    

.work-midashi hr {
    max-width: 100%;
    border: 2px solid #eb6ea5;
    margin:0px;
}
    
    
.work-midashi2 hr {
    max-width: 100%;
    border: 2px solid #00a8ff;
    margin:0px;
}    
    

    
    
.nagare-midashi{
    text-align: center;
    font-size: 2.1em;
    background-color:#eb6ea5;
    color: #fff;
	width:100%;
    padding:20px 0px 10px 0px;
}





.nagare-text{
    background-color: #bae258;
    padding:9px 0px 0px 0px;
    color: #3a3a3a;
    text-align: center;
    font-size: 1.5em;
    line-height: 60px;
}


.nagare-menu{
    text-align: center;
    background-color: #f5f5f5;
}

.nagare-menu p{
    color: #525252;
    display: inline-block;
    text-align: left;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    margin-bottom: 30px;
    font-size: 1.2em;
    
}

  
    

.flow-hr hr {
    max-width: 100%;
    border: 10px solid #bae258;
    margin-bottom:50px;
}      
    
    
.mikeiken-midashi{
    font-size: 2.1em;
}    
    
    
    
.mikeiken-text{
    line-height: 35px;
    margin-top:10px;
    margin-bottom: 10px;
    font-size: 1.5em;

}    
    
    
 .mikeiken-text2{
    line-height: 35px;
    margin-top:10px;
    font-size: 1.5em;
}   
    
    
 
.content2{
    padding:40px 0px 10px 0px;
    margin-bottom:50px;
}    
    
    
 
.content3{
    padding:0px 0px;
    margin-bottom:50px;
}


.mikeiken-midashi2{
    margin-top:30px;
    font-size: 2.1em;
}



.mikeiken-text3{
    line-height: 35px;
    margin-top:10px;
    margin-bottom: 20px;
    font-size: 1.5em;
    text-align: center;
}
    

.icon{
    position: absolute;
    right: 10px;
}

.icon .fa{
    line-height: 3;
    font-size: 0.8em;
}    
    
    
.text-big {
    font-size: 0.7em;

}
    
    
.text-small {
    font-size: 0.5em;
}    

    
.accordion-inner2{
    margin-top:0px;
    line-height: 50px;
    }    
 
.system-midashi{
    font-size: 0.7em;
    padding:5px 0px 0px 0px;
}    
    

.system-text {
    font-size: 0.6em;
    margin: 20px 0px 20px;
    line-height: 30px;
}    
    
    
.accordion-heading2{
    font-size:2.3em;
    margin:20px 10px 10px 20px;
}    
    
    

.system-midashi2{
    font-size: 0.7em;
    padding:5px 0px 0px 0px;
}     
    

.accordion-heading{
    font-size:1.3em;
    margin:20px 10px 10px 10px;
    color: #5f5e5e;
}



.accordion-inner{
    font-weight: normal;
    font-size:1.3em;
    margin:10px 50px 0px 50px;
    line-height: 40px;
    color:#4e4e4e;
    padding:20px 0px;
    border-top:0;   
}



.accordion-inner i{
    position:relative;
    right: 10px;
    color:#f64d97;
}
    
    
    
  
    
    
    
    
    
.oubo2 {
    margin-top:50px;
}   
    

    
.oubo2 .oubo-midashi{
    margin:0px 0px 10px 0px;
}
   
.oubo2 .img-full {
    padding-right: 10px;
}    
    
    
    
.btn {
    margin:10px 0px 15px 0px;
    width:90%;
    font-size: 1em;
    line-height: 25px;
	padding: 15px 20px 10px 20px;
	letter-spacing: 1px;
}    


.btn-2 {
	box-shadow: 0 4px #ababab;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}    
    
.btn-2c:hover {
	box-shadow: 0 4px #8f8f8f;
	top: 2px;
}
    

.arrow {
    background-size: 10px 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 10px;
    height: 20px;
    top: 50%;
    margin-top:-8px;
    right: 16px;
}    
    
    
.arrow2 {
    background-size: 10px 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 10px;
    height: 20px;
    top: 50%;
    margin-top:-5px;
    right: 16px;
}    
    

.osusume-end img{
    margin:30px 0px 0px 0px;
}    
    
    
 
footer h2{
    line-height: 30px;
    margin:20px 0px 15px 0px;
    text-align: center;
    font-size: 1em;
}    
    
    
    
    

    
 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-right: 0;
padding-left: 0;
}
 
 
.top .container {
    padding:0;
}