@charset "utf-8";

/* ==========================================================================
   1. 共通の基本スタイル（PC・スマホ共通）
   ========================================================================== */

/* html5doctor.com Reset Stylesheet v1.4 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	/* line-height:1; */
	-webkit-text-size-adjust: 100%;
	font-size: 0.9em;
	line-height: 1.8;
	color:#000;
	font-family: "Noto Sans JP", sans-serif;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
nav {
	margin:0;
	padding:0;
	position:relative;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
/* ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
} */
/* mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
} */
del {
	text-decoration: line-through;
}
/* abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
} */
/* hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
} */
/* input, select {
	vertical-align:middle;
} */
/* .small{
	font-size:0.9em;
} */
* {
	margin:0;
	padding:0;
}
html {
	overflow-y: scroll;
}
img {
	border: 0;
    image-rendering: -webkit-optimize-contrast;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 共通リンク設定 */
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color: #5E31AD;
}
a:link {
	text-decoration: underline;
	color: #5E31AD;
}
a:visited {
	text-decoration: underline;
	color: #5E31AD;
}
a:active {
	text-decoration: underline;
}
a:hover {
 	text-decoration: none;
}
a name {
	text-decoration: underline;
}

/* アイコン付リンク */
a.point_r{
	background:url(../images/ico_arrow.png) left no-repeat;
	padding-left:20px;
}
a.point_l{
	background:url(../images/ico_arrow2-trans.png) left no-repeat;
	padding-left:20px;
}
a.pdf{
	background:url(../images/icon_pdf.gif) no-repeat 0 1px;
	padding-left:20px;
}
a.word{
	background:url(../images/icon_doc.gif) no-repeat 0 1px;
	padding-left:20px;
}
a.xls{
	background:url(../images/icon_xls.gif) no-repeat 0 1px;
	padding-left:20px;
}
a.ppt{
	background:url(../images/icon_pps.gif) no-repeat 0 1px;
	padding-left:20px;
}
a.over img{
	display:block;
}
a.over:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.8;
	opacity:0.8;
}

/* 共通見出し設定 */
.h1_s{
	font-size:20px;
}
section h1 {
	padding: 1.9em 0.5em 0.7em 1.5em;
	line-height:1;
	color:#202F73;
	display: flex;
  align-items: center;
}
section h1::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 1.25em;
	margin-right: 0.7em;     
	flex-shrink: 0;
	margin-top: 1px;
	background-color: #4949B9;
}
.h2_line-title{
	display: flex;
	align-items: center;
	color: #202F73;
	font-size: 24px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 600;
	padding: 0.5em 0 0.5em 1.4em;
}
.h2_line-title::after {
	content: "";
	flex-grow: 1;
	height: 3px;
	background: #202F73;
	margin-left: 15px;
}
section h2{
	font-size:1.1em;
	color: #fff;
	background:#4949B9;
	padding:0.5em 1em;
}
section h3{
	font-size:1em;
	color: #4949B9; 
	font-weight: bold;
	border-bottom:1px solid #4949B9;
	padding:5px 5px; 
	line-height: 1.4;
}
section h4{
	font-size:1em;
	font-weight: bold;
	line-height: 1.4;
}
#top_news section h2{
	width:628px;
	background:none;
	padding:0;
	margin:0;
}
#kousin section h2{
	width:198px;
	background:none;
	padding:0;
	margin:0;
}
#poster section h2{
	width:306px;
	background:none;
	padding:0;
	margin:0;
}
#access section h2{
	width:198px;
	background:none;
	padding:0;
	margin:0;
}

