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



/* box*/
.mainbox
 {width: 800px;
padding:20px 0px 20px 0px;
margin: 0 auto;
text-align: center;
}

@media screen and (max-width:768px){
.mainbox {
width: 95%;
padding:15px 0px 15px 0px;
text-align: center;}

}

.pagetop_margin {margin-top: 150px;}
@media screen and (max-width:768px){
	.pagetop_margin {margin-top: 100px;}
}

.texttop_img{ padding: 30px 0px;width: 700px;
	display:-webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
@media screen and (max-width:440px){
  .texttop_img{ width: 100%;padding: 100px 0px; text-align: left}
}

/* テキスト部分*/
a:link .linkblue {
	color: #00558F;text-decoration:none;
}

.second_w70{width: 70%;}
.slider800{width: 700px;padding:50px 0px;margin:0 auto;}
.slider800 img{width: 100%;}

.con_700{width: 700px;padding:50px 0px;margin:0 auto;}
.con_700 img{width: 700px;
display:-webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}

.through_copy {text-decoration: line-through;}
.photo_copy {padding:5px 0px 25px 0px;font-size:18px }

.second_copy {padding: 0px 10px 150px 0px;margin: 0 auto;line-height:180%; text-align: center;letter-spacing: 3px;}
.second_copy img{width: 150px;margin: 50px auto;}
.second_copy_en {padding: 0px 10px 20px 0px;margin: 0 auto;line-height:180%; text-align: left;letter-spacing: 3px;color:#888}

.second_titlecopy {padding: 0px 10px 20px 0px;margin: 0 auto;line-height:180%; text-align: center;letter-spacing: 3px;}


.second_img {width: 700px;margin: 50px auto; text-align: left;padding-bottom:60px;}


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

	.second_copy {padding:15px 0px 40px 0px;text-align: left;line-height:180%;letter-spacing: 1.5px;}
	.second_titlecopy {
    padding: 0px 10px 20px 0px;
    margin: 0 auto;
    line-height: 180%;
    text-align: center;
    
    letter-spacing: 3px;
}

	.second_img {margin: 40px auto; text-align: center;padding-bottom:40px;}
	
	.photo_copy {padding:5px 0px 15px 0px;font-size:14px }
	.second_w70{width: 95%;}
	.slider800{width: 95%;padding:20px 0px;}
	.slider800 img{width: 100%;}
	.con_700{width: 90%;padding:20px 0px;}
	
}

/*Topics
-------------------------------------*/
/* テキスト部分*/

.title_topcopy {width: 800px;margin-top:70px;padding:50px 0px ;font-size:35px; letter-spacing: 3px;text-align:center;}
.title_copy {margin-top:50px;padding:20px 0px ;font-size:28px;letter-spacing: 3px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;text-align: center;background-color:  #fff;}

.title_topcopy h2.toptitle{
    line-height: 180%;
	font-size:35px;
	letter-spacing: 3px;
}	

.subtitle_topcopy {width: 800px;margin-top:0px;padding:30px 0px ;font-size:35px; letter-spacing: 3px;text-align:center;}



@media screen and (max-width:768px){
.title_topcopy {
    width: 90%;
    margin-top: 40px;
    padding: 10px 0px ;
    font-size: 22px;
    letter-spacing: 3px;
    text-align: center;
    
}	
.title_topcopy h2.toptitle{
    line-height: 180%;
	font-size: 22px;
	letter-spacing: 3px;
}	
.title_topcopy .subtitle{
    line-height: 120%;
}	
	
.title_copy {margin-top:20px;padding:30px 0px ;font-size:22px; letter-spacing: 3px;border-top: 2px solid #333;border-bottom: 2px solid #333;text-align: center;background-color:  #f3f3f3;}	

.subtitle_topcopy {
    width: 90%;
    margin-top: 0px;
    padding: 10px 0px ;
    font-size: 22px;
    letter-spacing: 3px;
    text-align: center;
}

}


/* price部分*/

.pricesheet th{width: 400px;background-color:  #efefef; }	


/* 下部タイトル*/

.gray_title
 {width: 100%;
padding:15px 0px 15px 10px;
margin: 40px 0;
text-align: left;

background-color:#F3F3F3;
	font-size: 20px;
	font-weight: bold;
}

.inner_box
 {width: 100%;
padding:0px 20px;
margin: 40px 0;
text-align: left;
}

.inner_box .plan_title
 {
text-align: left;
margin-top: 10px;
border-bottom:1px solid #333;
padding:5px 5px;
}

.inner_box .plan_subtitle
 {
text-align: left;
margin: 10px 0;
padding:30px 5px 10px 5px;
}

.inner_box .plan_copy{
text-align: left;
margin: 10px 0;
padding:0px 5px;
}


.inner_box .plan_list{
margin:10px 0;
padding:10px 15px;
font-size: 16px;line-height:180%;
}

.inner_box .plan_info {
text-align: left;
margin: 50px 0;
padding:5px 5px;
font-size: 16px;line-height:180%;
letter-spacing: 3px;
}

.cafe_inner_box{
width: 100%;
padding:20px 40px;
margin: 40px 20px 80px 20px;
text-align: left;
background-color:#F6F6F6;
}

.cafe_inner_box .plan_subtitle {
display:inline-block;
margin: 20px 0px;
}

.cafe_inner_box .plan_subtitle {
display:inline-block;
margin: 20px 0px;
display:-webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;

}


.com_inner_box  {
width: 100%;
padding:0px 20px;
margin-top: 20px;
text-align: left;
}


.com_inner_box .result_title {
font-size: 18px;line-height:200%
margin: 20px 0px;
font-weight: bold;
display:inline-block;
}

.com_inner_box .result_copy {
font-size: 16px;line-height:140%;
margin: 20px 20px;
padding:20px 20px;
display:inline-block;
	display:-webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.result_img {
margin: 40px 0px;

}



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

.inner_box {
padding:0px 0px;
margin-top: 20px;
text-align: left;
}

.inner_box .plan_subtitle{
text-align: center;
}

.inner_box .plan_copy{
text-align: center;
}
.inner_box .plan_list {
text-align: center;
margin: 10px 0;
padding:5px 5px;
font-size: 16px;line-height:180%;
}

.inner_box .plan_info {
text-align: left;
margin: 10px 0;
padding:5px 5px;
font-size: 14px;line-height:180%;
}


.cafe_inner_box{
width: 100%;
padding:20px 10px;
margin: 40px 0px 50px 0px;
text-align: left;
background-color:#F6F6F6;
}

.cafe_inner_box .plan_subtitle {
display:inline-block;
margin: 20px 0px;
}

.cafe_inner_box .plan_subtitle {
display:inline-block;
margin: 20px 0px;
}


.cafe_inner_box a:link {
	color: #00558F;text-decoration:underline;
}

.com_inner_box  {
width: 100%;
padding:0px 20px;
margin-top: 20px;
text-align: left;
}


.com_inner_box .result_title {
font-size: 16px;line-height:140%
margin: 10px 0px;
font-weight: bold;
display:block;
}

.com_inner_box .result_copy {
font-size: 14px;line-height:140%
margin: 0px 10px;
display:block;
}

.result_img {
margin: 20px 0px;

}


}

/*info、ピックアップ、マップ
-------------------------------------*/


.fb_box
 {width: 100%;
padding:80px 0px 20px 80px;
margin: 0 auto;
text-align: center;
}



 .cowork_titlebox {width: 400px;
padding:20px 0px 20px 0px;
margin-top: 80px;
text-align: center;}
	 
.cowork_box
 {width: 400px;
padding:20px 0px 20px 0px;
margin-top: 0px;
text-align: center;
	 
border-bottom: 1px solid #333
}

.title_barline {border-bottom: 1px solid #000000; width:100px; margin:40px auto;clear: both;display:block;}


.info_title {margin:20px 0px;text-align: center;padding:10px 0px;border-bottom: 1px solid #333}
.calendar_title {margin:20px 0px;text-align: center;padding:10px 0px;border-bottom: 1px solid #333;line-height: 160%}
.info_copy {margin:0px 20px;text-align: left;padding:10px 0px;line-height:160%;}
.info_copy_sub {margin:20px;padding:10px 0px;line-height:160%;display:inline-block;}
.pickup_copy {width: 800px;padding:20px 0px 20px 0px;margin: 0 auto; text-align: center}
.buan-map {width: 400px;padding: 0px;margin: 0 auto; text-align: center}
.buan-map iframe{width: 100%;padding:20px 0px 20px 0px;margin: 0 auto; text-align: center;border:none;}

@media screen and (max-width:768px){
	.pickup_copy {width: 100%;padding:15px 0px 15px 0px; }
	.info_title {text-align: center;padding:10px 0px; margin:15px 0px;border-bottom: 1px solid #333}	
	.info_copy {margin:10px 10px;text-align: left;padding:10px 0px;}
.info_copy_sub {margin:10px;padding:10px 0px;line-height:160%;display:inline-block;}
	.buan-map {width: 95%;padding: 0px;margin: 0 auto; text-align: center}
	.title_barline {display:none;}
	
.infobox {
width: 95%;
margin-top: 40px;
padding:15px 0px 15px 0px;
text-align: center;
border-bottom: 1px solid #333
}
	
.calendarbox {
width: 95%;
margin-top: 50px;
padding:15px 0px 15px 0px;
text-align: center;
}

 .cowork_titlebox {width: 100%;
padding: 0px;
margin-top: 0px;
text-align: center;}
	
.cowork_box {
width: 100%;
margin-top: 0px;
margin-bottom: 30px;
padding:15px;
text-align: center;

border-bottom: 0px solid #333
}

}

.infobox_s
 {width: 400px;
padding:20px 0px 20px 0px;
margin-top: 40px;
text-align: center;
border-bottom: 1px solid #333
}

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

.infobox_s {
width: 95%;
margin-top: 20px;
padding:15px 0px 15px 0px;
text-align: center;
border-bottom: 1px solid #333
}

.fb_box
 {width: 100%;
padding:20px 0px 20px 0px;
margin: 0 auto;
text-align: center;
}



}


/*会社概要
-------------------------------------*/
.kaisha {
width: 60%;
}

.kaisha th,
.kaisha td {
border: none;
padding: 20px;
}

.kaisha th {
width: 30%;
font-weight: bold;
}
.logo_s{width: 10px;height: auto;margin: 20px auto;}

@media screen and (max-width: 767px) {
.kaisha {
width: 100%;
}

.kaisha th,
.kaisha td {
border: none;
padding: 10px;
}

.kaisha th {
width: 30%;
font-weight: bold;
}
}


.gmap {
height: 0;
overflow: hidden;
padding-bottom: 40%;
position: relative;
	margin: 0;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

@media screen and (max-width: 767px) {
	.gmap {padding-bottom: 60%;}
}



/*3列カラム
-------------------------------------*/

/* スマホ　767px以下 */
@media only screen and (max-width: 767px){
  .list{
    width: 100%;
	margin: 30px auto;
  }
  .list div{
    float: none;
    height: 150px;
    margin-top: 20px;
    background-color: #ddd;
  }
  .list div:first-child{
    margin-top: 0;
  }
}

/* pc　768px以上 */
@media only screen and (min-width: 768px), print {
  .list{
    overflow: hidden;
    width: 100%;
    margin: 30px auto;
  }
  .list div{
    float: left;
    width: 33.25%;
    height: 150px;
    margin-top: 20px;
    background-color: #ddd;
  }
  .list div:nth-child(3n){
    margin-right: 0;
  }
  .list div:nth-child(-n+3){
    margin-top: 0;
  }
}

/*メール
-------------------------------------*/
.mail_container{width: 70%;}
@media screen and (max-width: 767px) {
	.mail_container{width: 90%;}
}

.feedback-input {
  color:#333;
  font-weight:500;
  font-size: 16px;
  border-radius: 5px;
  line-height: 22px;
  background-color: transparent;
  border:1px solid #333;
  transition: all 0.3s;
  padding: 13px;
  margin-bottom: 15px;
  width:100%;
  box-sizing: border-box;
  outline:0;
}

.feedback-input:focus { border:1px solid #333; }

textarea {
  height: 150px;
  line-height: 150%;
  resize:vertical;
}

[type="submit"] {
  width: 100%;
  background:#475848;
  border-radius:5px;
  border:0;
  cursor:pointer;
  color:white;
  font-size:18px;
  padding-top:10px;
  padding-bottom:10px;
  transition: all 0.3s;
  margin-top:-4px;
}
[type="submit"]:hover { background:#475848; }

#warning {margin: 6px 0 20px 0;}