@charset "utf-8";

/* フォントサイズ確認用 */

.font-size-dummy {
    font-size: .75rem;   /* 12px */
    font-size: .8125rem; /* 13px */
    font-size: .875rem;  /* 14px */
    font-size: 1rem;     /* 16px */
    font-size: 1.25rem;  /* 20px */
    font-size: 1.75rem;  /* 28px */
}

/* CSS Document */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html {
	scroll-behavior: smooth;
	height: 100%;
}

body {
	background-repeat: repeat;
	background-image: url(../images/png/seigaiha.png);
	background-attachment: fixed;
	margin: auto;
	font-family: "Arial", "Helvetica", "sans-serif";
	height: 100%;
}

/* 1280px〜：大型PC
------------------------------ */

p {
	font-size: 16px;
	line-height: 200%;
	margin: 1em;
	color: #FFFFFF;
}

p.box {
	margin: 1em 2em 0;
}

p.alignment_R {
	text-align: right;
	margin: 0 2em;
}

em {
	font-style: italic;	
}

sub {
	font-size: 70%;
}

h1 {
	font-size: 18px; 
	line-height: 100%;
	color: #FFFFFF;
	margin: 0 10px;
	padding: 15px 0 5px;
	text-align: center;
	border-bottom: 1px solid #999999;
}

h1.CR {
	font-size: 18px; 
	line-height: 100%;
	color: #FFFFFF;
	margin: 0 25px 20px;
	text-align: left;
	border-bottom: 1px solid #999999;
}

ul {
	padding : 0;
	margin : 0 0 20px;
}

ul.FT {
	text-align: center;
	list-style-type: none;
	margin : 30px 0;
}

li.CL {
	line-height: 2;
	color: #FFFFFF;
	margin: 15px 30px;
}

li.CR {
	line-height: 1.6;
	color: #FFFFFF;
	margin: 15px 60px;
	padding-left: 10px;
	list-style-image: url(../images/png/list_svastika_12_orange.png);
}

li.CR a {
	text-decoration: none;
	color: #FFFFFF;
}

li.CR a:hover {
	text-decoration: underline;
}

li.FT {
	line-height: 1.6;
	color: #FFFFFF;
	margin: 20px 0;
}

.FT li a {
	text-decoration: none;
	color: #FFFFFF;
 }

.FT li a:hover {
	text-decoration: underline;
}

header {
	background: #1A0066;
	min-width: 1200px;
	text-align : center;
	min-height: 60px;
	padding-top: 5px; 
	filter: drop-shadow(0px 8px 6px rgba(0,0,0,0.7));
	background: rgba(26,0,102,0.85);
}

.wrapper_head {
	display: flex;
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	justify-content:space-between;
	clear: both;
	width: 1200px;
	margin: 0 auto;
}

.head_L {
	float: left;
	width: 300px;
}

.head_C {
	float: left;
	width: 100px;
	text-align : center;
}

.head_R {
	float: left;
	width: 300px;
}

.wrapper_main {
	display: flex;
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	clear: both;
	width: 1200px;
	margin: 15px auto;	
}

.container_L {
	float: left;
	width: 300px;
	filter: drop-shadow(8px 0px 6px rgba(0,0,0,0.7));
	background: rgba(26,0,102,0.8);
}

.container_C {
	float: left;
	width: 600px;
	text-align : center;
}

.container_R {
	float: left;
	width: 300px;
	padding: 20px 0;
	filter: drop-shadow(-8px 0px 6px rgba(0,0,0,0.7));
	background: rgba(26,0,102,0.8);
}

.container_L a {
	text-decoration: none;
	color: #FFFFFF;
 }

.container_L a:hover {
	text-decoration: underline;
}

.box_L {
	margin: 30px 1em;
}

.box_LB {
	border: solid 1px #5F4D94;
	border-radius: 5px;
	margin: 20px 15px;
	padding: 5px 5px 20px;
}

.box_RB {
	border: solid 1px #5F4D94;
	border-radius: 5px;
	margin: 30px 15px 20px;
	padding: 5px 5px 20px;
}

.box_RB a {
	text-decoration: none;
	color: #FFFFFF;
 }

.box_RB a:hover {
	text-decoration: underline;
}

