@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

/* reset style
------------------------------------------------ */

*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
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, sub, sup, 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;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

h1,h2,h3,h4,h5,h6,p {
	font-weight:normal;
	font-size: 100%;
	text-align:left;
}

ol,ul,li,nav ul {
	list-style:none;
}

ul,li,img{
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:bottom;
	line-height:1.6;
	text-align:left;
}

caption,th {
	text-align:left;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	text-decoration:none;
	outline:0;
/* Hides from IE-mac \*/
	overflow:hidden;
/* End hide from IE-mac */
}

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;
}

img,td,th {
	border:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

td,th{
	text-align: left;
	vertical-align: top;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}


.clearfix:after,
p.text:after{
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
.clearfix,
p.text{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
* html p.text { height: 1%;}
.clearfix,
p.text{display: block;}
/* End hide from IE-mac */




/* common
------------------------------------------------ */


body {
	margin:0;
	padding:0;
	font-size:18px;
	font-family:"Osaka","メイリオ","ＭＳ Ｐゴシック",Verdana,Arial,sans-serif;
	line-height:1.8;
	color:#323232;
	vertical-align:top;
	background-color:#fff;
	-webkit-text-size-adjust:100%;
}

a:link   {color:#0063c6;text-decoration:underline;}
a:visited{color:#0063c6;text-decoration:none;}
a:hover  {color:#ff6400;text-decoration:none;}
a:active {color:#0063c6;text-decoration:none;}

a{
	transition:all 0.3s linear;
}
a img{
    transition:all 0.3s linear;
}
a:hover img{
    opacity:0.50;
    filter: alpha(opacity=50);
}
img{max-width:100%;height:auto;}

@media screen and (max-width:680px){
	body{
		font-size:14px;
	}
}
/* margin */
.mt0  {margin-top:0px!important;}
.mt5  {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt90 {margin-top:90px!important;}
.mt120 {margin-top:120px!important;}
.mt150 {margin-top:150px!important;}

.mb0  {margin-bottom:0px!important;}
.mb5  {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb60 {margin-bottom:60px!important;}
.mb90 {margin-bottom:90px!important;}
.mb120 {margin-bottom:120px!important;}
.mb150 {margin-bottom:150!important;}

.mr0  {margin-right:0px!important;}
.mr5  {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr25 {margin-right:25px!important;}
.mr30 {margin-right:30px!important;}
.mr60 {margin-right:60px!important;}
.mr90 {margin-right:90px!important;}
.mr120 {margin-right:120px!important;}
.mr150 {margin-right:150px!important;}

.ml0  {margin-left:0px!important;}
.ml5  {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml25 {margin-left:25px!important;}
.ml30 {margin-left:30px!important;}
.ml60 {margin-left:60px!important;}
.ml90 {margin-left:90px!important;}
.ml120 {margin-left:120px!important;}
.ml150 {margin-left:150px!important;}

/* padding */
.pt0  {padding-top:0px!important;}
.pt5  {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}
.pt15 {padding-top:15px!important;}
.pt20 {padding-top:20px!important;}
.pt25 {padding-top:25px!important;}
.pt30 {padding-top:30px!important;}

.pb0  {padding-bottom:0px!important;}
.pb5  {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb25 {padding-bottom:25px!important;}
.pb30 {padding-bottom:30px!important;}

.pr0  {padding-right:0px!important;}
.pr5  {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr25 {padding-right:25px!important;}
.pr30 {padding-right:30px!important;}

.pl0  {padding-left:0px!important;}
.pl5  {padding-left:5px!important;}
.pl10 {padding-left:10px!important;}
.pl15 {padding-left:15px!important;}
.pl20 {padding-left:20px!important;}
.pl25 {padding-left:25px!important;}
.pl30 {padding-left:30px!important;}

.tL{text-align:left!important;}
.tR{text-align:right!important;}
.tC{text-align:center!important;}

.fR{float:right!important;}
.fL{float:left!important;}

.clear{clear:both!important;}
.red{color:red;}

.dib{
	letter-spacing:-0.4em;
}
ul.dib li,
dl.dib dt,
dl.dib dd{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	zoom:0;
}
.dib *{
	letter-spacing:normal;
}
.di{display:inline!important;}
p.note{
	font-size:12px;
}
.indent{
	padding-left:1em;
	text-indent:-1em;
}
a.link{
	display:block;
	min-height: 18px;
	display: block;
	padding: 0 0 0 20px;
	background: url(../img/arrow01.png) no-repeat left 0.5em;
}
table{
	width:100%;
}
table th,
table td{
	padding:5px 10px;
	border:1px #969696 solid;
}
table th{
	background-color:#f8c8ad;
}
table td{
	background-color:#fbe3d6;
}

/* box */
div.box{
	margin:0 auto 60px;
	padding:30px 30px 0;
	border:5px #ccc solid;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
}
div.box h2.ttl{
	width:auto;
	margin-bottom:15px;
	font-family:"Osaka","メイリオ","ＭＳ Ｐゴシック",Verdana,Arial,sans-serif;
	font-size:22px;
	text-align:left;
}
div.box p{
	margin-bottom:30px;
}

/* tel */
a[href^="tel:"] {
    pointer-events: none;
	color:#323232;
	text-decoration:none;
	white-space:nowrap;
	cursor:default;
}
@media screen and (max-width: 1054px) {
	a[href^="tel:"]{
   		pointer-events: auto;
		color:#0063c6;
		text-decoration:underline;
		cursor:pointer;
	}
	a[href^="tel:"]:hover{
		color:#ff6600;
	}
}
/* btn */
ul.btn{
	width:100%;
	margin:60px auto -15px;
	padding:30px 0 0;
	text-align:center;
	border-top:1px #ccc solid;
}
ul.btn li{
	margin:0 15px 15px;
}
ul.btn li a.button{
	margin-bottom:0;
}

/* header
------------------------------------------------ */
div#header{
	position:relative;
	z-index:999;
}
div#header.transform{
	margin-bottom:150px;
}
div#slideshow{
	margin:0 auto 15px;
}
div#slideshow ul{
	position: relative;
	min-width:1024px;
	margin: 0;
	z-index:1;
}
div#slideshow ul#slider li a,
div#slideshow ul#slider li span{
	width:100%;
	display:block;
	padding:20% 0 0 0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
div#slideshow div.bx-wrapper div.bx-pager {
	padding-right:30px;
	text-align: right;
}
div#slideshow p.copy {
  position: absolute;
  top: calc(50% - 4em);
  left: 50%;
  margin-left: -8em;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-shadow: 1px 1px 2px #43caff, 0 0 1em #43caff, 0 0 0.2em #43caff;
}
div#header p#pagetop{
	width:10vw;
	max-width:85px;
	height:10vw;
	max-height:85px;
	position:fixed;
	right:30px;
	bottom:30px;
	text-align:center;
	opacity:0;
	transition:all 0.3s linear;
	z-index:999999999;
}
div#header p#pagetop.transform{
	opacity:100;
}
div#header p#pagetop.rearch_footer{
	bottom:60px;
}
div#header p#pagetop a{
	width:100%;
	display:block;
	padding-top:100%;
	background:url(../img/pagetop.png) no-repeat center center;
	background-size: 100% auto;
}
@media screen and (min-width:1500px){
	div#slideshow:after{
		width:220px;
		height:240px;
		top:calc(50% - 155px);
		left:calc(50% - 110px);
		padding-top:0;
	}
}
@media screen and (max-width:800px){
	div#slideshow:after{
		width:45%;
		top:12.5%;
		left:30px;
		padding:15% 0 0 0;
		background:url(../img/logo_sp.svg) no-repeat center center;
		background-size: 100% auto;
	}
	div#header p#pagetop.rearch_footer{
		bottom:50px;
	}
}
@media screen and (max-width:540px){
	div#header p#pagetop{
		width:45px;
		height:45px;
		right:15px;
		bottom:15px;
	}
	div#header p#pagetop.rearch_footer{
		bottom:75px;
	}
}
@media screen and (max-width:350px){
	div#header p#pagetop.rearch_footer{
		right:10px;
		bottom:100px;
	}
}



