@charset "utf-8";
/* CSS Document */

html {
	/*font-size: 13px;*/
}


#contents_underlayers {/*日本広報協会追記*/
	background-color: #fff;
}
.main_underlayers_inner {/*日本広報協会追記*/
	padding:5px;
}
@media only screen and (max-width: 767px) {/*日本広報協会追記*/
#main_underlayers.single_column {
	margin:0;
	}

	.main_underlayers_inner {
	padding:0;
}
	}
#myNumberContent {
	padding: 0 15px;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#myNumberAside {
	padding: 5.47% 15px 0;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fontNormal {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fixBun {
	position: fixed;
	top: 70%;
	right: 0px;
	background-color: #666666;
	width: 220px;
	height: 100px;
	color: #fff;
	z-index: 999999;
}

.thenInner h3 {
	font-size: 150%;
	margin-bottom: 1em;
	background-color: #e2f3e1;
	padding: 10px;
}
.mnContentBox.howto .thenInner {
    padding: 2.5%;
    border-radius: 0px;
    background-color: #fff;
}

.mnContentBox.howto .thenInner .meritBox{
	overflow:hidden;
	margin-bottom:5%;}
.mnContentBox.howto .thenInner .meritBox.last{
	margin-bottom:0%;}	
.mnContentBox.howto .thenInner .meritImg {
    float: left;
    margin-right: 3%;
    width: 40%;
}
.mnContentBox.howto .thenInner .meritImg02 {
    float: right;
    margin-right: 0%;
    width: 40%;
}
.mnContentBox.howto .thenInner .meritTxt span {
	font-size:150%;
    font-weight: bold;
}
.mnContentBox.howto .thenInner .meritTxt span.caption {
	font-size:90%;
}
.mnContentBox.howto .thenInner .meritTxt {
    float: left;
    position: relative;
    display: inline-block;
    width: 57%;
    text-align: left;
    font-weight: bold;
	margin-bottom:1em;
}
.mnContentBox.howto .thenInner .meritTxt02 {
    float: left;
    position: relative;
    display: inline-block;
    width: 57%;
    text-align: left;
    font-weight: bold;
	margin-right:3%;
}
.source{
	text-align:right;}

.movie li .movie_btn-close {
  position: absolute;
  top: -20px;
  right: 0;
}
.movie li .movie_btn-close span {
  cursor: pointer;
  display: inline-block;
  transition: all .2s;
  box-sizing: border-box;
  position: absolute;
  right: 15px;
  width: 25px;
  height: 4px;
  background-color: #f6ab00;
}

.movie li .movie_btn-close span:nth-of-type(1) {
  top: 0;
  right: 8px;
  -webkit-transform: rotate(-45deg) translateY(0px);
  transform: rotate(-45deg) translateY(0px);
}

.movie li .movie_btn-close span:nth-of-type(2) {
  top: 0;
  right: 8px;
  -webkit-transform: rotate(45deg) translateY(0px);
  transform: rotate(45deg) translateY(0px);
}	
@media only screen and (max-width: 1024px) {
	.fixBun {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	#myNumberAside {
		padding: 7% 0;
	}
	  .movie li {
    padding-top: 0;
    margin-left: -150px;
    width: 300px;
  }
  .movie li .movie_btn-close {
    top: 140px;
    left: 35px;
  }
}

#mainTtl {
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 10px 20px;
	border: 1px solid #35912d;
}

#mainTtl h1 {
	display: table;
	width: 100%;
	clear: both;
border-left: none;
padding-left: 0;
margin-bottom: 0;
}

#mainTtl h1 .catName {
	display: table-cell;
	background-color: #35912d;
	border-radius: 6px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	line-height: 1;
	padding: 10px 20px;
}

#mainTtl h1 .title {
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
	padding-left: 40px;
}

#detailArea h1 {
	/*日本広報協会追記*/
	margin-bottom: 28px;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .clearfix {
	height: 1px;
	/*¥*/
	/*/
height: auto;
overflow: hidden;
/**/
}

p {
	transform: rotate(0.05deg);
}

a,
a:visited,
a:hover,
a:link {
	color: #000;
}
.footer_nav a,
.footer_nav a:visited,
.footer_nav a:hover,
.footer_nav a:link{/*日本広報協会追記*/
	color: #fff;
}

#column .body {
	/*日本広報協会追記*/
	padding: 5px;
}

#pagetitle_area {
	text-align: center;
	padding: 30px 45px;
	margin-bottom: 30px;
	background-color: #fffbd5;
	border-radius: 8px;
}

#pagetitle_area .pagetitle {
	background: url(../img/h2_img.png) left bottom no-repeat;
	background-size: 100px auto;
	padding-left: 140px;
	text-align: left;
	width: 580px;
	/*display: inline-block;*/
	display: table;
}

#pagetitle_area .pagetitle .inner {
	display: table-cell;
	vertical-align: middle;
	height: 150px;
}

#pagetitle_area .pagetitle .h2_des {
	font-size: 28px;
	font-weight: bold;
	display: block;
	padding: 8px 14px 6px;
	line-height: 1;
	margin-bottom: 15px;
	text-align: center;
}

#pagetitle_area .pagetitle h2 {
	padding: 22px 0;
	font-size: 40px;
	line-height: 1.2;
	text-align: center;
	background-color: #fff;
	border-radius: 8px;
}

#pagetitle_area .pagetitle h2.line {
	padding-top: 46px;
	padding-bottom: 46px;
}

#pagetitle_area .pagetitle h2 span {
	font-size: 26px;
}


#headerInner h1 .sp_disp {
	width: 100%;
}

/*------------------------------------------------
レイアウト
------------------------------------------------*/
#original {
	padding-top: 10px;
	/*	padding-bottom: 5.47%; */
}

#original.foreign_original {
	border-bottom: none;
	padding-bottom: 0;
}



ul.ti {
	margin-top: 1em;
}

ul.ti li {
	text-indent: -1em;
	padding-left: 1em;
}

li.ti,
p.ti {
	text-indent: -1em;
	padding-left: 1em;
}

/*------------------------------------------------
メニュー
------------------------------------------------*/

#sp_localmenu_btn_area,
#sp_localmenu_btn_area .breadcrumb {
	display: none;
}

#local_menu_wrapper {
	width: 100%;
	position: relative;
}

#local_menu {
	border-right: none;
	margin-left: 0;
	max-width: 920px;
	margin-top: 30px;
}

#local_menu.fixed {
	width: 100%;
	position: fixed;
	top: 55px;
	left: 50%;
	margin: 0 auto;
	margin-left: -460px;
	z-index: 1;
	background: #fff;
	padding-bottom: 10px;
	padding-top: 10px;
}

.headArea {
	width: 920px;
	margin: 15px auto;
}

.voice {
	overflow: hidden;
}

.voice li {
	float: left;
	width: 49%;
	padding-bottom: 2em;
	overflow: hidden;
	margin-right: 2%;
}

.voice li:nth-child(2n) {
	margin-right: 0%;
}

.voice li.mbn {
	padding-bottom: 4px;
}

.voice .voiceThum {
	float: left;
	margin-right: 5%;
	width: 20%;
	height: auto;
}