/* 共通レイアウトパーツ */
header h1{
	padding:0;
	line-height:0;
}
#contents {
	overflow:hidden;
	margin:0;
    clear:both;
}
.page_home #gloval_nav a.nav_home,
.page_greeting #gloval_nav a.nav_greeting,
.page_guide #gloval_nav a.nav_guide,
.page_program #gloval_nav a.nav_program,
.page_abstracts #gloval_nav a.nav_abstracts,
.page_coi #gloval_nav a.nav_coi,
.page_registration #gloval_nav a.nav_registration,
.page_seminar #gloval_nav a.nav_seminar,
.page_case_conference #gloval_nav a.nav_case_conference,
.page_participant #gloval_nav a.nav_participant,
.page_fcp #gloval_nav a.nav_fcp,
.page_unit #gloval_nav a.nav_unit,
.page_unit_engineer #gloval_nav a.nav_unit_engineer,
.page_access #gloval_nav a.nav_access,
.page_kanren #gloval_nav a.nav_kanren,
.page_link #gloval_nav a.nav_link,
.page_sponsor #gloval_nav a.nav_sponsor
{   
	color:#fff !important;
	background: no-repeat #4949B9;
	pointer-events: none;
	cursor: default;
}
.page_home #gloval_nav a.nav_home::after,
.page_greeting #gloval_nav a.nav_greeting::after,
.page_guide #gloval_nav a.nav_guide::after,
.page_program #gloval_nav a.nav_program::after,
.page_abstracts #gloval_nav a.nav_abstracts::after,
.page_coi #gloval_nav a.nav_coi::after,
.page_registration #gloval_nav a.nav_registration::after,
.page_seminar #gloval_nav a.nav_seminar::after,
.page_case_conference #gloval_nav a.nav_case_conference::after,
.page_participant #gloval_nav a.nav_participant::after,
.page_fcp #gloval_nav a.nav_fcp::after,
.page_unit #gloval_nav a.nav_unit::after,
.page_unit_engineer #gloval_nav a.nav_unit_engineer::after,
.page_access #gloval_nav a.nav_access::after,
.page_kanren #gloval_nav a.nav_kanren::after,
.page_link #gloval_nav a.nav_link::after,
.page_sponsor #gloval_nav a.nav_sponsor::after
{ 
	border-top: 2px solid #fff; 
	border-right: 2px solid #fff;
}
a.main_menu{
	display:block;
	color:#4949B9 !important;
	text-decoration:none;
	line-height:1.2;
	overflow:hidden;
	border-bottom:1px solid #4949B9;
	position: relative;
}
a.main_menu::after {
	content: "";
	position: absolute;
	left: 13px;
	top: 16px;
	transform: rotate(45deg); 
	width: 5.5px;
	height: 5.5px;
	border-top: 2px solid #4949B9; 
	border-right: 2px solid #4949B9;
}
a.main_menu2{
	color:#fff !important;
	background: #e27734;
}
a.main_menu:hover{
	border-bottom:1px solid #4949B9;
	color: #fff !important;
	background: no-repeat #4949B9;
}
a.main_menu:hover::after {
	border-top: 2px solid #fff; 
	border-right: 2px solid #fff;
}
a.main_menu:visited {
	text-decoration:none;
	color:#fff;
}
.join a , .join span{
	font-size:12px !important;
}
.smenu{
	display:block;
	font-size:10px;
	line-height:1.2;
	width:120px;
	float:right;
}
/* .menu_poster{
	width: 202px;
	margin: 15px auto 0;
	line-height: 1.2;
	font-size: 0.9em;
	text-align: center;
} */
.menu_movie a {
    display: block;
    margin: 15px auto 5px;
    text-align: center;
    text-decoration: none;
	line-height: 1.2;
	font-size: 0.9em;
}
#main_in {
	min-height:500px;
	line-height:1.6;
}
#main_in article{
	min-height:550px;
}
#top_mainimg{
	margin:0;
	padding:0;
	position:relative;
	line-height:0;
}
#top_news{
	padding:0;
	margin:0 auto 20px auto;
}
dl.top_news{
	color:#333333;
	min-height:120px;
	overflow: hidden;
	padding:0 10px 10px 10px;
}
dl.top_news dt {
	text-align: left;
}
dl.top_news dd {
	margin: 0;
	border-bottom: 1px dashed #cccccc;
}
#scroll1{
	margin:0;
	height:150px;
	overflow-y:scroll;
	line-height:180%;
}
#poster{
	width:306px;
	min-height:230px;
	padding:0;
	margin:0 0 0 0;
	background-color:#FFF;
	float:left;
}
#kousin{
	width:198px;
	min-height:185px;
	background-color:#fdf1e3;
	padding:0;
	margin:0 0 0 6px;
	border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