button#btn_menu {
	display:none;
	opacity: 0;
	z-index: 9999;
}
@media screen and (max-width: 760px){
	button#btn_menu {
		width: 90px;
		height: 90px;
		position: fixed;
		top: 0;
		right: 0;
		display: block;
		text-align: center;
		border: none;
		transition: all 0.3s linear;
		background: #003366;
		opacity: 1.0;
		transition: all 0.3s linear;
		z-index: 999;
		overflow: hidden;
	}
}
@media screen and (max-width: 960px){
	button#btn_menu {
		width: 90px;
		height: 90px;
		position: fixed;
		top: 0;
		right: 0;
		display: block;
		text-align: center;
		border:none;
		transition: all 0.3s linear;
		background:#003366;
		opacity: 1.0;
		transition: all 0.3s linear;
		overflow:hidden;
		z-index:99999;
	}
	button#btn_menu:hover {
		background-color:#ff6400;
	}
	button#btn_menu.close {
		background-image:none;
		background-blend-mode:lighten;
	}
	button#btn_menu:before,
	button#btn_menu:after{
		width:32px;
		height:5px;
		content:"";
		position:absolute;
		top:27.5px;
		left:29px;
		display:block;
		background-color:#fff;
		transition:all 0.3s ease-out;
		z-index:10;
	}
	button#btn_menu:after{
		top:auto;
		bottom:27.5px;
	}
	button#btn_menu.close:before,
	button#btn_menu.close:after{
		top:42.5px;
		bottom:auto;
		transition:all 0.3s ease-out;
	}
	button#btn_menu.close:before{
		transform:rotate(-225deg)
	}
	button#btn_menu.close:after{
		top:auto;
		bottom:42.5px;
		transform:rotate(225deg);
	}
	button#btn_menu span{
		width:32px;
		height:5px;
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		margin:-2.5px 0 0 -16px;
		background-color:#fff;
		transition:all 0.3s ease-out;
	}
	button#btn_menu.close span{
		width:0;
		margin:-0.5vw 0 0 0;
		opacity:0;
	}
}
@media screen and (max-width:540px){
	button#btn_menu {
		width: calc(20vw - 3px);
		height: calc(20vw - 3px);
	}
	button#btn_menu:before,
	button#btn_menu:after{
		width:10vw;
		height:1vw;
		top:5vw;
		left:calc(5vw - 1.5px);
	}
	button#btn_menu:after{
		top:auto;
		bottom:5vw;
	}
	button#btn_menu.close:before,
	button#btn_menu.close:after{
		top:calc(9.5vw - 1.5px);
	}
	button#btn_menu span{
		width:10vw;
		height:1vw;
		margin:-0.5vw 0 0 -5vw;
	}
}