.voice .voiceBloon {
	float: left;
	position: relative;
	padding: 2.5%;
	background-color: #49b034;
	display: inline-block;
	border: solid 1px #ccc;
	width: calc(73% - 18px);
	text-align: left;
	font-weight: bold;
	box-shadow: 3px 4px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	color: #fff;
}

.voice .voiceBloon::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -18px;
	top: 20px;
	border-right: 18px solid #ccc;
	border-bottom: 18px solid transparent;
}

.voice .voiceBloon::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -15px;
	top: 21px;
	border-right: 17.5px solid #49b034;
	border-bottom: 17.5px solid transparent;
}

.thenBox .caption {
	float: right;
	width: 57%;
	font-size: 90%;
	text-align: left;

}

@media only screen and (max-width: 767px) {

	.thenInner h3 {
		font-size: 110%;
	}

	.thenBox .caption {
		float: none;
		width: 100%;
		margin-bottom: 30px;
		word-break: break-all;
	}

	.voice li {
		float: none;
		width: 100%;
		padding-bottom: 1em;
		margin-right: 0%;
	}

	.voice li.mbn {
		padding-bottom: 1em;
	}

	.voice .voiceThum {
		width: 25%;
	}

	.voice .voiceBloon {
		width: calc(68% - 18px);
		font-size: 14px;
	}

	.headArea {
		width: 100%;
		margin: 15px auto 0px;
	}

	#contents {
		/*日本広報協会追記*/
		margin-top: 40px;
	}

	#header {
		/*日本広報協会追記*/
		height: auto;
	}

	#mainTtl {

		width: 96%;
		margin: 0 auto;
		background: #fff;
		padding: 10px 0%;
		z-index: 10002;
		border-radius: 0;
		border: none;
	}

	h1 {
		font-size: 14px;
	}

	#mainTtl h1 {
		display: block;
		width: auto;
		padding: 3%;
		border: 1px solid #b3b3b3;
		border-radius: 5px;
	}

	#mainTtl h1 .catName {
		padding: 5px 10px;
	}

	#mainTtl h1 .title {
		padding-left: 20px;
	}

}

@media only screen and (max-width: 500px) {
	#mainTtl {
		top: 38px;
	}
}

@media only screen and (max-width: 320px) {
	#mainTtl {
		top: 32px;
	}

	#mainTtl h1 {
		font-size: 12px;
	}

	#mainTtl h1 .title {
		padding-left: 10px;
	}
}

@media only screen and (max-width: 767px) {
	#contents {
		/*日本広報協会追記*/
		margin-top: 0;
	}

	#column {
		/*日本広報協会追記*/
		padding: 0;
	}

	#column .body {
		/*日本広報協会追記*/
		padding: 0;
	}


	#pagetitle_area {
		padding-right: 6.4%;
		padding-left: 6.4%;
		border-radius: 0;
	}

	#pagetitle_area .pagetitle {
		width: 84%;
		padding-left: 16%;
		background-size: 80px auto;
	}

	#pagetitle_area .pagetitle .h2_des {
		font-size: 20px;
	}

	#pagetitle_area .pagetitle h2 {
		width: 100%;
		font-size: 28px;
		line-height: 1.2;
		margin-bottom: 0;
		/*display: inline;*/
	}

	#pagetitle_area .pagetitle h2.line {
		padding-top: 39px;
		padding-bottom: 39px;
	}

	#pagetitle_area .pagetitle h2 span {
		font-size: 18px;
	}

}

@media only screen and (max-width: 767px) {
	#column {
		/*日本広報協会追記*/
		padding: 0;
	}

	#column .body {
		/*日本広報協会追記*/
		padding: 0;
	}

	#pagetitle_area {
		width: 93%;
		margin: 0 auto 20px;
		padding: 10px 3.5%;
	}

	#pagetitle_area .pagetitle {
		width: 100%;
		background: none;
		padding: 0;
		text-align: left;
	}

	#pagetitle_area .pagetitle .h2_des {
		font-size: 14px;
		margin-bottom: 5px;
	}

	#pagetitle_area.blue .pagetitle .h2_des {
		border: 1px solid #0064A4;
	}

	#pagetitle_area .pagetitle h2 {
		position: relative;
		width: 90%;
		padding: 10px 0 10px 10%;
		font-size: 20px;
		line-height: 1.2;
	}

	#pagetitle_area .pagetitle h2.line {
		padding-top: 22px;
		padding-bottom: 22px;
	}

	#pagetitle_area .pagetitle h2 span {
		font-size: 13px;
	}

	#pagetitle_area .pagetitle h2::after {
		position: absolute;
		top: -10px;
		left: 0;
		display: block;
		content: "";
		width: 55px;
		height: 85px;
		background: transparent url(../img/h2_img.png) no-repeat;
		background-size: 55px auto;
	}
}

@media only screen and (max-width: 767px) {

	html body div#wrapper.fontChange div#header.container.noprint {
		position: fixed;
		left: 0;
		top: 0;
		/*z-index: 1;日本広報協会コメントアウト*/
		z-index: 10002;
		/*日本広報協会追記*/
	}

	#detailArea h1,
	html body div#wrapper.fontChange div#container.clearfix div#contents h1 {
		position: fixed;
		left: 0;
		top: 34px;
		/*top: 50px;*/
		z-index: 1;
	}

	#local_menu_wrapper {
		left: 0;
		top: 63px;
		/*top: 80px;*/
		/*z-index: 1;日本広報協会コメントアウト*/
		/*z-index: 10002;*/
		/*日本広報協会追記*/
	}

	#original {
		padding-top: 0;
	}

	html body div#wrapper.fontChange div#header02.container.noprint div.wrap div.header_sub {
		display: none;
	}

}

@media screen and (min-width: 767px) and (max-width: 950px) {
	#contents_underlayers #contents_inner_underlayers {/*日本広報協会追記*/
    max-width: none;
}
	#local_menu.fixed {
		left: 0;
		margin-left: 0;
		min-width: 950px;
		padding-left: 21px;
	}
}

/*
#local_menu.full {
	margin: 0 auto!important;
	left: 0;
}
*/
#local_menu ul {
	width: 100%;
	height: 70px;
	float: left;
	display: inline;
}

#local_menu li {
	height: 100%;
	float: left;
	box-sizing: border-box;
	margin-right: 13px;
}

#local_menu li a {
	border-radius: 8px;
}

#local_menu {
	width: 100%;
}

#local_menu li {
	width: 120px;
}

#local_menu li:last-child {
	margin-right: 0;
}

#local_menu li small {
	font-size: 12px;
}

@media only screen and (max-width: 767px) {
	#local_menu {
		background-color: #FFF;
		border: none;
		border-top: 5px solid #00993B;
		border-left: 5px solid #00993B;
		box-shadow: none;
		/*z-index: 100;*/
		z-index: 5;/*日本広報協会書き換え*/
		position: relative;
		border-radius: 0;
	}

	#local_menu.fixed {
		position: static;
		margin: 0 auto;
	}

	#local_menu ul {
		float: none;
		display: block;
	}

	#local_menu li {
		width: 33.1%;
		border-bottom: 5px solid #00993B;
	}

	#local_menu li.last {
		width: 33.1%;
		border-right: 5px solid #00993B;
		background: #00993B;
	}

	#local_menu {
		width: 100%;
	}

	#local_menu li.m4 {
		background: #00993B;
	}
}