dl.kousin{
	color:#333333;
	margin:10px;
	width:175px;
	overflow: hidden;
	font-size:80%;
}
dl.kousin dt {
    margin: 0;
	padding:0;
	text-align: left;
}
dl.kousin dd {
	margin: 0 0 0 0;
	padding: 0 0 0 1em;
}
.right_kousin{
	margin:0 10px 10px 0;
	padding:0;
	text-align:right;
}
#access{
	width:198px;
	min-height:195px;
	background-color:#fff;
	padding:0;
	margin:0 0 0 6px;
	border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
#access h3{
	color:#5c2929;
	border:none;
	padding:0;
	margin:1em 10px 0 10px;
	font-size:20px;
	font-weight:normal;
}
#access p{
	margin:0 10px 1em 10px;
	font-size:0.8em;
}
.right_access{
	float:right;
	width:7em;
	margin:0 15px 0 0 !important;
	background:none !important;
	text-align:right;
}
#page-top {
	position: fixed;
	z-index: 900;
}
#page-top a {
	background:#4949B9;
	text-decoration:none;
	padding:10px 15px;
	text-align:center;
	font-size:12px;
	color:#fff;
}
footer {
	overflow:hidden;
	clear:both;
	margin:0;
	background:#EBE5F1;
	font-size:0.8em;
}
footer p{
	margin:0;
}
footer span.jimu{
	font-size: 14px;
	min-width: 60px;
	display: inline-block;
	text-align: center;
}
#copy{
	clear:both;
	margin:0 auto;
	font-size:80%;
	text-align:center;
	color:#5E31AD;
}
#copy a{
	text-decoration: none;
}
#main_in ul, #main_in ol {
	margin:0.5em 0;
}
#main_in dl {
	margin:0.5em 0;
}
#main_in ul li {
	list-style: disc outside;
	text-align: left;
	margin-left:2.5em;
	padding-right: 1em;
}
#main_in ol li {
	list-style-type: decimal;
	text-align: left;
	margin-left:2em;
}
#main_in dl dd {
	text-align: left;
	margin-left:2em;
}
.clear{
	clear:both;
	font-size:1px;
	width:100%;
	height:1px;
}
table.main_table {
	border:solid 1px #B4B4B4;
	width: calc(100% - 5em);
}
table.main_table th {
	background:#efeaf7;
	padding:6px 1.3em;
	border-right:1px solid #CCC;
	border-bottom: 1px dashed #B4B4B4;
	vertical-align: middle;
}
table.main_table th.th2 {
	background:#b9a2df;
	border-bottom: 1px solid #B4B4B4;
}
table.main_table td {
	padding:6px 1.3em;;
	border-right: 1px solid #B4B4B4;
	border-bottom: 1px dashed #B4B4B4;
	vertical-align: middle;
}
table.main_table_center th, table.main_table_center td {
	text-align: center;
	vertical-align: middle;
}
table.navi_table {
	padding:0;
	border:solid 2px #999999;
}
table.navi_table td {
	padding:6px;
	width:150px;
	text-align:center;
}
table.navi_table td.on {
	padding:6px;
	background-color:#F2F2F2;
}
.td_none {
	background: none !important;
	padding:0 !important;
}
.table_none{
	background:none;
	margin:0;
	border:none;
	padding:0;
}
.td_r{
	border-right:1px solid #CCC;
}
.box2{
	border:solid 1px #C00;
	color:#C00;
	padding:5px;
} 
.box3{
	border:solid 1px #cccccc;
	background-color: #eeeeee;
	padding:5px 10px;
	font-size:0.9em;
} 
/* .box4{
	background-color: #c6ddf1;
	padding:6px 11px;
	text-align:left;
	font-size:0.9em;
}  */
/* .adobe{
	border:solid 1px #cccccc;
	background-color: #eeeeee;
	padding:5px 15px;
	margin:30px auto 15px auto;
	width:80%;
	font-size:80%;
}
.adobe table{
	border:none;
	margin:5px 0 0 0;
}
.adobe table td{
	border:none;
	vertical-align:middle;
	padding:5px;
	font-size:11px;
} */
dl.program {
	padding:0;
	margin:1em 0 !important;
	clear: both;
}
dl.program dt {
	float: left;
}
dl.program dd {
	margin-left: 3em !important;
}
/* .bnr_koukoku{
	margin:10px auto 20px auto;
	width:185px;
	height:40px;
}
.bnr_koukoku img{
	display:none;
} */
/* .bnr_top{
	margin:10px 0;
	text-align:center;
} */
/* .btn_about{
	text-align:right;
	padding-right:15px;
}
.btn_about a{
	color:#1c1c1c;
	text-decoration:none;
	font-size:0.8em;
} */
/* .bnr_shokusai{
	margin:10px auto;
	width:185px;
	height:40px;
	background-color:#FFF;
}
.bnr_shokusai a img{
	display:block;
}
.bnr_shokusai a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
} */
.attention{
	color:#C00;
}
/* .attention_g{
	color:#5d7d05;
	font-weight:bold;
} */
.attention_b{
	color:#1f3c6b;
	font-weight:bold;
}
.greeting_box{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 0.7em 2em;
	margin-bottom: 2em;
}
.greeting_kaichou{
	margin-right: 15px;
	text-align: right;
}
/* .greeting_l{
	width:454px;
	float:left;
}
.greeting_r{
	width:121px;
	float:right;
} */
/* .clr{
	clear:both;
}
.tright{
	text-align:right;
}
.center{
	text-align:center;
} */

