@charset "UTF-8";
.head_box{position: fixed;width: 100%;background-color: #ffffff;height: 170px;z-index: 99999;}
.w65per{width: 65%;}
.w35per{width: 35%;}
.w35per img{width: 100%;}
.w35per_center{width: 35%; margin: 2% auto;}
.bg_blog{background-image: url("../img/blog_ttl_back.svg");background-repeat: y-repeat;background-size: contain;}
.bg_cafe{background-image: url("../img/coworking_ttl_back.svg");background-repeat: y-repeat;background-size: contain;}

.coworking_p{font-size: 20px; color: #63371E;font-weight: bold;text-align: center;}

.border_b{border-bottom:dotted 1px #231815;}
.border_r{border-right:dotted 1px #231815;}

.more{width: 30%;margin: 0 auto;}
.more_left{width: 70%;float: right;}

h2.work_h2{font-family: 'Nanum Myeongjo', serif;font-size: 48px;}
.h3_cach{font-size: 26px;margin-top: 7%;}
.work_mt70{margin-top: 10%;}
.homeInner {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;

}

.homeAbout .txtArea {
	width: 400px;
	padding: 50px 100px 100px 0;
	background: #ffffff;

}
.homeAbout {
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 3%;
}
.homeAbout .imgWrap {
	padding: 0 15px;
}

.homeAbout .img {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(50% + 140px);
    height: 600px;
}
.homeAbout .img02 {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50% + 140px);
    height: 600px;
}
.homeAbout .img03 {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50% - 0px);
    height: 800px;
}
.homeAbout .txtArea03 a img{width: 100%;}
.homeAbout .txtArea02 {
	width: 400px;
    margin-left: auto;
    padding: 50px 0px 96px 100px;
    background: #ffffff;
}
.homeAbout .txtArea03 {
	width: 400px;
    margin-left: auto;
    padding: 0px 0px 0px 0px;
    background: #ffffff;
}
.homeAbout .img02 img ,.homeAbout .img03 img ,.homeAbout .img img {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    max-width: none;
    height: 100%;
}
.link_logo{width: 36%;}
.link_more{width: 42%;}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:560px) {
.head_box{position: fixed;width: 100%;background-color: #ffffff;height: auto;z-index: 99999;}
.w65per{width: 100%;float: none;}
.w35per{width: 100%;float: none;}
.w35per_center{width: 100%; margin: 2% auto;}
.bg_blog{background-image: url("../img/blog_ttl_back.svg");background-repeat: no-repeat;background-size: contain;margin-bottom: 0;padding-bottom: 0;background-position: bottom;}
.bg_cafe{background-image: url("../img/coworking_ttl_back.svg");background-repeat: no-repeat;background-size: cover;margin-bottom: 0;padding-bottom: 0;background-position: bottom;}
	
.coworking_p{font-size: 16px; color: #63371E;font-weight: bold;text-align: left;padding: 2%;}
.work_img{float: left;margin-right: 2%;width: 150px;}
h2.work_h2{font-family: 'Nanum Myeongjo', serif;font-size: 30px;}
.h3_cach{font-size: 20px;margin-top: 2%;}
.work_mt70{margin-top: 2%;}
.homeInner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.homeAbout .txtArea {
	width: 80%;
    padding: 0% 10%;
	background: #ffffff;
}
.homeAbout {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0%;
}
.homeAbout .imgWrap {
	padding: 0 15px;
}

.homeAbout .img{
    z-index: 0;
    position: relative;
    top: 0;
    right: 0;
    width:100%;
	height: auto;
}
.homeAbout .img img , .homeAbout .img02 img{width: 100%;padding: 0 0%;}
.homeAbout .img02 {
    z-index: 0;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.homeAbout .img02 img {
	position: relative;}
.homeAbout .txtArea02 ,.homeAbout .txtArea03 {
	width: 80%;
    margin-left: auto;
    padding: 0% 10%;
    background: #ffffff;
}
.more_left{width: 70%;float: none;margin: 0 auto;}
.link_logo{width: 70%;}
.link_more{width: 80%;}
}