@charset "utf-8";
/* =============================================================================
▼ tag > メインデザイン
==============================================================================*/
html body{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo, sans-serif;
}

.touhaba{ font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }


/* =============================================================================
▼ tag > 空白
==============================================================================*/
/*
.pad > *{ padding: .25rem .5rem; }
*/

section + section { margin: 3em 0; }

/* =============================================================================
▼ tag > text > 装飾
==============================================================================*/
h1, h2, h3, h4, h5, .bold{ font-weight: bold; }

h2 {
	margin-top: 4em;
	margin-bottom: 1.2em;
	font-size: 1.3em;
	text-align: center;
}
h3 {
	display: inline-block;
	border-bottom: 3px solid #305496;
	margin-bottom: .8em;
}

/* =============================================================================
▼ tag > etc
==============================================================================*/
/*
.radius { 
	border-collapse: separate !important;
	border-radius: 20px;
	-webkit-borders: 20px;
}
*/

body {
	margin:0;
	padding:0;
}
.size {
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
	width: 100%
}
a { text-decoration: none; color: #000;}
a:hover { text-decoration: underline;}

/* ヘッダー */

header {

	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;

	align-items: center;
	-webkit-align-items: center;

	width: 100%;
	padding: .8em .5em;
}
header h1 { font-size: 1.7em; font-weight: normal;}
header ul.pc_nav {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

	margin-left: auto;
	padding: 0;
}
header ul.pc_nav li { list-style-type: none; margin-left: 2em;}

header ul.sub-menu { margin-left: 1em;}
.drawer-menu-item a { display: block; padding: .75em;}

/* フッター */

footer .copy { font-size: .9em;}
footer .produce {
	font-size: 70%;
	margin: 0 auto;
	color: #999;
	text-align: left;
}
footer .produce a { text-decoration: none; color: #999;}


/* ページトップへ戻る */
.page-top {
	margin: 0;
	padding: 0;
	display: none;
	position: fixed;
	z-index: 5;
	right: 30px;
	bottom: 30px;
}
.move-page-top {
	display: block;
}

/* =============================================================================
▼ @media
==============================================================================*/
@media screen and ( min-width:1051px ) {
	header .drawer-nav,
	header .drawer-toggle
		{ display: none !important;}
}
@media screen and ( max-width:1050px ) {
	header ul.pc_nav,
	footer ul.f_nav
		{ display: none !important;}
}
@media screen and ( max-width:1000px ) {
	.size { padding: 0 .5em;}
}
@media screen and ( max-width:960px ) {
	
}
@media screen and ( max-width:700px ) {
	
	}
}
@media screen and ( max-width:520px ) {
	
}