
@charset 'utf-8';


/* for SP {{{ */
@media screen and (max-width: 768px) {

#contents.business .kvarea {
    background-position: left bottom;
}
#contents.business.division .kvarea {
    background-position: left bottom;
}

/* about  {{{ */
#contents.business section.read .content{
    width: 96%;
    margin: 0 auto;
}
#contents.business .logo {
	display: flex;
	display:-webkit-flex;
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-webkit-justify-content: center;
	justify-content:center;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;

	align-items: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;

    margin: 0 auto;
}
#contents.business .logo img:first-child {
	margin: 0 1em;
}
#contents.business .logo img {
    width: 50%;
}
#contents.business .fig {
	width: 100%;
}
#contents.business .fig img {
    width: 100%;
    margin: 0 auto;
    display: block;
}
#contents.business .fig .btn.more {
	font-size: 1.7vw;
  padding: 0.2em 1.2em;
}
#contents.business .fig .btn.more.l01 {
	top: 31vw;
	left: 56vw;
}
#contents.business .fig .btn.more.l02 {
	top: 37vw;
	left: 66vw;
}
#contents.business .fig .btn.more.l03 {
	top: 69vw;
	left: 71vw;
}
#contents.business .fig .btn.more.l04 {
	top: 84vw;
	left: 56vw;
}
#contents.business .fig .btn.more.l05 {
	top: 84vw;
	left: 33vw;
}
#contents.business .fig .btn.more.l06 {
	top: 69vw;
	left: 18vw;
}
#contents.business .fig .btn.more.l07 {
	top: 48vw;
	left: 18vw;
}
#contents.business .fig .btn.more.l08 {
	top: 31vw;
	left: 33vw;
}
#contents.business section {
	padding: 5em 0;
}


/* }}} */

/* louvre  {{{ */
#contents.louvre .kvarea {
    background-position: left bottom;
}
#contents.louvre section {
	padding: 3em 0;
}
#contents.louvre section.read .content {
    width: 96%;
    margin: 0 auto;
}
#contents.louvre section.read .item {
	max-width: 100%;
	box-sizing: border-box;
	margin: 2em auto;
	line-height: 1.81;
}
#contents.louvre section.read .item h4 {
	font-size: 4.26vw;
	width: 58vw;
  margin: 0 4vw;
  box-sizing: border-box;
}
#contents.louvre section.read .item .text {
  padding: 1em 4vw 0 34vw;
}
#contents.louvre section.read .item .ph {
	float: left;
	margin: 0;
	width: 30vw;
}
#contents.louvre section.read .item .ph img {
	display: block;
	width: 100%;
}
#contents.louvre section.read .item + p {
	max-width: 1250px;
	margin-left: auto;
}
#contents.louvre section.read .item .btn-louvre  {
    width: 75%;
    margin: 2em auto;
}
#contents.louvre section.read .item .btn-louvre img {
}


/* }}} */

/* column {{{ */
#contents.column .kvarea {
    background-position: left bottom;
}

#contents.business.column .column-menu .item {
    width: 100%;
    margin-bottom: 1em;
}
#contents.column.index .contents-list .item a {
	display: flex;
	display:-webkit-flex;
	display:-ms-flexbox;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
}
#contents.column.index .contents-list .item img {
    width: 25vw;
}
#contents.column.index .contents-list .item .contents {
    width: calc(100% - 27vw);
}
#contents.column.detail section.read .content {
    width: 100%;
    padding: 1em;
}


/* }}} */



}

/* }}} */

/* vim: set ts=4 sw=4 sts=0 foldmethod=marker : */
