@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
font-family: "Arial", "メイリオ";
}


h1 { font-size: 1em; }


/* footer
------------------------------------------------------------*/
div.to_top a {
	float: right;
	margin-bottom: 25px;
	color: #BE8915;
}
div.to_top a:hover {
	color: #fff;
}
#footer {
	clear: both;
	padding: 35px 0 20px;
	overflow: hidden;
	background: #302f2f;
}
* html #footer {
	height: 1%;	
}
#footer a {
	color: #BE8915;
}
#footer a:hover {
	color: #fff;
}
.copyright {
	font-size: 8px;
	color: #ffffff;
	text-align: center;
	padding-top: 52px;
}
.copyright2 {
	font-size: 14px;
	color: #ffffff;
	text-align: center;
}

div.b_nav li {
	float: left;
}
.address {
	font-size: 15px;
	color: #ffffff;
    clear: both;
    padding-top: 30px;
	width: 360px;
}
.center{
  display: block;
  text-align: center;
}

br.pc-only {
    display: inline;
}
br.sp-only {
    display: none;
}

/* パソコンで見た時はclass名pc-onlyだけ表示 */
.pc-only{
    display: block;
}
.sp-only{
    display: none;
}

/* スマホで見た時はclass名sp-onlyだけ表示 */
@media screen and (max-width: 768px){
    .pc-only{
        display: none;
    }
    .sp-only{
        display: block;
    } 
}  


@media screen and (max-width:767px) {
    /*　画面サイズが767px以下の場合読み込む　*/
    h1 { font-size:24pt;}
}
@media screen and (min-width:768px){
    /*　画面サイズが768px以上の場合読み込む　*/
    h1 { font-size:40pt;}
}



@media only screen and (max-width:768px){
	
	/* 共通 */
	#wrapper{
		padding:0 10px;
	}
	#mainBanner {
		margin: 0 0 70px 0;	
	}
	.dis_none{
		display:none !important;
	}
	
	/* index.php */
	#header{
		padding:10px 0 0;
	}
	#header .logo{
		margin-top:0;
	}
	div.logo img{
		width:50%;
	}
	.gridWrapper img.n_f {
		width:100%;
	}
	.grid img {
		float:none;
	}
	article.grid{
		width:100%;
		background-image: url(../images/box_bg.png);
		background-size: contain;
	}
	.n_box2{
		width:90%;
	}
	.n_box2_l{
		width:100%;
	}
	.n_box2_r{
		margin-top:10px;
		float:right;
		height:25px;
	}
	.n_box2:last-child{
		padding-bottom:20px;
	}
	h3.heading5 {
		width: 95%;
		margin: 0 auto;
		font-size: 1.8em;
	}
	.contest_start{
		font-size:1.5em;
	}
	.n_box2_l dd.t_title,
	.n_box2_l dd p {
		width: 60%;
	}
	
	/* concept.php */
	.bg_l{
		float:none;
		padding-top:1px;
		width: 144px;
    	margin: 0 auto;
	}
	.c_box_b {
		width: 100%;
	}
	.c_box2{
		width: 100%;
		margin: 0 auto;
		margin-top: 30px;
	}
	.c_box2 img{
		margin:30px auto;
		float:none;
	}
	.c_box_b table{
		float:none;
		margin:0 auto;
		margin-bottom:30px;
		width:100%;
	}
	.c_box_b table td{
		width:270px;
	}

	/* contact.php */
	.bg_c5 {
		width: 100%;
		background-size: contain;
	}
	.box{
		width:100%;
	}
	.box img{
		width:100%;
	}
	.box img.btn{
		width:auto;
	}
	
	/* past.php */
	h3.past {
		font-size: 36px;
	}
	.past_text {
		width: 310px;
	}
	.past_box dl dt {
		width: 140px;
	}
	.past_img{
		margin-bottom: 20px;
	}
	#past_re dd{
		width:100%;
	}
	.past_tab {
		padding-top: 30px;
		width: 74%;
		margin: 0 auto;
	}
	.past_box dl dt {
		width: 100%;
		height:50px;
	}
	.past_text {
		width: 70%;
	}
	.act_img img{
		width:100%;
	}
	.past_table tr td{
		display:block;
		width:100%;
	}
	.past_table tr td.text{
		width:100%;
		padding-left:0
	}
	.photo03 img {
		width: 14em;
	}
	.past_table tr td.day{
		padding-bottom:10px;
	}
	.past_table tr td.day{
		width:auto;
	}
	.activebtn li {
		width: 48.2%;
	}
	
	/* recruit.php */
	.recruit_box{
		width:100%;
		height:auto;
		margin-right:0;
	}
	
	/* concours.php */
	.contestBox {
		width: 90%;
	}
	.contest_img img{
		margin:0;
	}
	.contestBox table tr td{
		display:block;
		width:100%;
	}
	.contestBox table tr td.contest_td{
		width:100%;
		padding-bottom: 0;
		margin-bottom: 5px;
		margin-top:10px;
		color: #B47C1C;
		font-weight: bold;
	}
	.contestBox table tr td table{
		width:100%;
	}
	.contestBox table tr td.contest_td02{
		font-weight:bold;
		padding-bottom:3px;
	}
	.contestBox table tr td.contest_td03{
		font-weight: bold;
		padding-bottom: 3px;
	}
	.contest_title{
		float:none;
	}
	.contest_pdf{
		float:none;
		padding: 3px 10px;
		text-align: center;
		width: 60%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.contest_img{
		display:none;
	}
	.tel_sp{
		display:inherit;
	}
	.tel_pc{
		display:none;
	}
	h4.contest_h4{
		width:auto;
	}
	.download{
		width: 100%;
	}
	.download-file {
		display: block;
	}
	.contestBox table tr td table tr td.contest_td03{
		text-align:left;
	}
	.result_img li img {
		width: 100%;
	}
	.deadline {
		width: 100%;
		font-size: 20px;
	}
	.final {
		width: 100%;
	}
	.contestBox .honsen table td {
		display: table-cell;
		width: auto;
	}

	/* footer */
	.address{
		padding-top:0;
		width:auto;
		float:none;
		text-align:center;
	}
	.copyright{
		padding-top:0;
		padding:30px 0 10px;
		float:none;
	}
}

img {
	max-width: 100%;
	height: auto;
}

a {
  text-decoration: none;
}

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #000000; }
a:active { color: #000000; }