/* 共通共通ボタンスタイル */
.btn_gold{
	border:1px solid #e6b422;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 1em 2.5em;
	margin: 10px;
	min-width: 150px;
	text-decoration:none !important;
	display:inline-block;
	color: #FFFFFF !important;
	background-color: #e6b422;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	font-size: 1.4em;
	font-weight: 600;
}
.btn_gold:hover{
	border:1px solid #d0a900;
	background-color: #d0a900;
}
.btn_gold img{
	width: 16px;
}
.btn_r{
	border:1px solid #d93025;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 25px;
	margin: 10px;
	min-width: 150px;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #FFFFFF !important;
 	background-color: #d93025;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.btn_r:hover{
	border:1px solid #a6251c;
 	background-color: #a6251c;
}
.btn_r img{
	width: 16px;
}
.btn_g{
	border:1px solid #008d38;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 25px;
	margin: 10px;
	min-width: 150px;
	text-decoration:none !important;
	display:inline-block;
	color: #FFFFFF !important;
	background-color: #008d38;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.btn_g:hover{
	border:1px solid #006629;
	background-color: #006629;
}
.btn_g img{
	width: 16px;
}
/* .btn_gr{
	border:1px solid #838383;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 25px;
	margin: 10px;
	min-width: 150px;
	text-decoration:none !important;
	display:inline-block;
	color: #FFFFFF !important;
 	background-color: #838383;
} */
.video-frame {
	width: 100%;
	background: #333;
	padding: 10px 5%; 
	box-sizing: border-box;
}
.video-container {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}

/* ==========================================================================
   2. パソコン専用・優先スタイル（横幅 601px 以上）
   ========================================================================== */