#local_menu li div {
	display: table;
	width: 100%;
	height: 100%;
}

#local_menu li a,
#local_menu li p {
	display: table-cell;
	text-align: center;
	line-height: 1.2;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	font-size: 15px;
	background-color: #FFF;
	text-decoration: none;
	font-weight: bold;
	color: #1a1a1a;
	border-radius: 0px;
	border: 2px solid #333;
	transform: rotate(0.05deg);
}

#local_menu li p {
	background-color: #ccc;
	border: 2px solid #777;
}

#local_menu li.home a {
	border-radius: 0px;
	border: 0px solid #333;
}

.sp_disp {
	display: none !important;
	opacity: 1;
}

#local_menu li span.coming {
	display: table-cell;
	text-align: center;
	line-height: 1.2;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	font-size: 15px;
	background-color: #ccc;
	text-decoration: none;
	font-weight: bold;
	color: #999;
	border-radius: 0px;
	border: 2px solid #333;
	transform: rotate(0.05deg);
}


@media only screen and (max-width: 767px) {

	#local_menu li a,
	#local_menu li p {
		border-radius: 0;
	}
}

@media only screen and (max-width: 767px) {
	.pc_disp {
		display: none !important;
	}

	.sp_disp {
		display: block !important;
	}

	#local_menu a .sp_disp {
		display: inline !important;
	}

	span.sp_disp {
		display: inline !important;
	}

	br.sp_disp {
		display: inline !important;
	}

	#header {
		border-top: none;
	}

	#header #headerInner h1 {
		width: 100%;
		margin: 0 !important;
	}

	#breadcrumb {
		padding: 0 2% !important;
	}

	#headerC,
	#headerR,
	.nav,
	html body div#wrapper.fontChange div#header.container.noprint div.wrap.noprint {
		display: none;
	}

	#header #headerInner h1 a:hover,
	#header #headerInner h1 a:hover img,
	html body div#wrapper.fontChange div#header.container.noprint {
		opacity: 1 !important;
	}

	#local_menu {
		border: none;
		-webkit-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.15);
		box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.15);
		margin: 0 2.5%;
		position: absolute;
		display: none;
		width: 95%;
		left: 0;
		top: 44px;
		background: #f6f6f6;
	}

	#local_menu.full {
		width: 95%;
		padding: 0 2.5% 2.5%;
		margin: 0 !important;
		background: #f6f6f6;

	}


	#local_menu ul {
		float: none;
		display: inline;
	}

	#local_menu .lm1 li:nth-child(odd) {
		width: 49%;
		float: right;
		margin-left: 0;
		margin-right: 0;
		border-right: none !important;
	}

	#local_menu .lm1 li:nth-child(even) {
		width: 49%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		border-right: none !important;
	}

	#local_menu li {
		/*height: 44px;*/
		height: 70px;
		position: relative;
		border-bottom: 2px solid #00993B;
		margin-bottom: 5%;
		padding-left: 0;
	}

	#local_menu .lm2 li:last-child {
		border-bottom: none;
	}

	#local_menu li a,
	#local_menu li p {
		/*font-size: 13px;*/
		font-size: 15px;
		width: 92%;
		box-shadow: 0px 3px 0px 0px rgba(153, 153, 153, .4);
		-webkit-box-shadow: 0px 3px 0px 0px rgba(178, 177, 177, 1);
		-moz-box-shadow: 0px 3px 0px 0px rgba(153, 153, 153, .4);
		border-radius: 5px;
		text-align: center;

	}

	#local_menu li span.coming {
		/*font-size: 13px;*/
		font-size: 15px;
		width: 92%;
		box-shadow: 0px 3px 0px 0px rgba(153, 153, 153, .4);
		-webkit-box-shadow: 0px 3px 0px 0px rgba(178, 177, 177, 1);
		-moz-box-shadow: 0px 3px 0px 0px rgba(153, 153, 153, .4);
		border-radius: 5px;
		text-align: center;

	}


	#local_menu li.home {
		float: none;
		box-sizing: border-box;
		box-shadow: 0px 3px 0px 0px rgba(153, 153, 153, .4);
		-webkit-box-shadow: 0px 3px 0px 0px rgba(178, 177, 177, 1);
		-moz-box-shadow: 0px 3px 0px 0px rgba(153, 153, 153, .4);
		border-radius: 0px;
		width: 100% !important;
		margin-bottom: 5%;
	}

	#local_menu li.home a,
	#local_menu li.home p {
		display: table-cell;
		text-align: center;
		line-height: 1.2;
		vertical-align: middle;
		width: 100%;
		height: 100%;
		font-size: 15px;
		background-color: #FFF;
		text-decoration: none;
		font-weight: bold;
		color: #1a1a1a;
		border-radius: 0px;
		border: 2px solid #333;
		transform: rotate(0.05deg);
	}

	#local_menu li.home a span {
		display: inline-block;
		vertical-align: middle;
		font-size: 150%;
	}

	#local_menu li.home a span:before {
		content: '';
		display: inline-block;
		width: 50px;
		height: 32.38px;
		background: url(../img/sp/navi_home_sp.png) no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-right: 5px;
	}

	#local_menu li a span,
	#local_menu li p span {
		padding: 4% 0;
	}

	#local_menu li a small,
	#local_menu li p small {
		padding-left: 4px;
	}

	#local_menu li a span.ar,
	#local_menu li p span.ar {
		display: block;
		width: 13px;
		height: 13px;
		position: absolute;
		top: 17px;
		right: 15px;
		z-index: 100;
		background: url(../img/sp/menu_arrow.png) no-repeat;
		background-size: 100%;
	}

	#local_menu li a.act span.ar,
	#local_menu li p.act span.ar {
		background: url(../img/sp/menu_arrow_on.png) no-repeat;
		background-size: 100%;
	}

	#detailArea h1,
	#column .body

	/*←日本広報協会追記*/
		{
		margin-bottom: 0;
	}

	#container #contents #detailArea {
		margin-top: 0;
		width: auto;
	}

	#sp_localmenu_btn_area {
		display: block;
		background-color: #f6f6f6;
		/*margin-bottom: 20px;*/
		/*padding-top: 13.75%;*/
		height: 44px;
		position: relative;
	}

	#sp_localmenu_btn_area .breadcrumb {
		display: block;
		font-size: 11px;
		padding-top: 14px;
		padding-left: 4.62%;
	}

	#sp_localmenu_btn_area .breadcrumb a {
		color: #0D63AC;
		text-decoration: none;
	}

	#sp_localmenu_btn_area a.btn {
		background: url(../img/sp/btn_localmenu.png) 30px 50% no-repeat;
		-webkit-background-size: 28px auto;
		background-size: 28px auto;
		width: 68px;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	#sp_localmenu_btn_area a.btn.on {
		background-image: url(../img/sp/btn_localmenu_on.png);
	}

}

#local_menu li {
	float: left;
	box-sizing: border-box;
	box-shadow: 0px 3px 0px 0px rgba(153, 153, 153, .4);
	-webkit-box-shadow: 0px 3px 0px 0px rgba(178, 177, 177, 1);
	-moz-box-shadow: 0px 3px 0px 0px rgba(153, 153, 153, .4);
	border-radius: 6px;
}

#local_menu li.home {
	box-shadow: none;
}

