@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face{
	font-family: artBace;
	src: local("Verdana"),local("Microsoft JhengHei");
}
@font-face{
	font-family: artPGothic;
	src:local('MS PGothic');
	unicode-range: U+3010,U+3011,U+25cf,U+25cb,U+25a0,U+25c6,U+25b2,U+306e,U+203b,U+ff1a,U+25ce,U+2018,U+2019,U+201c,U+201d;
	/*【】●○■◆▲の※：◎‘’“”*/
}

body{
	/*font-family: artPGothic, artBace, sans-serif;*/
	font-family:Roboto,Verdana, "Microsoft JhengHei", sans-serif;
	font-size: 15px;
	color:#333;
	background:#fff;
	padding:0;
	margin:0;
}
.s_04{
	font-family: artPGothic, artBace, sans-serif;
}

/*Button*/
.btn_01{
	background:#ff895b;
	border:2px solid #ffc7b1;
	color:#fff;
	font-size:24px;
	border-radius: 4px;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
	padding:10px 30px;
}
.btn_01:hover{
	background:#ffa45b;
}

.btn_02{
	background:#ff895b;
	border:2px solid #ffc7b1;
	color:#fff;
	font-size:20px;
	border-radius: 4px;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	font-weight:normal;
	padding:5px 50px;
	margin-bottom:10px;
}
.btn_02:hover{
	background:#ffa45b;
}

/*table*/
.c_table{
	display:table;
}
.c_table .tr{
	display:table-row;
}
.c_table .tr .td{
	display:table-cell;
}


.container{
	max-width:970px;
	margin:0 auto;
	background:#f5fbfe;
	padding:0 0 1px 0;
}




/*banner*/
.banner{
	margin:0 0 10px 0;
	display:block;
}
.banner img{
	width:100%;
}
.banner_s{
	margin:0 0 10px 0;
	display:none;
}
.banner_s img{
	width:100%;
}
@media (max-width: 600px){
.banner{
	display:none;
}
.banner_s{
	display:block;
}
}


/*story*/
.story{
	margin:60px 86px 60px 86px;
}


.story p{
	font-size:20px;
	line-height:1.5em;
	color:#15587d;
	letter-spacing:1px;
}
.story p .first{
	font-size:40px;
}
.story p .point{
	color:#3aaa27;
	font-weight:bold;
}
@media (max-width: 320px){
.story{
	margin-top:20px;
	margin-bottom:20px;
}
.story p{
	font-size:18px;
	line-height:1.5em;
}
.story p .first{
	font-size:37px;
}
}

/*agenda*/
.agenda{
	margin:0 86px 60px 86px;
}
.agenda h2{
	font-weight:normal;
	color:#f37388;
	font-size:26px;
	margin-bottom:10px;
}
.agenda .cal{
	background:#f37388;
	color:#fff;
	font-size:17px;
	text-align:right;
	padding:13px 20px;
}
.agenda .cal i{
	font-style:normal;
}
.agenda .cal a{
	color:#fdff57;
	text-decoration:none;
}
.agenda table{
	width:100%;
	border-spacing: 0;
	border-collapse: collapse;
	border:1px solid #388f37;
	background:#fff;
}
.agenda table th{
	border:1px solid #f37388;
	padding:0 10px;
	font-size:20px;
	color:#f37388;
	background:#fff3f5;
	font-weight:normal;
	text-align:center;
	width:120px;
}
.agenda table td{
	border:1px solid #f37388;
	padding:0 10px;
}
.agenda table td p{
	font-size:18px;
	margin:10px 0;
	padding:0;
}
.agenda table td p.point{
	font-size:22px;
	font-weight:bold;
}
.agenda table td p + p{
	padding:5px 0 0 0;
}
.agenda_table_l{
	display:table;
}
.agenda_table_s{
	display:none;
}
.agenda .agenda_table_s td p{
	text-align:center;
}
.agenda .agenda_table_s td p.point{
	font-size:20px;
}
.agenda .agenda_table_s .time{
	font-size:16px;
	color:#f37388;
	background:#fff3f5;
	border-radius:4px;
	padding:5px;
}
.agenda .agenda_table_s td p + p{
	padding:0 0 0 0;
}
@media (max-width: 600px){
.agenda h2{
	font-size:20px;
}
.agenda .cal{
	text-align:left;
}
.agenda .cal a span{
	display:none;
}
.agenda table th{
	width:80px;	
}
.agenda_table_l{
	display:none;
}
.agenda_table_s{
	display:table;
}
}
@media (max-width: 450px){
.agenda .cal i{
	display:block;
}
.agenda .cal i span{
	display:none;
}
}
@media (max-width: 320px){
.agenda h2{
	font-size:18px;
}
.agenda .cal{
	padding:13px 10px;
}
}