@media all and (min-width: 601px) and (max-width: 9000px) {
	body {
		background: linear-gradient(
									to bottom, 
									#FFCCCC 0%, 
									#FFECEC 40%, 
									#fff 55%, 
									#FFECEC 70%, 
									#FFCCCC 100%
							);
		background-attachment: fixed;
	}
	
	.btn_menu, .text_menu, .smp, .index-video-box {
		display: none;
	}
	.pc {
		display: block;
	}
	table {
		margin:1em 20px;
	}
	a.out{
		background:url(../images/icon_external.gif) no-repeat right 1px;
		padding-right:20px;
	}
	section h1 {
		font-size:24px;
		margin:0;
	}
	section h2{
		margin:1em 2.3em;
	}
	section h3{
		margin:1em 2.5em;
	}
	section h4{
		border-left: solid 7px #333; 
		padding:0 5px; 
		margin:1em 2.5em;
	}
	#bodybox {
		width:1000px;
		margin:0 auto 10px auto;
		box-shadow:rgba(0, 0, 0, 0.12) 0px 0px 8px 3px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.12) 0px 0px 8px 3px;
		-moz-box-shadow:rgba(0, 0, 0, 0.12) 0px 0px 8px 3px;
	}
	header {
		background: url(../images/header_bg.jpg) repeat-x top;
	}
	header h1{
		width:1000px;
		margin:0 auto;
	}
	/* .btn_la{
		position:absolute;
		right:0;
		top:60px;
	} */
	 #contents, #toppage #contents {
		overflow:hidden;
		margin:0;
    clear:both;
		background: #E8F1EC;
	}
	nav {
		width:280px;
		float:left;
		display: block !important;
	}
	#gloval_nav li{
		padding:0;
		margin:0;
	}
	a.main_menu{
		padding:12px 8px 10px 35px;
		font-size:15px;
	}
	/* .menu_poster img{
		border: solid 1px #fff;
	} */
	#main {
		width:720px;
		float:right;
		margin:0;
		padding:0 0 10px 0;
		background-color: rgba(255,255,255,0.95);
	}
	#main_in {
		background-color: #fff;
		width:720px;
		float:right;
		padding:0;
		margin:0;
		min-height:820px;
	}
	#main_in article{
		min-height:1100px;
	}
	#main_in p, #main_in table {
		margin:1em 2.5em;
	}
	#main_in ul, #main_in ol, #main_in dl {
		padding:0 20px;
	}
	#top_news{
		width:700px;
	}
	dl.top_news{
		margin:0 0 0 15px;
		width:640px;
	}
	dl.top_news dt {
		float: left;
		margin: 0 10px 0 0;
		padding: 7px 0;
	}
	dl.top_news dd {
		padding: 7px 0 7px 110px;
	}
	table.poster{
		margin:30px 0 0 10px;
	}
	#page-top {
		bottom: 20px;
		right:20px;
	}
	#page-top a {
		box-shadow: 0px 5px 15px 0px rgba(58,76,133, 0.35);
	}
	footer {
		padding:10px 20px;
	}
	footer p.jimu_in{
		margin:5px 5px;
		line-height:1.4;
	}
	footer span.jimu{
		padding:1px 5px 0;
	}
	.footer_l{
		width:50%;
		float:left;
		position:relative;
		background:url(../images/logo.jpg) no-repeat right 160px center;
	}
	.footer_r{
		width:50%;
		float:right;
	}
	.logo{
		position:absolute;
		right:70px;
		top:5px;
	}
	#copy{
		width:870px;
		height:35px;
		padding:5px 0 0 0;
	}
	/* table.nittei{
		margin:1.5em 20px;
		width: calc(100% - 40px);
	}
	table.nittei td{
		padding:5px;
	} */
	.table_mini{
		width: 70% !important;
	}
	.box1{
		margin:2em 20px;
		padding:15px 5px 15px 5px; 
	} 
	.box2{
		margin:1em 20px;
	} 
	.box3{
		margin:1em 20px;
	} 
	/* .box4{
		margin:1em 20px;
	}  */
}


/* ==========================================================================
   3. スマホ専用・優先スタイル（横幅 600px 以下）
   ========================================================================== */
