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

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #565656; position: relative; }

#Container { max-width: 1170px; width: 100%; margin: 0 auto; background: #FFF; position: absolute; top: 0; left: 0; right: 0; }	

/*--------------------------------------------
Header
--------------------------------------------*/
header { border-bottom: 5px solid #002b98; background: #FFF; max-width: 1170px; width: 100%; z-index: 1000; height: 80px; }
header nav { top: 0; right: 0; left: 0; position: absolute; border: none!important; }
header nav .navbar-header { height: auto!important; position: relative; }
header nav .navbar-brand { height: auto; padding-bottom: 0; }
header nav .navbar-brand img { width: 230px; height: auto; }
header nav .navbar-header button { position: absolute; right: -5px; top: 21.5%; }
.navbar-toggle { border-color: #dedede; }
.navbar-toggle:hover,
.navbar-toggle:focus { background-color: #FFF; border-color: #10389e; }
.navbar-toggle .icon-bar { background-color: #10389e; }
.navbar-collapse,
.navbar-form { border: none; }
.navbar-nav > li > a { color: #002b98; border-bottom: 1px solid #002b98; }
.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus { color: #fff; background-color: #080808; }
#open-navi { position: absolute; top: 80px; left: 0; right: 0; width: 100%; background: #FFF; border: none; margin: 0; z-index: 100; border-bottom: 4px solid #002b98; }
#open-navi > ul { margin-top: 0; margin-bottom: 0; padding: 0; }


/*--------------------------------------------
Footer
--------------------------------------------*/
footer { border-top: 5px solid #002b98; font-size: 12px; }
footer.container { padding: 20px 15px; }
footer #copy { text-align: center; }
footer #copy > p { margin-top: 40px; }
footer address { line-height: 1.6em; }
footer address img { margin-bottom: 10px; }


/*--------------------------------------------
Contents
--------------------------------------------*/
#Contents { background-image: url(../images/bg_dot.gif),url(../images/bg_dot.gif); background-size: 8px; background-position: top, bottom; background-repeat: repeat-x; padding-top: 35px; padding-bottom: 50px; }


/*--------------------------------------------
Left Navi
--------------------------------------------*/
#Contents .row > aside { padding: 0; margin-top: 60px; }
#Contents aside ul { list-style: none; padding: 0; margin: 0; }
#Contents aside nav > ul li { border-bottom: 1px solid #002b98; padding: 2px 0; }
aside nav > ul li:first-child { border-top: 1px solid #002b98; }
aside nav > ul li a { color: #002b98; padding: 10px 15px; display: block; }
aside nav > ul li a:hover { text-decoration: none; background: #eaecf3; }
#Contents aside section { font-size: 12px; margin-top: 30px; }
#Contents aside section ul li { margin-top: 10px; }
#Contents aside section p { padding: 0 15px; margin: 0; }


/*--------------------------------------------
Article
--------------------------------------------*/
#Contents article  { padding: 0; }
#Contents article > .container { max-width: 1170px; width: 100%; }
#Contents article section > div { margin-top: 30px; }

#Contents article h1 { color: #FFF; padding: 10px 15px; font-size: 18px; margin: 0; font-weight: bold; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWJjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwOWJjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwOTVjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDk1Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,155,205,1) 0%, rgba(0,155,205,1) 50%, rgba(0,149,204,1) 51%, rgba(0,149,204,1) 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  rgba(0,155,205,1) 0%,rgba(0,155,205,1) 50%,rgba(0,149,204,1) 51%,rgba(0,149,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  rgba(0,155,205,1) 0%,rgba(0,155,205,1) 50%,rgba(0,149,204,1) 51%,rgba(0,149,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,155,205,1) 0%,rgba(0,155,205,1) 50%,rgba(0,149,204,1) 51%,rgba(0,149,204,1) 100%); /* W3C */ }
#Contents article section + h1 { margin-top: 30px; }
#Contents article .breadcrumbs +h1 { margin-top: 10px; }
#Contents article h2 { font-size: 16px; margin: 45px 0 0 0; background: #e6f6fb; padding: 10px 15px; line-height: 1.5em; font-weight: bold;  }
#Contents article h2.circle { border-bottom: 1px solid #c2c2c2; padding: 0 0 8px 0; background: none; line-height: 1.5em; }
#Contents article h2.circle:before { content:""; color: #009bcd; border-radius: 8px; height: 12px; width: 12px; display: inline-block; border: 3px solid #009bcd; margin-right: 7px; }
#Contents article h1 + h2 { margin-top: 20px; }
#Contents article h3 { font-size: 14px; margin: 35px 0 0 0; border-bottom: 1px solid #c2c2c2; padding: 0 0 8px 0; font-weight: bold; line-height: 1.7em; text-indent: -14px; padding-left: 16px; }
#Contents article h3:before { content:"■" ; display: inline-block; font-size: 0.9em; margin-right: 5px; padding-left: 10px; color:#0095cc; }
#Contents article h2 + h3 { margin-top: 20px; }
#Contents article h4 { font-size: 14px; margin: 25px 0 0 0; font-weight: bold; line-height: 1.7em;}
#Contents article h4 + p{ margin:10px 0 0 0;}

#Contents article p { margin: 20px 0 0 0; line-height: 1.7em; }
#Contents article p.lg { font-size: 16px; }
#Contents article p + p { margin-top: 15px; }
#Contents article  .disc + p { margin-top: 15px; }

#Contents article .notice { color: #FF921D; margin-bottom: 5px; font-size: 12px; }
.m-top0 { margin-top: 0!important; }


#Contents article p.link { font-size: 14px; margin: 35px 0 0 0; padding: 0 0 8px 0; font-weight: bold; line-height: 1.7em; text-indent: -14px; padding-left: 16px; }
#Contents article p.link:before { content:"▶" ; display: inline-block; font-size: 0.9em; margin-right: 5px; padding-left: 10px; color:#0095cc; }


/* List */
#Contents article ul { margin: 20px 0 0 0; }
#Contents article .disc,#Contents article ul.circle { margin-left: 15px; padding: 0; list-style: none; }
#Contents article .disc li:before,#Contents article .circle li:before { content: "●"; font-size: 0.6em; vertical-align: 1px; color:#9f9f9f; display:inline-block; width: 8px; }
#Contents article .disc li,#Contents article .circle li { margin-top: 10px; text-indent: -8px; }
#Contents article h2 + ul { margin-top: 20px; }
#Contents article .disc li > ol { margin-left: 25px; padding: 0; }
#Contents article .disc li > ol li { text-indent: 0; }
#Contents article .disc li > ol li:before { display: none; }
#Contents article .disc li ul { margin-top: 0; list-style: none; padding-left: 15px; }
#Contents article .disc li ul li:before,#Contents article .circle li:before { content:"○"; }

#Contents article p + ol { margin-top: 20px; margin-left: 17px; padding: 0; }
#Contents article p + ol li { margin-top: 10px; }

/* Link */
article a { text-decoration: underline; }
article a[target="_blank"]:after { content: "\e164";position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 5px 0 5px; vertical-align: middle; color: #009bcd; font-size: 14px;}
a[href^="http://"] { word-break: break-all; }
article .breadcrumbs a { color: #565656; }
article .breadcrumbs a:hover { text-decoration: none; }
#Contents article .disc li a[target="_blank"]:after,
#Contents article h3 a[target="_blank"]:after { text-indent: 0;}

/* Background Box */
.bg-dot { background-image: url(../images/bg_dot.gif),url(../images/bg_dot.gif); background-size: 8px; background-position: top, bottom; background-repeat: repeat-x; padding: 20px 0 50px 0; margin-left: 0px; margin-right: 0px; margin-top: 20px; }
#Contents article .bg-dot h2 { background: none; padding: 0; margin: 0; font-size: 18px; }
#Contents article .bg-dot > div { padding: 0;  }
#Contents article .bg-dot p { line-height: 1.7em; margin-top: 10px; }

/* Img Box */
figure { text-align: center; margin-top: 20px; }
figure img { max-width: 100%; margin: 0 auto; }
figure img.border { border: 1px solid #e5e5e5; width: 90%; }
figcaption { font-size: 11px; margin-top: 10px; }

.zoom figcaption:before { content: "\e015";position: relative; top: 0px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 8px; vertical-align: middle; }

/* Icon */
.phone:before { content: "\e182";position: relative; top: 0px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 8px; vertical-align: middle; color: #009bcd; }
.mail:before { content: "\2709";position: relative; top: 0px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 8px; vertical-align: middle; color: #009bcd; }
a.phone { color: #565656; }
a.phone:hover { text-decoration: none; }

/* Form */
.bg-gray { background: #f5f5f5; margin-left: 0px; margin-right: 0px; margin-top: 20px; padding: 25px 0; }
.bg-gray > div { margin-top: 15px; } 
.bg-gray > div:first-child { margin-top: 0; } 
.form-control { font-size: 16px; }
.form-group { margin-bottom: 0; }
.form-group + .form-group { margin-top: 15px; }
.bg-gray + div { margin-top: 25px; } 
.bg-gray + div .btn { background: #002b98; color: #FFF; border: none; width: 190px; font-size: 16px; padding: 10px 0; }


/* Panel */
.panel-default { border-color: #b2cfed; margin-top: 60px; }
.panel-default > .panel-heading { background: #e2f2ff; border-color: #b2cfed; font-weight: bold; }
.panel-title { color: #1071bf; text-align: center; }
.panel-body { padding: 20px; line-height: 2em; }

/* Table */
.table-responsive { margin-bottom: 5px; }
.table { border: 1px solid #dadada; border-collapse: collapse; margin: 0; min-width: 768px!important; }
.table td,.table th { border: 1px solid #dadada; }
.table td { vertical-align: middle !important; }
.table th { background: #e2f2ff; color: #1071bf; text-align: center; }
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td { white-space: normal; }

/* Pagination */
article .pagination { margin-top: 0; }
article .pagination > li > a { text-decoration: none; color: #1a73bc; } 
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,
.pagination > .active > span:hover,.pagination > .active > a:focus,
.pagination > .active > span:focus { background: #1a73bc; border-color: #1a73b; }

/* Sub Navi */
#Contents article .subnavi { margin-top: 20px; }
#Contents article .subnavi nav { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin-top: 0; }
#Contents article .subnavi ul { margin-top: 0; list-style: none; padding: 0 5px; }
#Contents article .subnavi ul li { float: left; width: 20%; padding: 5px; }
#Contents article .subnavi ul li.col1 { float: left; width: 50%; padding: 5px; }
#Contents article .subnavi ul li a { display: block; border: 1px solid #b9b9b9; padding: 10px; border-radius: 3px; background: #FFF; text-align: center; text-decoration: none; color: #565656; }
#Contents article .subnavi ul li a:hover { background: #e3e3e3; }
#Contents article .subnavi ul.wm li { width: 50%; }
#Contents article .subnavi ul.wl li { width: 50%; display: table; }
#Contents article .subnavi ul.wl li a { width: 100%; vertical-align: middle; display: table-cell; }

.subnavi label { color: #1071bf; padding: 10px; display: inline-block; margin: 0; border: 1px solid #b0b0b0; border-radius: 3px; }
.subnavi label:after { content:"\e252"; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; display: inline-block; vertical-align: middle; margin-left: 25px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.subnavi input[type="checkbox"].on-off { display: none; }
.subnavi input[type="checkbox"].on-off + nav { height: 0; overflow: hidden; padding: 0 10px; }
.subnavi input[type="checkbox"].on-off:checked + nav { height: auto; padding: 20px 10px; }

/* border box */
.border-box { border: 5px solid #e5e5e5; border-radius: 3px; padding: 25px 15px; margin-top: 20px; }
#Contents article section:not(.border-box) + .border-box { margin-top: 45px; }
#Contents article .border-box h3 { border: none; padding: 0; margin: 0 0 0 17px; font-size: 16px; }
#Contents article .border-box h3:before { content:"\e131"; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; display: inline-block; margin-right: 8px; color: #1071bf; vertical-align: middle; }
#Contents article .border-box h3 a:after { font-size: 12px; }
#Contents article .border-box h3 + ul { margin-top: 20px; }
#Contents article .border-box ul { margin-left: 13px; margin-top: 0; padding: 0; list-style: none; line-height: 1.7em; }
#Contents article .border-box ul li:before { content: "●"; font-size: 0.6em; vertical-align: 1px; color:#9f9f9f; display: inline-block; width: 8px; }
#Contents article .border-box ul li { text-indent: -8px; }
#Contents article .border-box ul .circle { margin-top: 0; }
#Contents article .border-box ul .circle li { margin-top: 0; }
#Contents article .border-box ul .circle li:before { content: "○"; }
#Contents article .border-box ol.no-circle li:before { content: ""; }

#Contents article .border-box p { margin-top: 0; }
#Contents article .border-box p + p { margin-top: 20px; }


/* Page Top */
#scrollUp { bottom: 0; right: 20px; width: 40px; height: 40px; background: #aeaeae; text-align: center; }
#scrollUp:before { content: "\e253"; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; display: inline-block; width: 15px; height: 15px; margin-top: 15px; color: #FFF; }


/* Light Box */
#imagelightbox { position: fixed; z-index: 9999; -webkit-box-shadow: 0 0 2.125em rgba( 0, 0, 0, .5 ); box-shadow: 0 0 2.125em rgba( 0, 0, 0, .5 ); }
#imagelightbox-overlay { background-color: #fff; background-color: rgba( 255, 255, 255, .9 ); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; }
#imagelightbox-close { width: 2.5em;	height: 2.5em; text-align: left; background-color: #666;	border-radius: 50%; position: fixed; z-index: 10002; top: 2.5em; /* 40 */ right: 2.5em; /* 40 */}
#imagelightbox-close:hover,#imagelightbox-close:focus { background-color: #111; }
#imagelightbox-close:before { content: '\e014'; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; position: absolute; top: 4%; left: 15%; display: block; color: #FFF; font-size: 22px; }


/* Top Page */
#Contents article .container > h1.info:before { content: "\e012"; position: relative; top: -2px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 8px; vertical-align: middle; }
#MainImg { position: relative; margin: 0 -15px 0 -15px!important; }
#Contents article #MainImg ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
#Contents article #MainImg ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
#Contents article #MainImg ul.rslides li:first-child { position: relative; display: block; float: left; }
#Contents article #MainImg ul.rslides img { display: block; height: auto; float: left; width: 100%; }
#MainImg .textarea { background: rgba(12,132,171,1); margin: 0 auto; color: #FFF; padding: 10px; z-index: 50;}
#MainImg .textarea img { display: none; }
#Contents article #MainImg .textarea h1 { font-size: 14px; margin: 0 0 10px 0; background: none; padding: 0; text-align: center; }
#Contents article h1.info:before { content: "\e012";position: relative; top: -2px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 8px; vertical-align: middle; }
#Contents article h1.book { margin-top: 50px; }
#Contents article h1.book:before { content: "\e043";position: relative; top: -2px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 8px; vertical-align: middle; }
#MainImg .textarea p { font-size: 11px; margin: 0; text-align: left; }
#MainImg .textarea p br { display: none; }
#Contents article h1.info + .row { min-height: 200px; }


@media screen and (min-width: 768px) {
	
	body { background: #ddedfa; }
	
	
/*--------------------------------------------
Header
--------------------------------------------*/
	header { padding: 0 15px; height: 110px; position: static; }
	.navbar-brand { height: 68px; }
	header nav .navbar-brand img { width: 380px; }
	.navbar-nav li:not(.ic-marker):not(.ic-lan) { display: none; }
	.navbar-nav > li > a:hover,
	.navbar-nav > li > a:focus { color: #666666; background-color: #fff; border-bottom: 1px solid #666; }
	.navbar-nav > li { padding: 0 15px; }
	#open-navi { position: static; margin-top: 40px; border: none; }
	.navbar-nav > li > a { color: #666; padding: 20px 2px 0px 2px; border: none }
	.navbar-nav > li.ic-marker > a:before { content: "\e062";position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; }
	.navbar-nav > li.ic-lan > a:before { content: ""; background: url(../images/ic_en.png) no-repeat; background-size: 16px auto; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 5px; }
	
	
/*--------------------------------------------
Footer
--------------------------------------------*/	
	footer { font-size: 13px; }
	footer.container { padding: 30px; max-width: 1170px; width: 100%; }
	footer > .row { position: relative; }
	footer #copy { position: absolute; bottom: 15px; right: 15px; }
	footer #copy > p { text-align: right; }
	
	
/*--------------------------------------------
Contents
--------------------------------------------*/		
	#Contents { max-width: 1170px; width: 100%; margin-top: 0; padding-bottom: 100px; }
	#Contents > .row { margin: 0; }


/*--------------------------------------------
Left Navi
--------------------------------------------*/
	#Contents .row > aside { padding: 0 15px; margin-top: 0; }
	#Contents aside nav > ul li { padding: 4px 0; }
	#Contents aside nav > ul li a { color: #002b98; padding: 10px 15px; display: block; }
	#Contents aside section { background: #f6f6f6; padding-top: 15px; padding-bottom: 15px; border-radius: 5px; }
	#Contents aside section ul li:first-child { margin-top: 0; }
	#Contents aside section p + ul li:first-child { margin-top: 10px; }
	
	
/*--------------------------------------------
Article
--------------------------------------------*/	
	#Contents article  { padding: 0 15px; position: relative; }
	#Contents article > .container { padding: 0; }
	#Contents article section { margin-top: 35px; }
	#Contents article section > div { margin-top: 0; }
	#Contents article section > div > *:first-child { margin-top: 0; }
	
	#Contents article h1 { font-size: 20px; padding: 15px; }
	#Contents article section + h1 { margin-top: 50px; }
	#Contents article h2 { font-size: 16px; margin: 45px 0 0 0; }
	#Contents article h3 { font-size: 15px; margin: 45px 0 0 0; }
	#Contents article h2 + h3 { margin-top: 25px; }
	
	/* Background Box */
	#Contents article .bg-dot h2 { font-size: 20px; }
	#Contents article .bg-dot { margin-left: 0; margin-right: 0; padding: 50px 0; }
	#Contents article .bg-dot > div { padding: 0 15px; }
	
	/* Img Box */
	#Contents article .bg-dot figure { margin-top: 0; }
	figure img.border { width: 100%; }
	
	/* Form */
	.bg-gray { background: #f5f5f5; margin-left: 0px; margin-right: 0px; margin-top: 20px; padding: 25px 10px; }
	.form-group + .form-group { margin-top: 15px; }
	.form-horizontal .control-label { text-align: left; white-space: nowrap; }
	
	/* Panel */
	.panel-body { padding: 40px; }
	
	/* table */
	.table { min-width: 100%!important; }
	.table th { white-space: nowrap; } 
	.table th.title { width: auto; }
		
	/* Sub Navi */
	#Contents article .subnavi ul li { width: 16.6%; }
	.subnavi label { display: none; }
	.subnavi input[type="checkbox"].on-off + nav { height: auto; padding: 20px 10px; }
	#Contents article .subnavi ul.wm li { width: 25%; }
	
	/* Get Pdf*/
	.pdf { padding: 0 20px; }
	.pdf a:after { display: none!important; } 
	
	/* border box */
	.border-box { padding: 25px 40px; }
	#Contents article section:not(.border-box) + .border-box { margin-top: 60px; }
	#Contents article .border-box h3 { margin: 0; }
		
	/* Top Page */
	#MainImg { margin: 0!important; }
	#MainImg .textarea { position: absolute; background: rgba(12,132,171,0.8); width: 90%; bottom: 10%; left: 0; right: 0; margin: 0 auto; color: #FFF; padding: 10px 5px; max-width: 730px; text-align: center; }
	#MainImg .textarea img { width: 100%; height: auto; display: inline; }
	#Contents article #MainImg .textarea h1 { font-size: 18px; display: none; }
	#MainImg .textarea p { font-size: 14px; display: none; }
	#Contents article h1.info + .row { min-height: 100px; }
	
	
}

/*--------------------------------------------
youtube
--------------------------------------------*/	
.youtube {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}
.youtube_iframe {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
}
.mt30 {
	margin-top: 30px;
}

@media screen and (min-width: 991px) {
	/* Form */
	.bg-gray > div { margin-top: 0px; } 
	
	/* Sub Navi */
	#Contents article .subnavi ul li { width: 10%; }
	
	
	/* Top Page */
	#MainImg .textarea p br { display: inline-block; text-align: left; }
	#MainImg .textarea p { text-align: center; }
}

@media screen and (max-width: 480px) {
 #Contents aside > section ul li.col-xs-4 { width: 50%; } 
 
 /* Sub Navi */
	#Contents article .subnavi ul li { width: 33.3%; }
	#Contents article .subnavi ul.wl li { width: 100%; }
}

@media screen and (max-width: 320px) {
 #Contents aside > section ul li.col-xs-4,#Contents aside > section ul li.col-xs-6 { float: none !important; width: 100%; } 
 
 /* Sub Navi */
	#Contents article .subnavi ul li { width: 33.3%; }
}