@charset "UTF-8";
/* CSS Document */

/*----- bace----- */
@media (max-width: 768px) {
html {font-size: 14px;}
.navbar-brand img{width: 150px;}
}
@media (min-width: 769px) {
}

/*sp*/
@media (max-width: 768px) {
.br-pc {display:none;}
.br-sp {display:block;}
.pc-dn {display:block;}
.sp-dn {display:none;}
.link-1line{margin-top: 0;}
/*--top---*/
#top-title{
background: url(../img/index/top_playyour.png) no-repeat top left;
background-size: contain;
text-align: left;
}
#insta{margin-top: 20px;}
footer{padding-bottom: 50px;}
footer hr{margin: 30px 20px 10px;}
#f-address img{margin: 0 0 20px;}
footer .col-xs{margin-top: 15px;}
footer h4{margin-top: 10px;}
#f-menu{padding: 0 30px;}
.footer_area {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba( 0, 0, 0, 0.6 );
z-index: 10000;
text-align: center;
}
.footer_area span{
width: 40%;
display: inline-block;
margin: 10px 5px;
border: 1px #fff solid;
padding: 5px;
color: #fff;
}
#pagetitle .main-title{margin-bottom: 20px; text-align: left;}
#pagetitle .title-text{column-count: 1;}
/*--thinkwest--*/
#point img{margin-top: 15px;}
#point .title{margin-top: 0;}
#point .taikyu{margin-top: 15px;}
#tokucho{
background: url(../img/thinkwest/t_feature06_sp.png) no-repeat bottom right;
background-size: contain;
}
#tokucho img{width: 100%;}
#tokucho h4{margin: 0 20px;}
#tokucho .illust{padding: 0 0 20px 10px;}
/*--work--*/
#work_life{padding-bottom: 30px;}
#work_nagare h4 img{width: 80%;}
#pagetitle2 .main-title{margin-bottom: 20px; text-align: left;}
#pagetitle2 img{width: 100%;}
#plan_pro h4 img{width: 80%;}
#plan_tool .sub_title{margin-top: 10px;}
#plan_tool h4{margin-left: 0;}
#plan_tool h4 img{width: 80%;}
#plan_kako h4 img{width: 80%;}
#cafe{background-size:250% auto; padding-bottom: 50px;}
#cafe p{margin-top: 20px; padding: 0 20px;}
/*--portfolio--*/
#pagetitle2 img{width: 100%;}
/*---flow---*/
.flow{padding: 15px;}
.flow_box .hyo{padding:0;}
table{font-size: 80%;line-height: 1.5em;}
.time{white-space: nowrap;}
.text-l{text-align: left;}
/*--company--*/
#daihyo img{width: 60%;}
#daihyo .col-md-8{margin-top: 20px;}
#daihyo p{text-align: left;}
/*--contact--*/
#telno{margin-top: 30px;}
#telno .nobox{margin-top: 20px;}
#telno .no{color: #CFAD3D;}
.form .selectbox::before {top: 2.3em;}

}





/*pc*/
@media (min-width: 768px) {
.br-pc {display:block;}
.br-sp {display:none;}
.pc-dn {display:none;}
.sp-dn {display:block;}
.footer_area {display:none}
}
 
/* bace-size */
@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }