body {
	background-color: #FFF;
	margin: 0px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

#container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	padding: 0px;
	margin-top: 0px;
}

.footer {
	height: 130px;
	position: fixed;
	left: 0px;
	overflow: hidden;
	font-size: 14px;
	background-image: url(../img/white.png);
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 20px;
	line-height: 24px;
	color: #666;
	width: 130px;
	padding-top: 10px;
	top: 0px;
     }
	 
.footer .lang {
	font-size:18px;
}

.footer2 {
	height: 300px;
	position: fixed;
	overflow: hidden;
	width: 340px;
	font-size: 15px;
	background-image: url(../img/menu_bg.png);
	font-family: "Times New Roman", Times, serif;
	padding-left: 20px;
	line-height: 22px;
	color: #CCCCCC;
	padding-top: 15px;
	right: 0px;
	top: 0px;
     }

#top {
	color: #666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	width: 500px;
	margin-left: auto;
	margin-top: 10px;
	padding-top: 10px;
	margin-right: auto;
}

#top2 {
	color: #999;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#boxSUB {
	color: #333;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	margin-top: 20px;
	background-image: url(../img/works.gif);
	background-position: 40px 43px;
	padding-left: 100px;
	background-repeat: no-repeat;
	padding-top: 40px;
	margin-left: auto;
	padding-right: 100px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: auto;
	letter-spacing: 1px;
}

#boxA {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
	width: 80%;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    padding-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

#boxB {
    color: #333;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    margin-top: 80px;
    background-image: url(../img/works.gif);
    background-position: 40px 43px;
    padding-left: 100px;
    background-repeat: no-repeat;
    padding-top: 40px;
    margin-left: auto;
    padding-right: 100px;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: auto;
    letter-spacing: 1pt;
}

#boxC {
	color: #333;
	font-size: 18px;
	line-height: 36px;
	text-align: left;
	margin-top: 80px;
	background-image: url(../img/works.gif);
	background-position: 40px 43px;
	padding-left: 100px;
	background-repeat: no-repeat;
	padding-top: 40px;
	margin-left: auto;
	padding-right: 100px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: auto;
	letter-spacing: 1pt;
}

#boxB1 {
	color: #333;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	margin-top: 80px;
	background-image: url(../img/works.gif);
	background-position: 40px 43px;
	padding-left: 100px;
	background-repeat: no-repeat;
	padding-top: 40px;
	margin-left: auto;
	padding-right: 100px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: auto;
}

#boxB2 {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	background-image: url(../img/works.gif);
	background-position: 40px 43px;
	padding-left: 100px;
	background-repeat: no-repeat;
	margin-left: auto;
	padding-right: 100px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-right: auto;
}

#boxB3 {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	margin-top: 40px;
	background-image: url(../img/works.gif);
	background-position: 40px 43px;
	padding-left: 50px;
	background-repeat: no-repeat;
	padding-top: 40px;
	margin-left: auto;
	padding-right: 50px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-right: auto;
}

#boxB3en {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	margin-top: 40px;
	background-image: url(../img/works.gif);
	background-position: 40px 43px;
	padding-left: 30px;
	background-repeat: no-repeat;
	padding-top: 40px;
	margin-left: 180px;
	padding-right: 50px;
	font-family: Arial, Helvetica, sans-serif;
}

#boxB4 {
	color: #666;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 15px;
	line-height: 24px;
	text-align: left;
	margin-top: 40px;
	padding-left: 30px;
	background-image: url(../img/contact.gif);
	background-repeat: no-repeat;
	background-position: 40px 42px;
	padding-top: 30px;
	margin-bottom: 800px;
	margin-left: 180px;
	padding-right: 50px;
}

#boxB4en {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 24px;
	text-align: left;
	margin-top: 40px;
	padding-left: 30px;
	background-image: url(../img/contact.gif);
	background-repeat: no-repeat;
	background-position: 40px 42px;
	padding-top: 30px;
	margin-bottom: 800px;
	margin-left: 180px;
	padding-right: 50px;
}

#boxB5 {
	color: #666;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 14px;
	line-height: 24px;
	background-image: url(../img/about.gif);
	background-position: 40px 41px;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-right: 50px;
	padding-left: 50px;
	text-align: left;
	margin-left: 240px;
}

#boxB4ac {
	color: #999;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	margin-left: 60px;
	margin-right: 500px;
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 60px;
}

#boxB5ac {
	color: #999;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	margin-left: 60px;
	margin-right: 500px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom: 150px;
}

#boxB6ac {
	color: #999;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	margin-left: 60px;
	margin-right: 500px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#boxB7ac {
	color: #999;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	margin-left: 60px;
	margin-right: 500px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#boxB7ac .left {
	margin-bottom: 60px;
	font-size: 14px;
	float: left;
	clear: left;
}