#local_menu li a.act,
#local_menu li a:hover {
	opacity: 1;
	background-color: #dce00f;
}

#local_menu li.home a.act,
#local_menu li.home a:hover {
	background-color: #fff;
}

/*------------------------------------------------
インライン サブメニュー
------------------------------------------------*/

.inline_sub_menu {
	background-color: #0064A4;
	border-radius: 8px;
	margin: 0 auto 4.9%;
	padding: 2% 4.62%;
	width: 84.37%;
	display: none;
}

.inline_sub_menu li {
	background-repeat: no-repeat;
	background-position: 0 46%;
	-webkit-background-size: 24px auto;
	background-size: 24px auto;
	margin: 20px 0;
	padding-left: 40px;
}

.inline_sub_menu li a {
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	display: block;
}

.inline_sub_menu .menu0 {
	background-image: url(../img/marker0.png);
}

.inline_sub_menu .menu1 {
	background-image: url(../img/marker1.png);
}

.inline_sub_menu .menu2 {
	background-image: url(../img/marker2.png);
}

.inline_sub_menu .menu3 {
	background-image: url(../img/marker3.png);
}

.inline_sub_menu .menu4 {
	background-image: url(../img/marker4.png);
}

.inline_sub_menu .menu5 {
	background-image: url(../img/marker5.png);
}

.inline_sub_menu .menu6 {
	background-image: url(../img/marker6.png);
}

.inline_sub_menu .menu7 {
	background-image: url(../img/marker7.png);
}

.inline_sub_menu .menu8 {
	background-image: url(../img/marker8.png);
}

@media only screen and (max-width: 767px) {
	.inline_sub_menu {
		display: block;
	}

	.inline_sub_menu li {
		/*background-size: 12px;*/
		background-size: 15px;
		margin: 10px 0;
		padding-left: 20px;
	}

	.inline_sub_menu li a {
		/*font-size: 12px;*/
		font-size: 15px;
	}
}


/*------------------------------------------------
フローティング サブメニュー
------------------------------------------------*/
#floatmenu {
	border: 4px solid #fff;
	-webkit-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.15);
	padding: 0 15px;
	width: auto;
	height: auto;
	z-index: 220;

	position: fixed;
	display: block;
	right: -1000px;
	top: 50%;
}

@media only screen and (max-width: 767px) {
	#floatmenu {
		border-width: 3px;
		padding: 0 10px;
	}

	#floatmenu:before {
		content: "";
		width: 20px;
		height: 100%;
		position: absolute;
		left: -20px;
		top: 0;
	}
}

/*------------------------------------------------
フッターメニュー
------------------------------------------------*/

#footer_menu {
	width: 100%;
	margin: 6.25% auto 0;
	display: none;
	border-top: 2px solid #00993B;
}

#footer_menu ul {
	float: none;
	display: inline;
}

#footer_menu li {
	height: 44px;
	position: relative;
	border-bottom: 2px solid #00993B;
}

#footer_menu li div {
	display: table;
	width: 100%;
	height: 100%;
}

#footer_menu li a {
	font-size: 12px;
	display: table-cell;
	text-align: center;
	line-height: 1.4;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	text-decoration: none;
	font-weight: bold;
	color: #00993B;
}

#footer_menu li a.act,
#footer_menu li a:hover {
	opacity: 1;
	background-color: #00993B;
	color: #FFF;
}

#footer_menu .lm1 li,
#footer_menu .lm2 li {
	width: 100%;
	float: none;
	display: block;
	border-right: none !important;
}

#footer_menu li a {
	text-align: left;
	font-size: 13px;
	padding: 0 4%;
	width: 92%;
}

#footer_menu li a br {
	display: none;
}

#footer_menu li a span.ar {
	display: block;
	width: 11px;
	height: 11px;
	position: absolute;
	top: 15px;
	right: 18px;
	z-index: 100;
	background: url(../img/sp/menu_arrow.png) no-repeat;
	background-size: 100%;
}

#footer_menu li a.act span.ar {
	background: url(../img/sp/menu_arrow_on.png) no-repeat;
	background-size: 100%;
}

#footer_menu li a:hover span.ar {
	background: url(../img/sp/menu_arrow_on.png) no-repeat;
	background-size: 100%;
}

@media only screen and (max-width: 767px) {
	#footer_menu {
		display: block;
	}
}

/*------------------------------------------------
お知らせ
------------------------------------------------*/
#notice {
	padding: 2% 0;
	border-top: 8px solid #e6e6e6;
	border-bottom: 8px solid #e6e6e6;
	text-align: center;
	margin-bottom: 40px;
}

#notice h2 {
	text-align: center;
	margin-bottom: 2%;
}

#notice dl {
	width: 94%;
	margin: 0 auto;
	transform: rotate(0.05deg);
}

#notice dt {
	width: 16%;
	font-size: 16px;
	float: left;
	display: inline;
	text-align: center;
}

#notice dt span {
	color: #C5C5C5;
}

#notice dd {
	width: 80%;
	float: left;
	display: inline;
	padding-right: 3%;
	margin-bottom: 2.6%;
	font-size: 16px;
	color: #000;
	text-align: left;
}

#notice dd p {
	margin-bottom: 1%;
}

#notice dd:last-child {
	margin-bottom: 0;
}

#notice dd a {
	/*font-size: 18px;*/
	color: #0071bc;
	text-decoration: none;
}

#notice .button {
	display: inline-block;
	padding: .7em 20px;
	vertical-align: middle;
	border: 1px solid #666;
	box-shadow: 0px 5px 0px 0px rgba(153, 153, 153, .4);
	-webkit-box-shadow: 0px 5px 0px 0px rgba(178, 177, 177, 1);
	-moz-box-shadow: 0px 5px 0px 0px rgba(153, 153, 153, .4);
	border-radius: 6px;
	font-size: 18px;
	font-weight: bold;
	transform: rotate(0.05deg);
}

#notice .button:hover {
	cursor: pointer;
	background: #666;
	color: #fff;
}

#notice .button:after {
	content: "";
	width: 26px;
	height: 26px;
	background: url(../img/top/ico_plus.png) no-repeat center center;
	background-size: contain;
	display: inline-block;
	margin-left: 1em;
	vertical-align: middle;
}

#notice .button.close:after {
	background: url(../img/top/ico_minus.png) no-repeat center center;
	background-size: contain;
}

@media only screen and (max-width: 767px) {
	#notice {
		background-size: 9px;
	}

	#notice dl {
		margin: 10px 10px;
		width: auto;
	}

	#notice dt {
		width: 100%;
		font-size: 18px;
		float: left;
		display: block;
		text-align: left;
	}

	#notice dd {
		width: 100%;
		float: left;
		display: block;
		padding-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	#notice {
		background-size: 9px;
		padding: 3.15% 0 6.3% 0;
	}

	#notice h2 span {
		font-size: 17px;
	}

	#notice dt {
		font-size: 14px;
	}

	#notice dd,
	#notice dd a {
		font-size: 14px;
	}

	#notice .button {
		font-size: 14px;
	}
}

#alert {
	border: 4px solid #f599a0;
	border-radius: 10px;
	padding: 3.5%;
	text-align: center;
	margin-bottom: 5.15%;
}

#alert h2 {
	font-size: 28px;
	text-align: center;
	margin-bottom: .5em;
}