/* globalnavi
------------------------------------------------ */
ul#gnavi{
	width: 100%;
	clear: both;
	margin:0 auto 10px;
	padding: 0;
	text-align:center;
	letter-spacing: -0.4em;
	background-color:rgba(255,100,0,0.85);
}
ul#gnavi li{
	position: relative;
	display: inline-block;
	font-size:20px;
	text-align:center;
	letter-spacing: normal;
}
ul#gnavi li a{
	display: block;
	padding: 20px 15px 18px;
	color: #fff;
	border-right:1px #fff solid;
	transition:all 0.3s linear;
}
ul#gnavi li:last-child a{
	border: none;
}
ul#gnavi li + a{
	pointer-events:none;
}
ul#gnavi li a:hover{color:#1b3c5f;background:#fff;}
ul#gnavi li ul{
	display: none;
	width:18em;
	height:auto;
	position: absolute;
	top:calc(1.8em + 35px);
	left: 50%;
	margin-left: -9em;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	border-bottom:none;
	z-index: 1000;
	transition:all 0.3s linear;
}
ul#gnavi li ul li{
	display:block;
	font-size:16px;
	border-bottom:1px #ccc solid;
}
ul#gnavi li ul li a{
	padding:14px 15px 11px;
	color: #0063c6;
	background-color:rgba(255,255,255,0.9);
}
ul#gnavi li ul li a:hover{
	color:white;
	background:#ff6400;
}

/* transform */
div#header.transform ul#gnavi{
	position:fixed;
	top:0;
	margin-bottom:0;
	z-index: 99999;
}
div#header.transform ul#gnavi li{
	font-size:18px;
}
div#header.transform ul#gnavi li a{
	padding:10px 15px 8px;
}
div#header.transform ul#gnavi li ul{
	  top: calc(1.8em + 16px);
}
div#header.transform ul#gnavi li + a{
	pointer-events:auto;
}