.signboard {
	filter: drop-shadow(0px 0px 9px rgba(0,0,0,0.8));
	width: 180px;
}

.signboard1 {
	filter: drop-shadow(0px 0px 9px rgba(0,0,0,0.8));
	width: 180px;
	height: 750px;
}

.sticky {
	position: sticky;
    top: 25%;
}

.logo {
	filter: drop-shadow(0px 0px 15px rgba(0,0,0,0.9));
}

footer {
	color: #FFFFFF;
	text-align: center;
	padding: 0 0 20px;
}

.footer {
	background: #1A0066;
	clear: both;
	flex: 1;
	filter: drop-shadow(0px -8px 6px rgba(0,0,0,0.7));
	background: rgba(26,0,102,0.9);
}

.wrapper_foot {
	display: flex;
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	justify-content:center;
	width: 1200px;
	height: auto;
	margin: 20px auto 20px;
	padding: 30px 0 0;
}

.footer_L {
	float: left;
	width: 270px;
	outline : 2px solid #1A0066; 
	outline-offset : -7px;
	background: rgba(35,0,140,0.7);
	filter: drop-shadow(5px -5px 5px rgba(0,0,0,0.5));
}

.footer_C {
	float: left;
	width: 300px;
    display: flex;
    align-items: center;
	justify-content: center;
}

.footer_R {
	float: left;
	width: 270px;
	outline : 2px solid #1A0066; 
	outline-offset : -7px;
	background: rgba(35,0,140,0.7);
	filter: drop-shadow(-5px -5px 5px rgba(0,0,0,0.5));
}

.push {
    width: auto;
	height: auto;
	text-align: center;
	clear: both;
}

 
/* 600px〜959px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) {

body{
    min-width:initial;
}

header {
	min-width: 600px;
}

.wrapper_head {
	display: flex;
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	justify-content:space-between;
	clear: both;
	width: 600px;
	margin: 0 auto;
}

.head_L {
	margin:auto;
}

.head_C {
	display: none;
}

.head_R {
	display: none;
}

.wrapper_main {
	display: flex;
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	justify-content:space-between;
	width: 600px;
	margin: 15px auto;
}

.container_L {
	float: left;
	width: 290px;
	filter: drop-shadow(8px 0px 6px rgba(0,0,0,0.7));
	background: rgba(26,0,102,0.8);
}

.container_C {
	visibility: collapse;
	width: 0;
	hight: 0;
}

.container_R {
	float: left;
	width: 290px;
	filter: drop-shadow(-8px 0px 6px rgba(0,0,0,0.7));
	background: rgba(26,0,102,0.8);
}

.wrapper_foot {
	display: flex;
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	justify-content:center;
	width: 600px;
	margin: 20px auto;
	padding: 30px 0 0;
}

.footer_C {
	visibility: collapse;
	width: 0;
}

.signboard {
	visibility: collapse;
	width: 0;
	height: 0;
}

}
 
/* 480px〜599px：SP横
------------------------------ */
@media screen and (min-width:480px) and (max-width:599px) { 

body{
    min-width:initial;
}

header {
	min-width: 480px;
}

.wrapper_head {
	display: flex;
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	justify-content:space-between;
	clear: both;
	width: 480px;
	margin: 0 auto;
}

.head_L {
	margin:auto;
}

.head_C {
	display: none;
}

.head_R {
	display: none;
}

.wrapper_main {
	flex-flow:column;	
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	width: 480px;
	margin: 15px auto;
}

.container_L {
	width: 480px;
	filter: drop-shadow(8px 0px 6px rgba(0,0,0,0.7));
	background: rgba(26,0,102,0.8);
}

.container_C {
	visibility: collapse;
	width: 0;
	hight: 0;
}

.container_R {
	width: 480px;
	filter: drop-shadow(-8px 0px 6px rgba(0,0,0,0.7));
	background: rgba(26,0,102,0.8);
}

.wrapper_foot {
	display: flex;
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	justify-content:center;
	width: 460px;
	margin: 20px auto;
	padding: 30px 0 0;
}

.footer_C {
	visibility: collapse;
	width: 0;
}

.signboard {
	visibility: collapse;
	width: 0;
	height: 0;
}
 
}