#alert h3 {
	font-size: 20px;
	text-align: left;
	padding-left: 35px;
	background: url(../img/top/ico_ttl_alert.png) no-repeat left 5px;
	background-size: 20px auto;
	transform: rotate(0.05deg);
}

#alert p {
	font-size: 20px;
	padding-left: 35px;
	text-align: left;
	color: #0071bc;
}

#alert p a {
	color: #0071bc;
	font-weight: bold;
	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
	#alert h2 {
		font-size: 24px;
	}

	#alert h3 {
		font-size: 16px;
	}

	#alert p {
		font-size: 16px;
	}
}

/*------------------------------------------------
リンクエリア
------------------------------------------------*/

#links {
	padding: 0 0 2.15% 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5.15%;
	text-align: center;
}

#links.foreign {
	padding-bottom: 1.15%;
	margin-bottom: 3.15%;
	border-top: 3px dotted #d2d2d2;
}

#links .bnr {
	margin-bottom: 5.15%;
	text-align: center;
}

#links ul.bnr {
	display: table;
	width: 100%;
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}

#links .bnr li {
	display: table-cell;
}

#links .bnr li a {
	display: inline-block;
}

#links .externalLinks {
	border-top: 1px solid #ccc;
	padding-top: 2.15%;
}

#links.foreign ul.bnr {
	border-bottom: none;
	padding-bottom: 0px;
}

#links.foreign ul.bnr.foreign_en {
	border-bottom: 3px dotted #d2d2d2;
	padding-bottom: 4.15%;
}

@media only screen and (max-width: 767px) {
	#links {
		border-bottom: 2px dotted #d2d2d2;
	}

	#links .bnr {
		/*width: 90%;*/
		margin: 0 auto;
		margin-bottom: 2.15%;
	}

	#links ul.bnr li {
		padding: 1.38% 1%;
		width: 31.3%;
		float: left;
		display: inline;
	}

	#links.foreign {
		border-top: 2px dotted #d2d2d2;
	}

	#links.foreign ul.bnr {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}

	#links.foreign ul.bnr.foreign_en {
		border-bottom: 2px dotted #d2d2d2;
		padding-bottom: 3.15%;
	}

	#links.foreign ul.bnr li {
		float: none;
		display: block;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 767px) {
	#links ul.bnr {
		width: 90%;
		margin: 0 auto;
	}

	#links.foreign {
		border-top: 2px dotted #d2d2d2;
		padding-bottom: 3.15%;
	}

	#links.foreign ul.bnr {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}

	#links.foreign ul.bnr.foreign_en {
		border-bottom: 2px dotted #d2d2d2;
	}

	#links.foreign ul.bnr li {
		float: none;
		display: block;
		margin: 0 auto;
	}
}

#links .txt {
	display: table;
	width: 100%;
}

#links .txt li {
	width: 25%;
	padding: 1.2% 0;
	display: table-cell;
	box-sizing: border-box;
	border-right: 1px solid #d2d2d2;
	text-align: center;
	vertical-align: middle;
}

#links .txt li:last-child {
	border-right: 0;
}

#links .txt li a {
	display: inline-block;
	background: url(../img/link_arrow.png) no-repeat 0 40%;
	background-size: 14px;
	padding-left: 9%;
	font-size: 16px;
	color: #0D63AC;
	text-decoration: none;
}

#links .txt li a br {
	display: none;
}

#links.foreign .txt li a br {
	display: block;
}

@media only screen and (max-width: 767px) {
	#links .txt li a br {
		display: none;
	}

	#links .txt li a {
		padding-left: 16%;
		text-align: left;
	}

	#links.foreign .txt {
		padding: 0px 5.13%;
	}

	#links.foreign .txt li a {
		padding-left: 6%;
	}

	#links.foreign .txt li a br {
		display: none;
	}

	#links.foreign .txt li {
		width: 100%;
		display: block;
		border-right: 0px;
		text-align: left;
	}
}

@media only screen and (max-width: 767px) {
	#links {
		border-bottom: none;
	}

	#links .externalLinks {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 1px solid #ccc;
		padding-bottom: 2.15%;
	}

	#links .txt li {
		width: 50%;
		display: inline-block;
		text-align: left;
		border-right: none;
	}

	#links .txt li a {
		padding-left: 25px;
		background-size: 20px;
		font-size: 14px;
		/* background-size: auto 80%; */
		text-align: left;
		margin-left: 4%;
		line-height: 20px;
	}

	#links.foreign .txt {
		padding: 0px 5.13%;
	}

	#links.foreign .txt li a {
		padding-left: 6%;
	}

	#links.foreign .txt li a br {
		display: none;
	}
}

@media only screen and (max-width: 320px) {
	#links .txt li a {
		font-size: 12px;
	}
}

/*------------------------------------------------
お問合せ
------------------------------------------------*/

#contact,
#contact02 {
	border: 5px solid #8d8d8d;
	border-top: none;
	padding-bottom: 2.3%;
	margin-bottom: 4.9%;
}

#original #contact_encho {
	border: 5px solid #EA522E;
	border-top: none;
	padding-bottom: 2.3%;
	margin-bottom: 4.9%;
}

#contact h2,
#contact02 h2 {
	background-color: #8d8d8d;
	text-align: center;
	margin-bottom: 2.3%;
	width: 100%;
}

#original #contact_encho h2 {
	background-color: #EA522E;
	text-align: center;
	margin-bottom: 2.3%;
	width: 100%;
}


#contact h2 span,
#contact02 h2 span,
#original #contact_encho h2 span {
	padding: 1.8% 0;
	padding-left: 50px;
	display: inline-block;
	/*vertical-align: middle;*/
	background: url(../img/ico_contact.png) no-repeat 0 50%;
	line-height: 1;
	text-align: left;
	font-size: 21px;
	color: #FFF;
}

#contact .contact_num,
#contact02 .contact_num,
#original #contact_encho .contact_num {
	width: 663px;
	margin: 0 auto 2.1%;
}

#contact .note,
#contact02 .note,
#original #contact_encho .note {
	font-size: 15px;
	width: 92.4%;
	margin: auto;
}

@media only screen and (max-width: 767px) {

	#contact .contact_num,
	#contact02 .contact_num,
	#original #contact_encho .contact_num {
		width: 92.4%;
		margin: 0 auto 2.1%;
	}

	#original #contact_encho .contact_num {
		width: 92.4%;
		margin: 0 auto 2.1%;
	}

	#contact .contact_num img,
	#contact02 .contact_num img,
	#original #contact_encho .contact_num img {
		width: 100%;
	}

	#contact .note,
	#contact02 .note,
	#original #contact_encho .note {
		font-size: 11px;
	}
}



.socialBar ul {
	text-align: center;
}

@media only screen and (max-width: 767px) {

	#contact h2 span,
	#contact02 h2 span,
	#original #contact_encho h2 span {
		font-size: 14px;
		background: url(../img/ico_contact.png) no-repeat 0 50%;
		background-size: 18px;
		padding-left: 24px;
	}

	#contact .contact_num,
	#contact02 .contact_num,
	#original #contact_encho .contact_num {
		margin: 0 auto 3.1%;
	}

	h4.substitute01 {
		width: auto;
		padding: 1em 0 1em 0.5em;
		background-color: #8C5800;
		clear: both;
	}

	h4.substitute01 span {
		display: block !important;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}

	h4.substitute01 img {
		display: none;
	}
}