@media screen and (max-width: 960px) {
	div#global_navi{
		display:none;
		width:240px;
		position:fixed;
		top:0;
		right:0;
		margin:0;
		padding:0;
		background-color:rgba(245,245,240,0.9);
		z-index:9998;
	}
	ul#gnavi {
		width:100%;
		height:100vh;
		display:block;
		padding:120px 0 0 0;
		overflow-x:auto;
	}
	ul#gnavi li {
		display:block;
		width:100%;
		padding:0;
	}
	ul#gnavi li a {
		height:inherit;
		margin:0;
		padding:13px 0 12px;
		font-size:16px;
		text-align:center;
		text-indent:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		background-color:transparent;
		box-shadow:none;
	}
	ul#gnavi li a:hover,
	ul#gnavi li a ul li a:hover {
		margin:0!important;
		color:#fff!important;
		background:#ff6400;
	}
	ul#gnavi li a:before,
	ul#gnavi li a:after {
		display:none;
	}
	ul#gnavi li ul {
		width:100%;
		height:auto;
		display:none;
		position:static;
		margin:0;
		padding:0;
		border:none;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		background:none
	}
	ul#gnavi li ul li a {
		text-align:center;
		border-bottom: 1px #ccc solid !important;
		background-color: rgba(245,245,240,1.0);
	}
	ul#gnavi li ul li a:hover {
		background:#ff6400;
	}
	div#header.transform ul#gnavi{
		position:relative;
	}
}


/* pagenavi
------------------------------------------------ */
ul#pagenavi{
	width:90%;
	margin:0 auto 30px;
}
ul#pagenavi li{
	min-height:18px;
	margin:0 10px 0 0;
	padding: 2px 0 0 25px;
	background: url(../img/arrow01.png) no-repeat 0 center;
}
ul#pagenavi li:first-child{
	background: url(../img/home.png) no-repeat 0 center;
}

@media screen and (max-width:540px){
	ul#pagenavi{
		display:none;
	}
}

/* contents
------------------------------------------------ */
div#contents{
	width:90%;
	margin:0 auto 90px;
	padding:5%;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	background-color:#fff;
	overflow:hidden;
}
@media screen and (max-width:540px){
	div#contents {
		margin: 0 auto 95px;
	}
}
@media screen and (max-width:440px){
	div#contents {
		margin: 0 auto 100px;
	}
}
@media screen and (max-width:400px){
	div#contents {
		margin: 0 auto 105px;
	}
}
@media screen and (max-width:370px){
	div#contents {
		margin: 0 auto 110px;
	}
}
@media screen and (max-width:340px){
	div#contents {
		margin: 0 auto 115px;
	}
}
a.link{
	min-height:18px;
	padding: 2px 0 0 25px;
	background: url(../img/arrow01.png) no-repeat 0 center;
}


/* search_keyword
------------------------------------------------ */
div#search_keyword{
	max-width: 1280px;
	margin: 0 5% 30px;
	padding: 3% 5%;
	letter-spacing:-0.4em;
	border:1px #ccc solid;
}
div#search_keyword input{
	display:inline-block;
	font-size:16px;
	letter-spacing:normal;
}
div#search_keyword input#keyword{
	width:calc(100% - 6em);
	padding:10px 15px;
}
div#search_keyword input.submit{
	width:6em;
	padding:8px 0.5em 7px;
}


/* pagetitle
------------------------------------------------ */
h1#cttl{
	margin:0 auto 45px;
	text-align:center;
}
h1#cttl strong,
h2.ttl{
	width:100%;
	display:block;
	margin:0 auto 5px;
	padding:0;
	font-family: 'Sawarabi Mincho';
	font-size:32px;
	text-align:center;
}
h1#cttl strong:after{
	width:60%;
	height:1px;
	display:block;
	content:"";
	margin:0 auto;
	background-color:#ccc;
}
h2.ttl{
	clear:both;
	min-width:27em;
	position:relative;
	margin-bottom:30px;
	font-size:26px;
	line-height:1.6;
}
h3.ttl {
  margin: 5px auto 15px;
  padding: 0 0 0 15px;
  font-size: 20px;
  border-left: 3px #003580 solid;
  border-bottom: 1px #ccc solid;
}

@media screen and (max-width:960px){
	h1#cttl strong,
	h2.ttl strong {
		width: 100%;
	}
}

@media screen and (max-width:760px){
	h2.ttl{
		min-width:0;
	}
}
@media screen and (max-width:540px){
	h1#cttl {
		margin: 0 auto 30px;
	}
	h1#cttl strong,
	h2.ttl strong {
		font-size: 28px;
	}
	h2.ttl {
		font-size: 22px;
	}
}
@media screen and (max-width:350px){
	h1#cttl strong,
	h2.ttl strong {
	  font-size: 24px;
	}
	h2.ttl {
		font-size: 20px;
	}
}