@media screen and (min-width: 0px) and (max-width: 600px) {
	body {
		background-color:#ffffff;
		background-repeat: repeat-x;
	}
	/* ハンバーガーメニューOPEN時、スクロールしない */
	body.is-open {
		overflow: hidden;
		height: 100vh;
	}
.h2_line-title{
	padding: 0.5em 0 0.5em 0.6em;
}
	.btn_menu, .text_menu, .smp, .index-video-box {
		display: block;
	}
	.index-video-box {
    text-align: center;
    padding: 1em;
    background: #E8F1EC;
	}

	.pc {
		display: none;
	}
	a {
		word-break: break-all;
	}
	table {
		width: auto !important;
		margin:1em 15px;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	a.out{
		background:url(../images/icon_external.gif) no-repeat right 3px;
		padding-right:20px;
	}
	section h1 {
		padding: 1em;
		font-size:20px;
		/* margin:0 0 20px; */
	}
	section h2{
		margin:1em 2em;
	}
	section h3{
		margin:1em 2em;
	}
	section h4{
		margin:1em 2em;
	}
	#bodybox {
		margin:0 auto;
	}
	header {
		margin:0;
		padding:0;
		position:relative;
	}
	#btn_head{
		position:absolute;
		right:4px;
		top:0;
	}
	.btn_menu{
		z-index:10000;
		width:45px;
		height:45px;
	}
	.menu-trigger, .menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width:45px;
		height:45px;
	}
	.menu-trigger span {
		position: absolute;
		left: 15%;
		width: 70%;
		height: 4px;
		background-color: #4949B9;
		border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) { top: 8px; }
	.menu-trigger span:nth-of-type(2) { top: 16px; }
	.menu-trigger span:nth-of-type(3) { top: 24px; }

	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(-315deg);
		transform: translateY(8px) rotate(-315deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(315deg);
		transform: translateY(-8px) rotate(315deg);
	}
	.text_menu{
		font-size:14px;
		position:absolute;
		top:6px;
		left:45px;
		z-index:1000;
		color:#4949B9;
		font-family:"Noto Sans JP", sans-serif;
		text-align:left;
	}
	#contents {
		position: relative;
	}
	nav {
    display: none;
    float: none;
    width: 100%;
	}
	nav#box_menu {
		width:100%;
		background:#FFF;
		/* height:100%; */
		height: 100vh;
		/* overflow-y: scroll; */
		overflow-y: auto;
		display:none;
		position:fixed;
		padding:10px 2%;
		right:0;
		z-index:1000;
		box-sizing: border-box;
	}
	nav#box_menu.active_menu {
		display: block !important;
	}
	ul#gloval_nav{
		list-style:none;
		padding:0;
		margin:0;
		overflow: hidden;
	}
	#gloval_nav li{
		width:48%;
		float:left;
		padding:0;
		margin:1px;
		border:1px solid #cbc4c0;
	}
	a.main_menu{
		background: #E8F1EC;
		padding:10px 5px 8px 30px;
		font-size: 14px;
		border: 1px solid #4949B9;
	}
	a.main_menu:visited {
		color: #fff;
	}
	.menu_movie img {
		border: solid 1px #ccc;
	}
	#main {
		margin:0;
	}
	#main_in {
		background-color:#FFF;
		margin:0;
	}
	#main_in table {
		margin:1em 2.2em;
	}
	#main_in p {
		margin:0 2em 1em;
	}
	#main_in ul, #main_in ol, #main_in dl {
		padding:0 15px;
	}
	dl.top_news{
		margin:0 0 0 5px;
	}
	dl.top_news dt {
		margin: 0 10px 0 0;
		padding: 7px 0 0 0;
	}
	dl.top_news dd {
		padding: 0 0 7px 0;
	}
	#page-top {
		bottom: 0px;
		right:0px;
	}
	footer {
		position: relative;
		z-index: 0;
		padding:10px 10px;
	}
	footer p.jimu_in{
		margin:5px 0;
		line-height:1.4;
	}
	footer span.jimu{
		padding:2px 5px;
	}
	.footer_l{
		background:url(../images/logo.jpg) no-repeat right 5% center;
		background-size: 12%;
		position:relative;
	}
	.footer_r{
		padding: 0;
		word-break: break-all;
	}
	#copy{
	padding:5px;
	background: #FFCCCC;
	}
	/* table.nittei{
		margin:1.5em 15px;
		width:90%;
	}
	table.nittei td{
		padding:5px;
	} */
	.box1{
		background-color: #f8f1dd;
		margin:2em 15px;
		padding:15px 5px 15px 5px; 
	} 
	.box2{
		margin:1em 15px;
	} 
	.box3{
		margin:1em 15px;
	} 
	/* .box4{
		margin:1em 15px;
	}  */
	.greeting_box{
		padding: 0.7em 1.3em;
	}
	.greeting_kaichou{
		font-size: 0.8rem;
	}
	.btn_gold{
	padding: 1em;
	}
}