/*------------------------------------------------
お問合せ（フリーダイヤル化後）
------------------------------------------------*/

#contact_free {
	border: 5px solid #000;
	border-top: none;
	padding-bottom: 2.3%;
	text-align: center;
}

#original #contact_free {
	border: 5px solid #f10011;
}

#contact_free h2 {
	background-color: #000;
	text-align: center;
	margin-bottom: 4.3%;
	width: 100%;
}

#original #contact_free h2 {
	background-color: #f10011;
	width: 100% !important;
}


#contact_free h2 span {
	color: #fff;
	display: inline-block;
	font-size: 22px;
	line-height: 1;
	padding: 2.1% 0 2.1%;
	text-align: left;
	vertical-align: middle;
}

#original #contact_free h2 span {
	background: url(../img/ico_contact.png) no-repeat scroll 0 50%;
	color: #fff;
	display: inline-block;
	font-size: 21px;
	line-height: 120%;
	padding-left: 50px !important;
	margin: 0 auto;
	text-align: left;
}


#contact_free h3 {
	color: #b9141e;
	margin: 0 auto 20px;
	text-align: center;
	background: url(../img/line_dot_pc.png) no-repeat center bottom;
	padding-bottom: 15px;
}

#contact_free .freeDial,
#contact_free .forForeigners {
	background: #f3f4a9;
	width: 92.4%;
	padding: 2.2% 0;
	margin: 0 auto 2.2% auto;
}

#contact_free h3 span {
	background: url(../img/ico_contact.png) no-repeat scroll 0 50%;
	color: #b9141e;
	/*display: inline-block;*/
	font-size: 28px;
	line-height: 120%;
	padding: 2.2% 0 1.8% 40px;
	margin: 0 auto;
	text-align: center;
}

#contact_free h3.foreign {
	background: url(../img/ico_circle_red.png) no-repeat 0 0.15em;
	color: #333;
	margin: 0 auto 20px auto;
	padding: 0px 0px 0px 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	width: 92.4%;
	font-size: 18px;
}

#contact_free h4 {
	font-size: 20px;
	text-align: center;
	color: #b9141e;
	width: 92.4%;
	margin: 0 auto 20px;
}

#contact_free h4.foreign {
	text-align: left;
}

#contact_free .contact_free_num {
	width: 640px;
	margin: 0 auto;
}

#contact_free .num {
	margin-bottom: 14px;
	text-align: center;
}

#contact_free .caution {
	font-size: 18px;
	color: #b9141e;
	font-weight: bold;
	text-align: center;
}

#contact_free .reception {
	display: inline-block;
	margin: 0 auto 2.6% auto;
}

contact_free .reception ul {
	display: table;
	margin: 0 auto 1.6% auto;
}

#contact_free .reception li {
	display: table-row;
}

#contact_free .reception li>div {
	display: table-cell;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
	padding-bottom: .2em;
}

#contact_free .reception li .date {
	padding-right: 1em;
	padding-left: 0.2em;
	white-space: nowrap;
}

#contact_free .reception span.small {
	font-size: 18px;
}

#contact_free .chu {
	text-align: left;
	font-size: 14px;
}

#contact_free .note {
	font-size: 15px;
	width: 92.4%;
	margin: auto;
	border-bottom: 3px solid #d2d2d2;
	padding-bottom: 30px;
	margin-bottom: 30px;
	text-align: center;
}

#contact_free .note.foreigners,
#original #contact_free .note {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#contact_free .note p {
	text-align: center;
	font-size: 15px;
	margin-bottom: 10px;
}

#contact_free .note dl {
	width: 48%;
}

#contact_free .note dl.left {
	float: left;
	box-sizing: border-box;
	border: 2px solid #555;
	background: #fff;
}

#contact_free .note dl.right {
	float: right;
	box-sizing: border-box;
	border: 2px solid #555;
	background: #fff;
}

#contact_free .note.foreigners dl.left,
#contact_free .note.foreigners dl.right {
	border: 2px solid #555;
}

#contact_free .note dt {
	font-size: 17px;

}

#contact_free .note dt span {
	color: #000;
	display: block;
	padding: 16px 2.32% 0;
	text-align: center;
	box-sizing: border-box;
}

#contact_free .note dd {
	font-weight: 900;
	color: #000;
	font-size: 28px;
	padding: 0 2.32% 8px;
	text-align: center;
	margin-left: 0;/*日本広報協会追記*/
}

#contact_free .note dd .small {
	font-size: 20px;
}

#contact_free .note .chu {
	text-align: center;
	font-size: 13px;
	clear: both;
}

#contact_free .dialnote {
	padding-left: 1.6%;
	font-size: 14px;
	margin: 20px;
}

#contact_free .astal {
	color: red;
	font-weight: bold;
}

@media only screen and (max-width: 767px) {

	#contact_free .contact_free_num,
	#original #contact_free .contact_free_num {
		width: 92.4%;
		margin: 0 auto 2.1%;
	}

	#contact_free .note,
	#original #contact_free .note {
		width: 92.4%;
	}

	#contact_free h4 {
		text-align: left;
	}

	#contact_free .note dl {
		width: 100%;
	}

	#contact_free .note dl.left,
	#contact_free .note dl.right {
		float: none;
		box-sizing: border-box;
		padding: 0;
	}

	#contact_free .note dl.left {
		margin-bottom: 3%;
	}

	.socialBar ul {
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {

	#contact_free h2 span,
	#original #contact_free h2 span {
		font-size: 14px;
		background-size: 18px;
		padding-left: 24px;
	}

	#contact_free h3 {
		margin-bottom: 3%;
		background: url(../img/line_dot_sp.png) no-repeat center bottom;
		background-size: 92% auto;
	}

	#contact_free h3 span {
		background-size: 1.5em;
		font-size: 15px;
		padding-left: 2em;
	}

	#contact_free h3.foreign {
		background: url(../img/ico_circle_red.png) no-repeat 0 0.1em;
		font-size: 16px;
		margin-bottom: 10px;
	}

	#contact_free h4 {
		font-size: 14px;
	}

	#contact_free .caution {
		font-size: 13px;
	}

	#contact_free .reception {
		padding: 0 4%;
	}

	#contact_free .reception ul {
		display: inline-block;
	}

	#contact_free .reception li>div {
		font-size: 18px;
	}

	#contact_free .reception span.small {
		font-size: 12px;
	}

	#contact_free .note p {
		font-size: 14px;
		margin-top: 0;
		text-align: left;
	}

	#contact_free .note dt {
		font-size: 15px;
	}

	#contact_free .note dd,
	#contact_free .note dd strong {
		font-size: 24px;
	}

	#contact_free .note dd .small {
		font-size: 14px;
	}

	#contact_free .note .chu {
		font-size: 11px;
	}

}

.heightLine-group1,
.heightLine-group2,
.heightLine-group3,
.fixHeight1>*,
.fixHeight2>*,
.fixHeight3>*,
.fixHeight4>*,
#pre li {
	min-height: 10px;
}

/*協会追記*/