/* topicpath
------------------------------------------------ */


/* footer
------------------------------------------------ */
div#footer{
	padding-top:120px;
	background-color:#fff;
}

div#footer ul#bnr{
	margin:0 auto 90px;
	text-align:center;
}
div#footer ul#bnr li{
	max-width:300px;
	margin:0 15px 30px;
	font-size:14px;
}
div#footer ul#bnr li a{
	display:block;
}
div#footer ul#bnr li img{
	display:block;
	margin-bottom:5px;
	border:1px #ccc solid;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	overflow:hidden;
}
div#footer p{
	margin:0 auto 30px;
	padding:0 15px;
	text-align:center;
}

div#footer p#footer_logo{
	width:480px;
	padding:0;
}
div#footer p#footer_logo a{
	width:100%;
	display:block;
	padding-top:43.33%;
	background:url(../img/f_logo.png) no-repeat center center;
}
div#footer p#copyright{
	margin-bottom:0;
	padding:10px 15px 8px;
	color:#fff;
	background-color:#003580;
}
@media screen and (max-width:540px){
	div#footer ul#bnr li{
		font-size:12px;
	}
}


/* topics_list
------------------------------------------------ */
div#concept,
div#topics_list{
	max-width: 1280px;
	margin:0 auto 60px;
	overflow:hidden;
	background-color:#fff;
}
div#concept h1.ttl,
div#topics_list h1.ttl{
	width:8em;
	float:left;
	margin:0 30px 15px 0;
	font-family: 'Sawarabi Mincho';
	font-size:32px;
}
div#topics_list a.link{
	float:left;
	margin-top:20px;
}
ul.pickup{
	clear:both;
}
ul.pickup li{
	width:22%;
	margin:0 4% 30px 0;
}
ul.pickup li:nth-child(4n){
	margin-right:0;
}
ul.pickup li a,
ul.pickup li span.text{
	width:100%;
	display:block;
	margin:0 auto;
}
ul.pickup li a span,
ul.pickup li span.text span{
	width:100%;
	position:relative;
	display:block;
	margin:0 auto 10px;
	padding:75% 0 0 0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	transition:all 0.3s linear;
}
ul.pickup li a:hover span,
ul.pickup li span.text:hover span{
	background-size:115% auto;
	transition:all 0.3s linear;
}
ul.list{
	clear: both;
	padding:0 0 15px;
	letter-spacing:-0.4em;
	border-bottom:1px #ccc solid;
	overflow: hidden;
}
ul.list li{
	position:relative;
	padding:15px 0;
	border-top:1px #ccc solid;
}
ul.list li span.date,
ul.list li a,
ul.list li span.text{
	width:12em;
	display:inline-block;
	margin:0;
	vertical-align:top;
	letter-spacing:normal;
}
ul.list li a,
ul.list li span.text{
	width:calc(100% - 12em);
	padding:0;
}
span.date{
	min-height:18px;
	padding: 2px 0 0 25px;
	background: url(../img/arrow01.png) no-repeat 0 center;
}

@media screen and (max-width:680px){
	ul.pickup li{
		width:30%;
		margin:0 5% 15px 0;
		font-size:14px;
	}
	ul.pickup li:nth-child(3n){
		margin-right:0;
	}
	ul.pickup li:nth-child(4n){
		display:none;
	}
	ul.list li span.date, ul.list li a,
	ul.list li span.text {
		width: 10em;
		font-size:14px;
	}
	ul.list li a,
	ul.list li span.text {
		width: calc(100% - 10em);
		font-size:14px;
	}
	ul.pickup li a span,
	ul.pickup li span.text span{
		margin:0 auto 5px;
	}
}
@media screen and (max-width:540px){
	div#concept h1.ttl,
	div#topics_list h1.ttl{
		width: auto;
		float: none;
		margin: 0 0 -10px;
	}
	div#topics_list a.link{
		display:block;
		float: none;
		margin: 0 0 30px;
	}
	ul.pickup li{
		width:47.5%;
		margin:0 5% 30px 0;
		font-size:14px;
	}
	ul.pickup li:nth-child(3n){
		margin-right:5%;
	}
	ul.pickup li:nth-child(2n),
	ul.pickup li:nth-child(4n){
		margin-right:0;
	}
	ul.pickup li:nth-child(4n){
		display:inline-block;
	}
	ul.list {
		padding: 0;
	}
	ul.list li span.date,
	ul.list li a,
	ul.list li span.text{
		width:100%;
		display:block;
		margin:0 0 15px;
	}
	ul.list li span.text{
		margin:0;
	}
	span.date {
		font-size:12px;
	}
}
@media screen and (max-width:350px){
	div#topics_list h1.ttl{
		font-size: 28px;
	}
}