#boxB7ac .right {
	float: left;
	height: 240px;
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 28px;
	margin-left: 20px;
}

#boxB8ac {
	color: #999;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	margin-left: 60px;
	margin-right: 500px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom: 400px;
}

#boxB6 {
	color: #333;
	font-size: 12px;
	line-height: 24px;
	text-align: right;
	margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 20px;
}

#boxB7 {
	color: #666;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 15px;
	text-align: left;
	padding-left: 30px;
	background-image: url(../img/archives.gif);
	background-repeat: no-repeat;
	background-position: 40px 42px;
	padding-top: 40px;
	line-height: 24px;
	margin-left: 180px;
	padding-right: 50px;
}

#boxB7en {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	padding-left: 30px;
	background-image: url(../img/archives.gif);
	background-repeat: no-repeat;
	background-position: 40px 42px;
	padding-top: 40px;
	line-height: 24px;
	margin-left: 180px;
	padding-right: 50px;
}

#boxB8 {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	background-image: url(../img/about.gif);
	background-position: 40px 41px;
	background-repeat: no-repeat;
	padding-right: 50px;
	text-align: left;
	margin-left: 180px;
	padding-top: 50px;
	padding-left: 30px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#boxB8en {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	background-image: url(../img/about.gif);
	background-position: 40px 41px;
	background-repeat: no-repeat;
	padding-right: 50px;
	text-align: left;
	margin-left: 180px;
	padding-top: 50px;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
}

#boxB9 {
	color: #666;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 14px;
	line-height: 24px;
	background-image: url(../img/about.gif);
	background-position: 40px 41px;
	background-repeat: no-repeat;
	padding-right: 50px;
	text-align: left;
	margin-left: 180px;
	height: 130px;
	padding-top: 10px;
}


#boxTS {
	color: #666;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 12px;
	line-height: 24px;
	text-align: left;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

#boxTS .mid {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
}

#a:link {
	color: #00878F;
	text-decoration: none;
}
#a:visited {
	text-decoration: none;
	color: #00878F;
}
#a:hover {
	text-decoration: none;
	color: #3ADACB;
}
#a:active {
	text-decoration: none;
	color: #00878F;
}


#b:link {
	color: #999;
	text-decoration: none;
}
#b:visited {
	text-decoration: none;
	color: #999;
}
#b:hover {
	text-decoration: none;
	color: #333;
}
#b:active {
	color: #999;
}


#c:link {
	text-decoration: none;
	color: #F36;
}
#c:visited {
	text-decoration: none;
	color: #F36;
}
#c:hover {
	text-decoration: none;
	color: #333;
}
#c:active {
	text-decoration: none;
	color: #F36;
}

#d:link {
	color: #399;
	text-decoration: none;
}
#d:visited {
	text-decoration: none;
	color: #399;
}
#d:hover {
	text-decoration: none;
	color: #333;
}
#d:active {
	text-decoration: none;
	color: #399;
}

#resizeimage img { width: 100%; }
p.resizeimage img { width: 100%; }
#container #boxB3 iframe {
}

.wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* フレックスボックスの基本設定 等間隔（両端揃え）折返しあり */
[class^="flex-col"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* コンテンツ下のマージン */
.flex-child { margin-bottom: 40px;}

/* 各カラム毎のコンテンツと疑似要素の横幅 */
.flex-col2 .flex-child { width: calc( (100% - 10px) / 2 ); }

.flex-col3::after,
.flex-col3 .flex-child { width: calc( (100% - 20px) / 3 ); }

.flex-col4::before,
.flex-col4::after,
.flex-col4 .flex-child { width: calc( (100% - 30px) / 4 ); }
	
/* 最終行は両端揃えにしない */
.flex-col3::after,
.flex-col4::before,
.flex-col4::after { content: ""; }

.flex-col4::before { order: 1; }

/* レスポンシブ対応 */

/* 991px以下で4列 → 3列 */
@media screen and (max-width: 1280px) {
	.flex-col4::after,
	.flex-col4 .flex-child { width: calc( (100% - 20px) / 3 ); }
}

/* 767px以下で4列・3列 → 2列 */
@media screen and (max-width: 980px) {
	.flex-col3 .flex-child,	
	.flex-col4 .flex-child { width: calc( (100% - 10px) / 2 ); }
}

/* 575px以下で全て1列 */
@media screen and (max-width: 680px) {
	.flex-col2 .flex-child,
	.flex-col3 .flex-child,
	.flex-col4 .flex-child { width: 100%; }
}

.flex-text {
    font-size: 50%;
}
.flex-child p:last-child { margin-top: 0; }