#container {
	width: 100%;
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px) {
	#container #contents {
		margin: 0 auto;
		width: 950px;
	}


	#container #contents #detailArea {
		margin-top: 0;
		width: auto;
	}
}

/* 768px - 767pxの記述
------------------*/
@media screen and (max-width:768px) {
	#container #contents {
		width: auto;
		margin: 0 auto;
	}
}



/* add */
#tokusyu #gnavi.fixed {
	position: static;
}

@media only screen and (max-width: 767px) {


	.container {
		transform: none;
	}

	.body h1 {
		z-index: 10;
	}

	#local_menu_wrapper {
		top: 0px !important;
	}
}

@media only screen and (max-width: 500px) {
	#local_menu_wrapper {
		top: 0px !important;
	}
}

@media only screen and (max-width: 320px) {
	#local_menu_wrapper {
		top: 0px !important;
	}
}

/************************************************
日本広報協会追記　 別ウィンドウ・pdfアイコン付加を適用しない
*************************************************/
/*
a[target="_blank"]:before {
    content:url(../images/common/ico_blank.png);
    margin:0 2px;
}*/
a[href$='.pdf']:after {
	content: none !important;
	margin: 0 2px;
}

img.tBlank {
	padding: 4px 8px 0 0;
}

/*別ウィンドウアイコンを表示したくない画像（バナー等）は下記にセレクタを追加してください*/
img.tBlank {
	display: none !important;
}


#gnavi li a.sub span {
	font-size: 100%;
	/*padding: 15px 0 10px 27px;*/
}



/************************************************
TOPページ言語選択メニュー、広告物エリアの追加に伴い、追記
*************************************************/
.langMenu {
	font-size: 0;
	margin-top: -33px;
	margin-bottom: 28px;
	background-color: #e4e4e4;
	padding: 5px;
	border-radius: 0 0 5px 5px;
	display: table;
}

.langMenu li {
	font-size: 16px;
	display: inline-block;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: calc(940px / 5);
	line-height: 1;
	padding: 10px 0;
	background-color: #fff;
	border-left: 5px solid #e4e4e4;
}

.langMenu li:first-child {
	border-left: 0;
}

.langMenu li a {
	color: #444;
	text-decoration: underline;
}

.langMenu li.here a {
	text-decoration: none;
	font-weight: bold;
	color: #1cac50;
}

.foreign_lang #local_menu li {
	width: 50%;
}

#office.merit {
	background-color: #1cac50;
}

#office.merit h2 span {
	background: none;
	padding-left: 0;
}

#office.merit .movie-area {
	margin-top: 30px;
}

.foreign_list h4 {
	font-size: 21px;
	color: #00983A;
	width: 92.4%;
	margin: 0 auto 20px;
}

.foreign_list .note dl {
	width: 50%;
}

.foreign_list dl.left {
	float: left;
	box-sizing: border-box;
	padding-right: 2.32%;
}

.foreign_list dl.right {
	float: right;
	box-sizing: border-box;
	padding-left: 2.32%;
	border-left: 1px solid #e3e3e3;
}

.foreign_list dt {
	font-size: 17px;
}

.foreign_list dt span {
	color: #000;
	display: block;
	padding: 8px 2.32%;
	text-align: center;
	background-color: #EAEAEA;
	box-sizing: border-box;
}

.foreign_list dd {
	font-weight: 900;
	color: #000;
	font-size: 22px;
	padding: 8px 2.32% 0;
	text-align: center;
}

#main_area {
	text-align: center;
	margin-bottom: 40px;
	width: 920px;
	height: 540px;
	background: url(../img/top/mv_top_pc.jpg) no-repeat center center;
}

@media print {
	.top #main_area {
		position: relative;
	}

	.top #main_area:after {
		content: url(../img/top/mv_top_pc.jpg);
		position: absolute;
		top: 0;
		left: 0;
	}
}

#main_area img {
	margin-left: auto;
	margin-right: auto;
	display: none;
}

@media only screen and (max-width: 767px) {
	#main_area {
		background: none;
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}

	#main_area img {
		display: block;
	}
}

#preparation.foreign span {
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.langMenu {
		position: absolute;
		top: 150px;
	}

	.langMenu li a {
		font-size: 14px;
	}

	.foreign_lang #local_menu li {
		width: 100%;
	}

	#myNumberContent {
		padding-top: 20px;
	}

	#office.merit .movie-area {
		margin-top: 15px;
	}

	.foreign_list h4 {
		font-size: 14px;
	}

	.foreign_list .note dl {
		width: 100%;
	}

	.foreign_list dl.left {
		margin-bottom: 3%;
	}

	.foreign_list dl.left,
	.foreign_list dl.right {
		float: none;
		box-sizing: border-box;
		padding: 0;
		border-left: none;
	}

	.foreign_list dt {
		font-size: 15px;
	}

	.foreign_list dt span {
		text-align: left;
	}

	#main_area .foreign_list dd,
	#main_area .foreign_list dd strong {
		font-size: 15px;
		text-align: left;
	}

	#pagetitle_area h2.font_en {
		font-size: 15px;
	}
}

.mnContentBox {
	border-radius: 0px;
	margin-bottom: 4.5%;
	padding: 0 2.5% 2.5%;
	text-align: center;
}

.mnContentBox02 {
	border-radius: 0px;
	margin-bottom: 4.5%;
	padding: 0%;
	text-align: center;
}

/*@media only screen and (max-width: 500px) {
	#myNumberContent {
    padding-top: 130px;
}
}*/
@media only screen and (max-width: 767px) {
	.mnContentBox {
		padding: 0 3% 3%;
	}
}

.mnContentBox.gray {
	background: #eff0f2;
	border-top: 5px solid #35912d;
}

.mnContentBox.orange {
	background: #fdf1d0;
}

.mnContentBox.yellow {
	background: #f7f7c3;
}

.mnContentBox.pink {
	background: #fdebec;
	border-top: 5px solid #ef5c67;
}

.mnContentBox.green {
	background: #e2f3e1;
	border-top: 5px solid #35912d;
}

.mnContentBox.purple {
	background: #ecdefd;
}

.mnContentBox.portal {
	background: #fff;
	border: 8px solid #dce00f;
	border-radius: 0px;
	padding: 4.3%;
}

.mnContentBox.portal h2 {
	margin-bottom: 2.5%;
}

.mnContentBox.portal h2 img {
	width: 310px;
}

.mnContentBox.portal p {
	margin-bottom: 3.4%;
}