/* submit btn
----------------------------------------------------------- */
div#submit{
	margin:90px auto;
	padding:15px 0;
}
.button {
	display:block;
	min-width:280px;
	margin:0 auto 20px;
	padding:12px 30px 9px;
	color:#fff!important;
	font-size:18px;
	text-align:center;
	border:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	cursor: pointer;
	transition: all 0.3s linear;
	background-color: #0064c8;
}
.button:hover {
	background: #ff6400;
}
@media screen and (max-width: 510px){
	.button {
		min-width:240px;
		padding:12px 15px 9px;
	}
}
/* pager
----------------------------------------------------------- */
ul.pager {
	clear:both;
	margin:0;
	padding:15px 0 0;
	text-align:center;
	border-top:1px solid #c8c8c8;
}
ul.pager li {
    display: inline-block;
	*display:inline;
    margin: 5px 10px 5px 0;
}
ul#pager-num{
    clear: both;
	margin:30px auto 15px;
    padding: 0 0 15px;
	border:none;
}
ul#pager-num li {
    display: inline-block;
	*display:inline;
    width: 3.5em;
    font-weight: bold;
    line-height: 1.5;
    margin: 2px;
    padding: 0;
    text-align: center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	zoom:1;
}
ul#pager-num li a,
ul#pager-num li span {
    width: 3.5em;
    display: block;
    *display: inline;
    line-height: 1.5;
    padding: 14px 2px 10px;
    text-align: center;
    border: 1px solid #1b3c5f;
    border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	zoom:1;
}
ul#pager-num li a:link {
    background: none repeat scroll 0 0;
}
ul#pager-num li a:visited {
    background: none repeat scroll 0 0;
}
ul#pager-num li a:hover {
    color:#ffffff;
    border: 1px solid #ff6400;
    background:#ff6400;
}
ul#pager-num li.prev,
ul#pager-num li.next,
ul#pager-num li.list,
ul#pager-num li.top{
    border: none;
    width: inherit;
	*width:auto;
	zoom:1;
}
ul#pager-num li.prev a,
ul#pager-num li.next a,
ul#pager-num li.list a,
ul#pager-num li.top a {
    width: inherit;
	*width:auto;
	padding:14px 20px 10px;
    border: 1px solid #1b3c5f;
	zoom:1;
}
ul#pager-num li.prev a:hover,
ul#pager-num li.next a:hover,
ul#pager-num li.list a:hover,
ul#pager-num li.top a:hover {
    color: #ffffff;
    border:1px #ff6400 solid;
}
ul#pager-num li span {
    color: white;
    background:#1b3c5f;
}
ul.pager li.list{float:right;}

@media screen and (max-width:540px){
	ul#pager-num li,
	ul#pager-num li span {
		width: 2.5em;
		line-height: 1.0;
	}
	ul#pager-num li a,
	ul#pager-num li span {
		width: 2.5em;
		padding: 0.7em 2px;
		line-height: 1.0;
	}
	ul#pager-num li.prev a,
	ul#pager-num li.next a,
	ul#pager-num li.list a,
	ul#pager-num li.top a {
			width: auto;
			padding: 0.7em 10px!important;
	}
}

/* second
------------------------------------------------ */
body.pages ul#topics_lnavi,
body.pages h2#pttl{
	display:none;
}
/* outline */
p#outline{
	text-align:center;
}
p#outline strong{
	color:red;
	font-weight:bold;
}

/* slide_show */
@media screen and (max-width:1300px){
	div.bx-wrapper div.bx-pager.bx-default-pager a {
		width: 45px;
	}
}
@media screen and (max-width:960px){
	div.bx-wrapper div.bx-pager.bx-default-pager a {
		width: 30px;
	}
}
@media screen and (max-width:760px){
	div.bx-wrapper div.bx-pager.bx-default-pager a {
		display:none;
	}
}