@charset "utf-8";
#c55 > div {
  writing-mode: vertical-rl;
  height: 600px;
  line-height: 2.0;
  text-orientation: upright;
}
#c55.imgtxt2 img {
    width: 100% !important;
}

@media screen and (max-width: 640px) {
    .gallery__01 .box {
        width: 100%!important;
    }
    .gallery__01 .box:not(:nth-last-child(-n+1)) {
        margin-bottom: 20px!important;
    }
    .gallery__01 .box:not(:nth-child(2n)) {
       margin-right: 0!important;
    }
}
#c50 {
	clear: both;
	margin: 0 auto 80px auto;
	padding: 0 40px 0 40px;
}
#c2 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c49 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c49 ul li {
	list-style-type: none;
	text-align: left;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
#c49 ul li { margin-right: px; }
#c49 ul li:last-child { margin-right: 0; }
#c49 > ul li:nth-of-type(1) img {
	width: 800px;
}
#c49 > ul li:nth-of-type(2) img {
	width: 1760px;
}
#c49 > ul li:nth-of-type(3) img {
	width: 1760px;
}
#c53 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c52 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c3 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c33 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c33 h3,
#c33 div {
	text-align: center;
}
#c34 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c34 h2,
#c34 div {
	text-align: center;
}
#c35 {
	clear: both;
	margin: 0 auto 30px auto;
	padding:    ;
}
#c35 h3,
#c35 div {
	text-align: center;
}
#c36 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c36 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c36 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c51 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c54 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c54 h2,
#c54 div {
	text-align: center;
}
#c55 {
	clear: both;
	margin: 0 auto 80px auto;
	padding:    ;
}
#c55 a.itext, #c55 img, #c55 video {
	width: 800px;
	height: 600px;
}
#c55 h2,
#c55 div {
	text-align: left;
}
#c56 {
	clear: both;
	margin: 0 auto 80px auto;
	padding:    ;
}
#c56 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c56 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c56 > div:nth-of-type(1) img {
	width: 800px;
}
#c56 > div:nth-of-type(2) img {
	width: 800px;
}
#c56 > div:nth-of-type(3) img {
	width: 800px;
}
#c6 {
	clear: both;
	background-color: #f5f5f5;
	margin:    ;
	padding: 80px 0 160px 0;
}
#c37 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c37 h2,
#c37 div {
	text-align: center;
}
#c38 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c41 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c41 a.itext, #c41 img, #c41 video {
	width: 1478px;
	height: 600px;
}
#c8 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c8 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c8 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c8 > div:nth-of-type(1) img {
	width: 680px;
}
#c39 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c42 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c42 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c42 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c42 > div:nth-of-type(1) img {
	width: 680px;
}
#c43 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c43 a.itext, #c43 img, #c43 video {
	width: 1480px;
	height: 600px;
}
#c7 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c17 {
	clear: both;
	margin: 0 auto 80px auto;
	padding: 80px 40px 80px 40px;
}
#c16 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c16 h2,
#c16 div {
	text-align: center;
}
#c19 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c19 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c19 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c19 > div:nth-of-type(1) img {
	width: 800px;
}
#c19 > div:nth-of-type(2) img {
	width: 600px;
}
#c19 > div:nth-of-type(3) img {
	width: 412px;
}
#c44 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c45 {
	clear: both;
	background-image: url(../images/home/rec_bg.jpg);
	margin: 0 auto 100px auto;
	padding: 80px 40px 80px 40px;
}
#c46 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c46 h2,
#c46 div {
	text-align: center;
}
#c47 {
	clear: both;
	margin: 0 auto 60px auto;
	padding:    ;
}
#c47 h3,
#c47 div {
	text-align: center;
}
#c48 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c48 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c48 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c18 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c21 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c21 h2,
#c21 div {
	text-align: left;
}
#c57 {
	clear: both;
	display: none;
	margin: 0 auto 100px auto;
	padding:    ;
}
#c22 {
	clear: both;
	margin: 0 auto 100px auto;
	padding:    ;
}
#c22 dl dt {
	width: 20%;
}
#c22 dl dd {
	width: 80%;
}
#c58 {
	clear: both;
	display: none;
	margin: 0 auto 100px auto;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
#c50 {
	padding: 0 40px 0 40px;
}
#c2 {
}
#c49 {
	display: none;
}
#c53 {
}
#c52 {
}
#c3 {
}
#c33 {
}
#c34 {
}
#c35 {
}
#c36 {
}
#c36 {
}
#c51 {
}
#c54 {
}
#c55 {
}
#c56 {
}
#c56 {
}
#c6 {
}
#c37 {
}
#c38 {
}
#c41 {
}
#c8 {
}
#c8 {
}
#c39 {
}
#c42 {
}
#c42 {
}
#c43 {
}
#c7 {
}
#c17 {
	padding: 80px 40px 80px 40px;
}
#c16 {
}
#c19 {
}
#c19 {
}
#c44 {
}
#c45 {
	padding: 80px 40px 80px 40px;
}
#c46 {
}
#c47 {
}
#c48 {
}
#c48 {
}
#c18 {
}
#c21 {
}
#c57 {
	display: none;
}
#c22 {
}
#c58 {
	display: none;
}
}
@media screen and (max-width: 640px) {
#c50 {
	padding: 0 20px 0 20px;
}
#c2 {
}
#c49 {
	display: none;
}
#c53 {
}
#c52 {
}
#c3 {
}
#c33 {
}
#c34 {
}
#c35 {
}
#c36 {
}
#c36 {
}
#c51 {
}
#c54 {
}
#c55 {
}
#c56 {
}
#c56 {
}
#c6 {
}
#c37 {
}
#c38 {
}
#c41 {
}
#c8 {
}
#c8 {
}
#c39 {
}
#c42 {
}
#c42 {
}
#c43 {
}
#c7 {
}
#c17 {
	padding: 80px 20px 80px 20px;
}
#c16 {
}
#c19 {
}
#c19 {
}
#c44 {
}
#c45 {
	padding: 80px 20px 80px 20px;
}
#c46 {
}
#c47 {
}
#c48 {
}
#c48 {
}
#c18 {
}
#c21 {
}
#c57 {
	display: none;
}
#c22 {
}
#c58 {
	display: none;
}
}