.mnContentBox.portal .list ul {
	display: table;
	width: 100%;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.mnContentBox.portal .list ul li.item {
	display: table-cell;
	width: 50%;
}

.mnContentBox.portal .list ul li.item:nth-child(odd) {
	text-align: left;
}

.mnContentBox.portal .list ul li.item:nth-child(even) {
	text-align: right;
}

@media only screen and (max-width: 767px) {
	.mnContentBox.portal p {
		text-align: left;
		font-size: 14px;
	}

	.mnContentBox.portal .list ul {
		display: block;
	}

	.mnContentBox.portal .list ul li.item {
		display: block;
		width: 100%;
		margin-bottom: 3.4%;
	}

	.mnContentBox.portal .list ul li.item.btn a {
		width: 100%;
	}
}

.mnContentBox .mnInner .linedTtl {
	position: relative;
	padding: 3em 0 2.5em;
}

.mnContentBox .mnInner .linedTtl.red {
	background: url(../img/linedTtl_red.png) no-repeat center -4px;
}

.mnContentBox .mnInner .linedTtl.orange {
	background: url(../img/linedTtl_orange.png) no-repeat center -4px;
}

.mnContentBox .mnInner .linedTtl.pink {
	background: url(../img/linedTtl_pink.png) no-repeat center -4px;
}

.mnContentBox .mnInner .linedTtl.green {
	background: url(../img/linedTtl_green.png) no-repeat center -4px;
}

.mnContentBox .mnInner .linedTtl.purple {
	background: url(../img/linedTtl_purple.png) no-repeat center -4px;
}

.mnContentBox .mnInner .linedTtl p {
	font-size: 16px;
    padding-top: .5em;
    margin-bottom: 0;
    font-weight: normal;
}

.mnContentBox .mnInner .linedTtl p.castInfo {
	line-height: 1;
	padding-top: .5em;
	margin-bottom: 0;
}

.mnContentBox .mnInner .linedTtl h2 {
	font-size: 34px;
	line-height: 1;
	display: inline-block;
}

.mnContentBox .mnInner .linedTtl h2 strong {
	font-size: 40px;
}

@media only screen and (max-width: 767px) {
	.mnContentBox .mnInner .linedTtl h2 {
		font-size: 22px;
		line-height: 1.3;
		text-align: center;
	}

	.mnContentBox .mnInner .linedTtl h2 strong {
		font-size: 22px;
	}


}

.btn a {
	display: inline-block;
	background: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 0px 5px 0px 0px rgba(153, 153, 153, .4);
	-webkit-box-shadow: 0px 5px 0px 0px rgba(178, 177, 177, 1);
	-moz-box-shadow: 0px 5px 0px 0px rgba(153, 153, 153, .4);
	padding: 1em 20px;
	text-align: left;
}

.btn a:before {
	content: "";
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.btn.gray a.more {
	width: 290px;
	display: inline-block;
	background: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 0px 5px 0px 0px rgba(153, 153, 153, .4);
	-webkit-box-shadow: 0px 5px 0px 0px rgba(178, 177, 177, 1);
	-moz-box-shadow: 0px 5px 0px 0px rgba(153, 153, 153, .4);
	padding: .5em 20px;
	text-align: center;
	margin-bottom: 30px;

}

.btn.yellow a:before {
	background: url(../img/arrow_orange.png)no-repeat left center;
	background-size: 40px 40px;
}

.btn.gray a:before {
	background: url(../img/link_arrow.png)no-repeat left center;
	background-size: 40px 40px;
}

.btn.green a:before {
	background: url(../img/arrow_green.png)no-repeat left center;
	background-size: 40px 40px;
}

.btn.pinkBase a {
	background: #ea616f;
	color: #fff;
}

.btn.pinkBase a:before {
	background: url(../img/kosodate/arrow_pink_flip.png) no-repeat left center;
	background-size: 40px 40px;
}

.btn.yellowGreenBase a {
	background: #e5e338;
	border: 1px solid #000;
}

.btn.yellowGreenBase a:before {
	background: url(../img/tsukurikata/arrow_orange_flip.png) no-repeat left center;
	background-size: 40px 40px;
}

.btn.orange a {
	background: #dce00f;
	color: #000;
	border: solid 1px #000;
}

.btn.orange a:before {
	background: url(../img/tsukurikata/arrow_orange_flip.png) no-repeat left center;
	background-size: 40px 40px;
}

.btn a:hover {
	text-decoration: none;
}

.btn a span {
	display: inline-block;
	line-height: 1.3;
	vertical-align: middle;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0;
	transform: rotate(0.05deg);
}

@media only screen and (max-width: 767px) {
	.btn a {
		padding: .25em 4%;
		width: auto;
	}

	.btn a:before {
		display: table-cell;
		vertical-align: middle;
		width: 40px;
		background-size: 80%;
		background-position: left center;
		margin-right: 0;
	}

	.btn.yellow a:before,
	.btn.gray a:before {
		background-size: 80%;
		background-position: left center;
	}

	.btn a span {
		display: table-cell;
		vertical-align: middle;
		font-size: 16px;
	}

	.btn a span br {
		display: none;
	}

	.btn a:before {
		width: 25px;
		height: 25px;
	}

	.btn.yellow a:before {
		background-size: 20px 20px;
	}

	.btn.gray a:before {
		background-size: 20px 20px;
	}

	.btn.pinkBase a:before {
		background-size: 20px 20px;
	}

	.btn.yellowGreenBase a:before {
		background-size: 20px 20px;
	}

	.btn.orange a:before {
		background-size: 20px 20px;
	}

	.movLink.ad {
		margin-bottom: 0px;
	}

	.fixBun {
		display: none;
	}

	.mnContentBox .mnInner .linedTtl {
		position: relative;
		padding: 2em 0;
	}
	.mnContentBox.howto .thenInner .meritImg {
    float: none;
    margin-right: 0%;
    width: 100%;
	margin-bottom:20px;
}
.mnContentBox.howto .thenInner .meritImg02 {
    float: none;
    width: 100%;
	margin-bottom:20px;
}


.mnContentBox.howto .thenInner .meritTxt {
    float: none;
    width: 100%;
    
}
.mnContentBox.howto .thenInner .meritTxt02 {
    float: none;
    width: 100%;
}
}

.mnContentBox.ad .mnInner .adList ul li p {
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
	font-size: 18px;
	text-decoration: underline;
}

.mnContentBox.ad .mnInner .adList ul.twoMovie li p {
	font-size: 14px;
}


.movLink {
	margin-bottom: 20px;
}

.movLink a:link {
	color: #0071bc !important;
	text-decoration: underline;
}

.movLink.nm {
	margin-bottom: 0px !important;
	margin-top: 20px;
}

/*
#sec1_1-15 {
   margin-top:-220px;
  padding-top:220px;
}

#difference {
  padding-top:220px;
  margin-top:-220px;
  margin-top:-170px\9;
}
@media all and (-ms-high-contrast: none){
	#difference {
    margin-top:-170px; 
  }
}
}
*/

/*20180313追記（movie調整）*/
.movie1 {
	text-align: center;
	margin-top: 20px;
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	z-index: 9998;
	display: none;
}

.movie li {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 99999;
	margin-left: -320px;
	display: none;
}

.pc_none {
	display: none;
}

.sp_none {
	display: block;
}

.btnM {
	cursor: pointer;
}

@media only screen and (min-width: 0px) and (max-width: 736px) {
	.movie1 {
		width: 74%;
		margin: 20px auto 0;
	}

	.movie1 img {
		width: 100%;
		height: auto;
	}

	#overlay {
		height: 110%;
	}

	.movie li {
		padding-top: 160px;
		top: 0;
		left: 50%;
		z-index: 9999;
		margin-left: -150px;
		display: none;
		width: 300px;
	}

	img.sp {
		display: block;
	}

	img.pc {
		display: none;
	}

	.pc_br {
		display: inline;
	}

	.pc_none {
		display: block;
	}

	.sp_none {
		display: none;
	}
}

@media screen and (orientation: landscape) {
	#local_menu_wrapper {
		top: 0px !important;
	}

	.voice .voiceThum {
		width: 20%;
	}
}