/*sign_up*/
.sign_up{
	margin:0 86px 30px 86px;
}
.sign_up table{
	width:100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.sign_up table th{
	border-top:1px solid #2e7aa3;
	padding:20px 10px;
	font-weight:normal;
	text-align:center;
}
.sign_up table td{
	border-top:1px solid #2e7aa3;
	padding:20px 10px;
}
.sign_up table tr:first-child th,
.sign_up table tr:first-child td{
	border-top:none;
}
.sign_up table td .s_01{
	/*font-family:Verdana, "Microsoft JhengHei", sans-serif;*/
	color:#2e7aa3;
	font-size:32px;
}
.sign_up table td .s_02{
	/*font-family:Verdana, "Microsoft JhengHei", sans-serif;*/
	color:#2e7aa3;
	font-size:28px;
}
.sign_up table td .s_03{
	/*font-family:Verdana, "Microsoft JhengHei", sans-serif;*/
	color:#2e7aa3;
	font-size:18px;
}
.sign_up table td .s_03 br{
	display:none;
}
.sign_up table th.L{
	display:table-cell;
	
}
.sign_up table tr.M{
	display:none;
}
.sign_up table tr.M td{
	border-top:none;
	text-align:center;
	padding-top:0;
}
@media (max-width: 930px){
.sign_up table td .s_01{
	font-size:30px;
}
.sign_up table td .s_02{
	font-size:26px;
}
.sign_up table td .s_02 span{
	display:none;
}
.sign_up table td .s_03{
	font-size:16px;
}
.sign_up table td .s_03 span{
	display:none;
}
.sign_up table td .s_03 br{
	display:block;
}
.sign_up table .btn_01{
	font-weight:normal;
}
}
@media (max-width: 600px){
.sign_up table th.L{
	display:none;
}
.sign_up table tr.M{
	display:table-row;
}
.sign_up table td .s_01{
	text-align:center;
}
.sign_up table td .s_02{
	text-align:center;
	font-size:24px;
}
.sign_up table td .s_03{
	text-align:center;
}
.sign_up table .btn_02{
	font-size:16px;
}
}
@media (max-width: 320px){

}

.info{
	margin:0 86px 60px 86px;
	background:#fff;
	padding:20px;
	border:1px solid #b2c6d0;
	border-radius:4px;
}
.info p{
	font-size:15px;
	margin:0 0 5px 15px;
	text-indent:-15px;
}
.info .point{
	color:#4fb06d;
}
@media (max-width: 600px){
.info{
	background:none;
	border:none;
	padding:0;
}
}

/*item*/
.items{
	margin:20px 0;
	text-align:center;
}
.items .item{
	margin:10px 20px;
	display:inline-block;

}
.items .item img{
	vertical-align:middle;
}


/*copyright*/
.copyright{
	margin:20px 0;
	text-align:center;
	font-size:13px;
	line-height:15px;
}
.copyright a{
	color:#333;
	text-decoration:none;
}

@media (max-width: 768px){
.story,
.agenda,
.sign_up,
.info{
	margin-left:10px;
	margin-right:10px;
}
}



