@charset "UTF-8";

img.img-border{
	border:1px solid #ddd;
}
/* ------------- tab ------------- */

	@media (orientation: portrait) and (max-width: 1024px) {
		br.tab-inline{
			display: none;
		}
	}
/* ------------- sp ------------- */

	@media (orientation: portrait) and (max-width: 600px) {
		br.inline{
			display: none;
		}
		.sp-block{
			display: block;
		}
	}


/* ------------- content ------------- */
#content{
	position: relative;
	padding-top: 3.5em;
}
	@media screen and (max-width: 1024px) {
		#content{
			padding-top: 7em;
		}
	}

.content--wrap{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
.hr-border{
	border-top: 1px solid #ccc;
	padding-top: 3em;
	margin-top: 3em;
}

/* ------------- section ------------- */
.section{
	max-width: 848px;
	width: 88%;
	margin: 0 auto;
	padding: 3em 0 3.5em;
}
.section-large{
	max-width: 1080px;
	width: 88%;
	margin: 0 auto;
	padding: 3em 0 3.5em;
}

	@media screen and (max-width: 1024px) {
		.section,
		.section-large{
			padding: 2em 0 3.5em;
		}
	}

.mtl{
	margin-top: 5em;
}
.mt{
	margin-top: 3em;
}
.mts{
	margin-top: 1.75em;
}
.mtxs{
	margin-top: .75em;
}
.mb{
	margin-bottom: 5em;
}

/* ------------- font ------------- */
.midashi{
	font-size: 1.75em;
	line-height: 1.5;
	margin-bottom: .75em;
}
	@media screen and (max-width: 767px) {
		.midashi{
			font-size: 1.5em;
		}
	}
	@media screen and (max-width: 374px) {
		.midashi{
			font-size: 1.30769em;
		}
	}

.midashi-wrap{
	font-size: 1.75em;
	position: relative;
	padding: .5em .75em calc(.5em + 10px);
	background: #efefef;
	margin-bottom: 1em;
}
.midashi-wrap:before{
	position: absolute;
	top: -7px;
	left: -7px;
	width: 100%;
	height: 100%;
	content: '';
	border: 1px solid #000;
}
	@media screen and (max-width: 767px) {
		.midashi-wrap{
			font-size: 1.5em;
		}
	}
	@media screen and (max-width: 413px) {
		.midashi-wrap{
			font-size: 1.35714em;
		}
	}
	@media screen and (max-width: 374px) {
		.midashi-wrap{
			font-size: 1.214285em;
		}
	}

.komidashi{
	font-size: 1.375em;
	line-height: 1.6;
	margin-bottom: .5em;
}
.komidashi-line{
	font-size: 1.375em;
	line-height: 1.6;
	padding-bottom: .5em;
	margin-bottom: 1.5em;
  position: relative;
}
.komidashi-line:before{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	content: '';
	background-image: -webkit-repeating-linear-gradient(135deg, #313131, #313131 1px, transparent 2px, transparent 6px);
	background-image: repeating-linear-gradient(-45deg, #313131, #313131 1px, transparent 2px, transparent 6px);
	background-size: 8px 8px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.large{
	font-size: 1.25em;
	line-height: 1.6;
}
.big{
	font-size: 1.12em;
}
.small{
	font-size: .875em;
}
.xsmall{
	font-size: .75em;
}
.read{
	line-height: 2.0;
}
.kakko{
	margin-left: -8px;
}
.lh{
	line-height: 2.3;
}
.kon{
	color: #002436;
}
.red{
	color: #dd0000;

}

/* ------------- link ------------- */
a.link-arw{
	padding-left: 1.25em;
	color: #313131;
	position: relative;
}
a.link-arw:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	margin-top: -6px;
	border-top: solid .4em transparent;
	border-bottom: solid .4em transparent;
	border-left: solid .7em #303030;
}
a.link-arw:hover{
	text-decoration: underline;
}

/* ------------- box ------------- */
.borderbox{
	border: 1px solid #000;
	padding: 1.75em;
}
.bgbox{
	background: #eee;
	padding: 1.75em;
}

/* ------------- pagetitle font(cases/method) ------------- */
.page--title{
	font-size: 4.75em;
	line-height: 1.1;
	margin-bottom: .325em;
	font-feature-settings: "palt";
}
.method--visual--inner .page--title{
	font-size: 4em;
	letter-spacing: -3px;
}
.page--subtitle{
	font-size: 1.375em;
	line-height: 2.5;
	font-feature-settings: "palt";
}
.page--subtitle span{
	background: rgba(0,0,0,.8);
	color: #fff;
	padding: .25em .7em;
}
	@media screen and (max-width: 1024px) {
		.page--title,
		.method--visual--inner .page--title{
			font-size: 4.25em;
		}
		.page--subtitle{
			font-size: 1.25em;
		}
	}
	@media screen and (max-width: 600px) {
		.page--title,
		.method--visual--inner .page--title{
			font-size: 3.5em;
		}
	}
	@media screen and (max-width: 374px) {
		.page--title,
		.method--visual--inner .page--title{
			font-size: 3em;
		}
		.page--subtitle{
			font-size: 1.125em;
		}
	}

/* ------------- pagetitle (about/pickup/qanda) ------------- */
.pagehead-wrap{
	position: relative;
}
.pagehead-position{
	position: absolute;
	top: 50%;
	left: 6%;
	margin-top: -15em;
}
	@media screen and (max-width: 600px) {
		.pagehead-position{
			margin-top: -12.5em;
		}
	}
	@media screen and (max-width: 374px) {
		.pagehead-position{
			margin-top: -11em;
		}
	}

.pagehead--title{
	font-family: 'Roboto Slab', serif;
	font-size: 4.75em;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 2.5em;
}
.pagehead--title span{
	background: #313131;
	color: #fff;
	padding: 0 .125em .125em .125em;
}
	@media screen and (max-width: 1024px) {
		.pagehead--title{
			font-size: 4.25em;
		}
	}
	@media screen and (max-width: 600px) {
		.pagehead--title{
			font-size: 3.5em;
		}
	}
	@media screen and (max-width: 374px) {
		.pagehead--title{
			font-size: 3em;
		}
	}


.pagehead--subtitle{
	font-size: 1.25em;
	line-height: 1.2;
}
.pagehead--subtitle span{
	background: #313131;
	color: #fff;
	padding: 0 .25em;
}

	@media screen and (max-width: 374px) {
		.page--subtitle--normal{
			font-size: 1.125em;
		}
	}
.pagehead-wrap .title-img{
	z-index: -1;
}

/* ------------------------------------- 
story
------------------------------------- */
.slider-section{
	max-width: 980px;
	width: 96%;
	margin: 1.25em auto 1.75em; 
}
	@media screen and (max-width: 1024px) {
		.slider-section{
			margin-top: 1em;
		}
	}

.item-slid div.item{
	width: 100%;
	pointer-events: none;
}
.slick-dots li{
	margin: 0 1px!important;
	padding: 0!important;
	width: 14px!important;
	height: 14px!important;
}
.item-slid div.item .sp img{
	display: none;
}
.item-slid div.item .pc img{
	display: block;
}

	@media screen and (max-width: 567px) {
		.slider-section{
			width: 100%;
		}
		.slick-dots{
			position: relative!important;
		}
		.item-slid div.item .sp img{
			display: block;
		}
		.item-slid div.item .pc img{
			display: none;
		}
	}

/* ------------------------------------- 

CASES

-------------------------------------*/

/* pagetitle  */
.cases-eng{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 16em;
	font-family: 'Roboto Slab', serif;
	line-height: 1.0;
	color: #e5e5e5;
	position: absolute;
	left: 0;
	top: .125em;
}
	@media screen and (max-width: 1024px) {
		.cases-eng{
			font-size: 13em;
			top: .75em;
		}
	}
	@media screen and (max-width: 600px) {
		.cases-eng{
			font-size: 10em;
			position: absolute;
			left: -.125em;
		}
	}

.cases--visual{
	position: relative;
}

.cases--visual--wrap{
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.cases--visual--inner{
	position: absolute;
	left: 6%;
	top: 50%;
	z-index: 1;
	margin-top: -9em;
	width: 100%;
}
.cases--visual--img{
	position: relative;
	z-index: 0;
	text-align: right;
	padding: 3em 0 0 18em;
}
	@media screen and (max-width: 1024px) {
		.cases--visual--inner{
			margin-top: -8em;
		}
	}
	@media screen and (max-width: 600px) {
		.cases--visual--inner{
			position: relative;
			left: auto;
			top: auto;
			margin-top: 0;
			text-align: right;
			padding-right: 6%;
		}
		.cases--visual--img{
			padding: 0;
			margin-top: 2em;
			z-index: -1;
		}
	}


/* body  */
.cases-body{
	margin-top: 3em;
}
.cases-bg{
	overflow: hidden;
	margin: 3em 0;
	background-color: #e9e9e9 ;
	background-image: radial-gradient(rgba(255,255,255,.6) 1px, #e9e9e9 1px);
	background-size: 6px 6px;
}
.cases-bg-section{
	max-width: 980px;
	letter-spacing: .1em;
	width: 88%;
	margin: 0 auto;
	position: relative;
}
.cases-bg-section:before{
	position: absolute;
	top: 50%;
	margin-top: -.95em;
	font-size: 39em;
	font-weight: bold;
	z-index: 0;
	color: rgba(255,255,255,.9);
	font-family: 'Roboto Slab', serif;
}
	@media screen and (max-width: 767px) {
		.cases-bg-section:before{
			font-size: 32em;
		}
	}
	@media screen and (max-width: 600px) {
		.cases-bg-section:before{
			font-size: 11em;
			top: auto;
			bottom: -.5em;
		}
	}

/* 3 2 */
.cases-bg32 .cases-bg-section{
	padding: 6.75em 0;
}
.cases-bg32 .cases-bg-section:before{
	content: "32";
	left: -.4em;
}
	
/* 4 2 */
.cases-bg42 .cases-bg-section{
	padding: 3.5em 0;
}
.cases-bg42 .cases-bg-section:before{
	content: "42";
	right: -.4em;
}
	@media screen and (max-width: 1024px) {
		.cases-bg32 .cases-bg-section:before{
			left: -.3em;
		}
		.cases-bg42 .cases-bg-section:before{
			right: -.3em;
		}
	}

	@media screen and (max-width: 600px) {
		.cases-bg32 .cases-bg-section,
		.cases-bg42 .cases-bg-section{
			padding: 3.75em 0 9em;
		}
		.cases-bg32 .cases-bg-section:before{
			left: -.125em;
		}
		.cases-bg42 .cases-bg-section:before{
			right: -.125em;
		}
	}


.cases-bg-section .fitty{
	line-height: 2.0;
	font-weight: 600;
	color: #616161;
	position: relative;
	z-index: 1;
}
	@media screen and (max-width: 1024px) {
		.cases-bg-section .fitty{
			font-size: 17px!important;
		}
	}

	@media screen and (max-width: 767px) {
		.cases-bg-section .fitty{
			font-size: 15px!important;
		}
	}

	@media screen and (max-width: 600px) {
		.cases-bg-section .fitty{
			font-size: 14px!important;
			line-height: 1.8;
		}
	}
.cases-msg-wrap{
	max-width: 980px;
	width: 88%;
	margin: 8em auto 4em;
}
.cases-msg{
	padding: 4em 0;
	font-size: 1.25em;
	position: relative;
	text-align: center;
}
.cases-msg:before,
.cases-msg:after{
	position: absolute;
	content: '';
}
.cases-msg:after {
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	border-top: 1px solid #313131;
	border-left: 1px solid #313131;
}

.cases-msg:before {
	right: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	border-right: 1px solid #313131;
	border-bottom: 1px solid #313131;
}
	@media screen and (max-width: 767px) {
		.cases-msg-wrap{
			margin: 7em auto 5em;
		}
	}
	@media screen and (max-width: 374px) {
		.cases-msg{
			font-size: .9em;
		}
	}
.cases-linkbox{
	max-width: 980px;
	width: 88%;
	margin: 4em auto 6em;
	text-align: center;
}


/* ------------------------------------- 
method 
-------------------------------------*/
.method01{
	margin-bottom: 3em;
}
/* pagetitle */
.method--visual--wrap {
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.method--visual--inner{
	position: absolute;
	left: 6%;
	top: 50%;
	z-index: 1;
	margin-top: -6em;
	width: 100%;
}

	@media screen and (max-width: 600px) {
		.method--visual--inner{
			position: relative;
			left: auto;
			top: auto;
			margin-top: 0;
			padding-left: 6%;
		}
		.method01 .method--visual--inner{
			position: absolute;

		}

	}

.method--visual--img{
	position: relative;
	z-index: 0;
	text-align: right;
	padding: 3em 0 0 22em;
}

	@media screen and (max-width: 600px) {
		.method01{
			margin-bottom: 0;
		}
		.method--visual--img{
			padding: 2em 0 0 0;
		}
		.method01 .method--visual--img{
			padding: 8.35em 0 0 5em;
		}

	}


/* vol1 */
.clm2-aruaru{
	width: 47%;
	margin: 1.25em auto 0;
}

.fukifashi{
	margin-bottom: 1.5em;
	border: 2px solid #555;
	background: #fff;
	border-radius: 2.5em;
	-moz-border-radius: 2.5em;
	-webkit-border-radius: 2.5em;
	position: relative;
	z-index: 6;
	padding: 1em .65em;
}
.fukifashi:before {
  content: "";
  position: absolute;
  top: -22px;
  left: 50%;
  margin-left: -15px;
  border: 11px solid transparent;
  border-bottom: 11px solid #FFF;
  z-index: 2;
}
.fukifashi:after {
  content: "";
  position: absolute;
  top: -28px;
  left: 50%;
  margin-left: -18px;
  border: 14px solid transparent;
  border-bottom: 14px solid #555;
  z-index: 1;
}

.flex-fukifashi{
	margin-top: 2em;
	width: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex-fukifashi > div{
	width: 33.3333%;
	padding: 0 .5em;
	text-align: center;
	font-size: 0.8125em;
}
	@media screen and (max-width: 860px) {
		.flex-fukifashi > div span.sp-block{
			display: block;
		}
	}
	@media screen and (max-width: 600px) {
		.flex-fukifashi > div{
			width: 50%;
			font-size: 0.71428em
		}
	}


/* vol2 section */
.method-section{
	line-height: 2.3;
	max-width: 800px;
	width: 80%;
	margin: 0 auto;
	padding: 7em 0;
}
	@media screen and (max-width: 767px) {
		.method-section{
			padding: 3em 0;
			line-height: 1.8;
		}
	}

/* btn */
.jumppage {
	text-align: center;
}
.jumppage a{
	position: relative;
	display: inline-block;
	background: #212121;
	color: #fff;
	padding: .25em 1em;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
}
.jumppage a span.eng{
	position: relative;
	padding-right: 1em;
}
.jumppage a span:after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -.125em;
	width: .25em;
	height: .25em;
	border: 1px solid;
	border-color: transparent transparent #fff #fff;
	transform: rotate(-135deg);
}
/* ----------- vol1 ----------- */

.flex--method--vol1 .item:nth-child(1){
	width: 70%;
}
.flex--method--vol1 .item:nth-child(2){
	width: 30%;
}
	@media screen and (max-width: 666px) {
		.flex--method--vol1 .item:nth-child(1),
		.flex--method--vol1 .item:nth-child(2){
			width: 100%;
		}
	}

/* ----------- vol2 ----------- */
.back--vol2_01{
	background: url(../images/method/back.png)  no-repeat center top;
	background-size: cover;
}
.back--vol2_02{
	background: url(../images/method/back2.png)  no-repeat left top;
	background-size: 80% auto;
	margin-top: 1em;
}
	@media screen and (max-width: 767px) {
		.back--vol2_01{
			background-position: right top;
			background-size: contain;
		}
		.back--vol2_02{
			background-position: left top;
			background-size: contain;
		}
	}

.bgc-method01 {
	background: linear-gradient(90deg, #deeff6 0%, #deeff6 50%, #fff 50%, #fff 100%);
}
.bgc-method02 {
	background: linear-gradient(90deg, #fff 0%, #fff 50%, #feea94 50%, #feea94 100%);
}
.copy---method .item{
	width: 50%;
	max-width: 640px;
	letter-spacing: .125em;
	position: relative;
}
	@media screen and (max-width: 600px) {
		.bgc-method01,
		.bgc-method02{
			background: none;
		}
		.bgc-method01 .item:nth-child(1){
			background: #deeff6;
		}
		.bgc-method02 .item:nth-child(1){
			background: #feea94;
		}
		.copy---method .item{
			width: 100%;
		}
	}

.bgc-method01 .flex .item:nth-child(2) .min{
	position: absolute;
	top: 50%;
	left: 6%;
	width: 100%;
	margin-top: -6em;
	line-height: 2;
}
.bgc-method02 .flex .item:nth-child(2) .min{
	position: absolute;
	top: 50%;
	right: 6%;
	width: 100%;
	margin-top: -3em;
	text-align: right;
	line-height: 2;
}
	@media screen and (max-width: 600px) {
		.bgc-method01 .flex .item:nth-child(2) .min{
			position: relative;
			top: auto;
			left:auto;
			width: 78%;
			margin: 0 auto;
			padding: 1em 0 2em;
		}
		.bgc-method02 .flex .item:nth-child(2) .min{
			position: relative;
			top: auto;
			right: auto;
			width: 78%;
			margin: 0 auto;
			padding: 1em 0 2em;
			text-align: right;
		}
	}

.bgc-msg01,
.bgc-msg02{
	width: 50%;
	max-width: 683px;
}
.bgc-msg03{
	width: 100%;
	max-width: 1366px;
}
	@media screen and (max-width: 600px) {
		.bgc-msg01,
		.bgc-msg02{
			width: 100%;
		}
	}

.msg---method .bgc-msg01 > .item{
	margin-right: 3%;
	background: #d7eee5;
	padding: 3em 2em 0 2em;
}
.msg---method .bgc-msg02 > .item{
	margin-left: 3%;
	margin-top: 5em;
	background: #daedf4;
	padding: 3em 2em 0 2em;
}
.msg---method .bgc-msg03 > .item{
	background: #fef0b1;
	margin-top: 3em;
	padding: 2em 2em 0 2em;
}
.msg---method .bgc-msg03 > .item .flex .item{
	width: 50%;
}
.msg---method .bgc-msg03 > .item .flex .item:nth-child(2){
	padding-left: 6%;
}

	@media screen and (max-width: 600px) {
		.msg---method .bgc-msg01 > .item{
			margin-right: 0;
			padding: 2.5em 3em 0 3em;
		}
		.msg---method .bgc-msg02 > .item{
			margin-left: 0;
			margin-top: 1em;
			padding: 2.5em 3em 0 3em;
		}
		.msg---method .bgc-msg03 > .item{
			margin-top: 1em;
		}
		.msg---method .bgc-msg03 > .item .flex .item{
			width: 100%;
		}
		.msg---method .bgc-msg03 > .item .flex .item:nth-child(2){
			padding: 2.5em 1.25em;
		}

	}


.msg---method .bgc-msg01 img,
.msg---method .bgc-msg02 img{
	max-width: 50%;
}
.msg---method .bgc-msg03 img{
	max-width: 80%;
}
.msg---method .bgc-msg02 .thumb{
	text-align: right;
}
.msg---method .bgc-msg03 .thumb{
	text-align: center;
}
	@media screen and (max-width: 600px) {
		.msg---method .thumb{
			margin-top: 1em;
		}
	}
/* ------------------------------------- 
about
-------------------------------------*/
.about-head .title-img{
	text-align: right;
}
.about-head .title-img img{
	max-width: 70%;
}
	@media screen and (max-width: 600px) {
		.about-head .title-img img{
			max-width: 100%;
		}
	}

.about-msg{
	max-width: 37em;
	width: 94%;
	margin: 0 auto;
	line-height: 2.3;
	font-size: 1.08em;
	position: relative;
	top: -3em;
}
	@media screen and (max-width: 600px) {
		.about-msg{
			font-size: 1em;
			line-height: 2;
		}
	}

.about-msg .since{
	font-size: 2.75em;
	line-height: 1;
	margin-bottom: .75em;
	margin-top: .5em;
}
/* ------------------------------------- 
qanda
-------------------------------------*/
#soudan,#branding,#order,#price{
  padding-top: 80px;
  margin-top:-80px;
}
	@media screen and (max-width: 1024px) {
		#soudan,#branding,#order,#price{
			padding-top: 0;
			margin-top: 0;
		}
	}


/*タイトル部分*/
.qanda-head .pagehead--title{
	margin-bottom: .5em;
	line-height: 1.0;
}
.qanda-mokuji{
	margin-top: 2em;
}
.qanda-mokuji li{
	margin-top: .5em;
}
.qanda-mokuji li a{
	padding: .75em 1em;
	border: 1px solid #ccc;
	display: block;
	transition: 1.0s;
}
.qanda-mokuji li a:hover{
	background: #eee;

}
.qanda-mokuji li a span{
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	padding-right: 1em;
	margin-right: 1em;
	border-right: 1px solid #ccc;
}
.qanda-category{
	background: #313131;
	color: #fff;
	padding: 1em;
	font-size: 1.125em;
	font-weight: bold;
}
.qanda-category span{
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	padding-right: 1em;
	margin-right: 1em;
	border-right: 1px solid #fff;
}


.qanda-box {
	margin-top:3.5em;
}
.qanda-box label{
	display: block;
	font-size: 1.125em;
	position: relative;
	padding-right: 2em;
	padding-left: 2.75em;
}
	@media screen and (max-width: 600px) {
		.qanda-box label{
			font-size: 1em;
			font-weight: bold;
		}
	}

.qanda-box label:before{
	position: absolute;
	top: 50%;
	right: .25em;
	margin-top: -.875em;
	content: "＋";
	width: 1em;
	height: 1em;
	font-weight: bold;
	font-size: 1.25em;
}
.qanda-box label span{
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -.875em;
	border: 1px solid #313131;
	margin-right: 1em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 2em;
	height: 2em;
	display: inline-block;
	text-align: center;
	transition: background 1.0s,color 1.0s;
}
.qanda-box:hover label span {
	background: #313131;
	color: #fff;
}
.qanda-box input {
    display: none;
}
.qanda-box .open {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity .5s;
    margin-top: 1em;
    background: #eee;
}
.qanda-box input:checked ~ .open {
    padding: 2em;
    height: auto;
    opacity: 1;
}
/* ------------------------------------- 
pickup
-------------------------------------*/
/*タイトル部分*/
.pickup-head .title-img img{
	max-width: 100%;
}
.pickup-head .pagehead--subtitle {
	margin-top: .5em;
}

/*建築デザイン*/
	@media screen and (max-width: 600px) {
		.pickup-large{
			text-align: center;
		}
	}

.flex-pickup{
	width: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap: wrap;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
	margin-top: 5em;
}
.flex-pickup .item:nth-child(1){
	width: 40%;
	padding-right: 5%;
}
.flex-pickup .item:nth-child(2){
	width: 60%;
}
.logomark img{
	width: 85%;
}
.logomark-large img{
	width: 100%;
}
	@media screen and (max-width: 600px) {
		.flex-pickup{
			border-top: 1px solid #ddd;
			padding-top: 4em
		}
		.flex-pickup .item:nth-child(1){
			width: 100%;
			padding-right: 0;
		}
		.flex-pickup .item:nth-child(2){
			width: 100%;
			margin-top: 2em;
		}
		.logomark,
		.logomark-large{
			text-align: center;
			padding-bottom: 1em;
		}
		.logomark img{
			width: 70%;
		}
		.logomark-large img{
			width: 80%;
		}
	}

/*説明*/
.pickup-descr{
	font-size: .8125em;
}
/*情報*/
.dl-info {
	width: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap: wrap;
	font-size: .6875em;
	padding-bottom: 1em;
}
.dl-info dt{
	width: 4.5em;
}
.dl-info dd{
	width: calc(100% - 4.5em);
}

/*サムネイル*/
.flex-tatemono-thumb{
	width: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-tatemono-thumb img{
	display: block;
	line-height: 0;
	padding: 0;
	margin: 0;
}
.tatemono-dsdc .item-clm{
	width: 31.5%;
	margin-bottom: 1em;
}

.tatemono-asaka .item-clm{
	width: 31.5%;
	margin-bottom: 1em;
	position: relative;
}
.tatemono-asaka .item-clm:nth-child(1),
.tatemono-asaka .item-clm:last-child{
	width: 66%;
}
.item2img img:nth-child(1){
	position: absolute;
	top: 0;
}
.item2img img:nth-child(2){
	position: absolute;
	bottom: 0;
}
.tatemono-oizumi .item-clm{
	width: 31.75%;
	margin-bottom: 1em;
	position: relative;
}
.tatemono-oizumi .item-clm:nth-child(1),
.tatemono-oizumi .item-clm:nth-child(2),
.tatemono-oizumi .item-clm:nth-child(3),
.tatemono-oizumi .item-clm:nth-child(4),
.tatemono-oizumi .item-clm:nth-child(5),
.tatemono-oizumi .item-clm:nth-child(6){
	width: 48.75%;
}

/*WEBデザイン*/
.website .item-website{
	position: relative;	
	padding-right: .175em;
}
.website .item-website > div{
	position: absolute;
	top: .125em;
	left: .5em;
	color: #666;
	font-size: .75em;
}
.website .website-movie > div{
	color: #fff;
}

	@media screen and (max-width: 600px) {
		.website .item-website > div{
			top: auto;
			left: auto;
			bottom: 0em;
			background: #313131;
			color: #fff;
			padding: 0 .125em;
		}
	}

.tool{
	font-size: .75em;
}
.item-tool{
	position: relative;
}
.item-tool > div{
	position: absolute;
	bottom: .5em;
	left: .75em;
	color: #666;
}
.tool .slick-dots {
	text-align: right!important;
}