@charset "utf-8";

/* ------------------------
 tatami
------------------------- */
@media screen and (max-width: 767px){
	.tatami .con-detail{}
	.tatami #con1 .con-item-ttl{display: inline-block; margin: 0 auto 1em; padding: 1em 0; border-bottom: 2px dotted #000;}
	.tatami #con1 .con-item .con-txt{padding: 1em 0 0;}
	.tatami #con1-0 .lead{padding: 1em 0; margin: 0; text-align: center;}
	.tatami #con1-0 .con-txt .txt{padding: 1em 0 0;}
	.tatami #con1-1 .con-items-ttl{display: inline-block; padding: 0.5em 1em; margin: 2.5em 0 0; border: 1px solid #666}
	.tatami #con1-1 .wrap-inner,
	.tatami #con2-1 .wrap-inner{padding-left: 2em;}
	.tatami #con2-1 .lead{text-align: center}
	.tatami #con1-2 .con-item-ttl{line-height: 1.6;}
	.tatami #con1-2 .column{margin-top:2em}
	.tatami #con1-2 .column .con-txt{padding: 1em}
}
@media screen and (min-width: 768px){
	.tatami .con-block-ttl{text-align: center; background: url(../image/common/titlebg3.png) top center no-repeat; background-size: contain}
	.tatami .lead{padding-top: 1em; text-align: center}
	.tatami .desc{padding:0 10em 3em;}
	.tatami #con1 .con-items-ttl{text-align: center}
	.tatami #con1 .con-items-ttl h2{display: inline-block; padding: 0.5em 1em; margin:0 auto; border: 1px solid #666}
	.tatami #con1 .con-item-ttl{display: inline-block; margin: 0 auto 1em; padding: 1em 0; border-bottom: 2px dotted #000;}
	.tatami #con1 .con-item .con-txt{padding: 1em 0 0;}
	.tatami #con1-2 .con-item{padding-top: 2em;}
	.tatami #con1-2 .con-item-ttl{line-height: 1.6}
	.tatami #con1-2 .column .wrap-inner{padding: 1em;}
	.tatami #con1-2 .column .con-photo{padding: 0;}
	.tatami #con1-2 .column .con-txt{padding: 2em}
	.tatami #con1-2 .column .con-txt-ttl{padding: 1em}
	.tatami #con1-1 .wrap-inner,
	.tatami #con2-1 .wrap-inner{padding-left: 2em;}
}