@charset "utf-8";

/* common
---------------------------------------------*/
* {margin:0;padding:0;}

a:link,a:visited {
	color: #ffffff;
	text-decoration:underline;
}
a:hover,a:active {
	color: #d90909;
	text-decoration:underline;
}

.impact   {font-size:20pt; font-weight:bold;}
.impact2  {color:red;}
.impact3  {background:yellow; color:#000;}
#impact4  {underline;}
.impact5  {background:#173B50; padding:2px 5px; color:#fff;}
.impact6  {background:#f4f4f4; padding:3px; line-height:1.1;}
.impact7  {background: #B60000; padding:2px 5px; color:#fff;}
.style2   {color: #FF0000}
.style3   {color: #333333}
.style4   {color: #000000}


img{ border: none;}

/* ボタンのマウスオーバーで明るくする */
.btn:hover {
  filter: brightness(120%);
}


/* animation
---------------------------------------------*/
.feedInUp {
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
	transition: 1.5s;
}
.feedInUp_On {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/* layout
---------------------------------------------*/


/*TopIntro-Start*/
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 1000px;
	
  background-image: url("../images/bg_seminer.jpg");
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	
-webkit-text-size-adjust:none;
	
  text-align:center;
  font-size:18px;
  font-family: 'meiryo', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #383d5c;
}

#head1 { background: url("../images/header_01.jpg") no-repeat top center; height:    292px; } 
#head2 { background: url("../images/header_02.jpg") no-repeat top center; height:    335px; } 
#head3 { background: url("../images/header_03.jpg") no-repeat top center; height:    168px; } 
#body1 { background: url("../images/body_1.png") no-repeat top center; height:    849px; } 
#body2 { background: url("../images/body_2.png") no-repeat top center; height:    690px; } 
#body3 { background: url("../images/body_3.png") no-repeat top center; height:    358px; } 
#body4 { background: url("../images/body_4.jpg") no-repeat top center; height: 1487px; } 
#body5 { background: url("../images/body_5.jpg") no-repeat top center; height:    1482px; } 
#body6 { background: url("../images/body_6.jpg") no-repeat top center; height:    1439px; } 
#body7 { background: url("../images/body_7.jpg") no-repeat top center; height:    1514px; } 
#body8 { background: url("../images/body_8.jpg") no-repeat top center; height:    1444px; } 
#body9 { background: url("../images/body_9.jpg") no-repeat top center; height:    1447px; } 
#body10 { background: url("../images/body_10.jpg") no-repeat top center; height:    1570px; } 
#body11 { background: url("../images/body_11.png") no-repeat top center; height:    240px; } 
#body12 { background: url("../images/body_12.png") no-repeat top center; height:    1545px; } 
#body13 { background: url("../images/body_13.png") no-repeat top center; height:    177px; } 
#body14 { background: url("../images/body_14.png") no-repeat top center; height:    795px; } 
#body15 { background: url("../images/body_15.png") no-repeat top center; height:    865px; } 
#body16 { background: url("../images/body_16.png") no-repeat top center; height:    800px; } 
#body17 { background: url("../images/body_17.png") no-repeat top center; height:    670px; } 
#body18 { background: url("../images/body_18.png") no-repeat top center; height:    794px; } 
#body19 { background: url("../images/body_19.png") no-repeat top center; height:    802px; } 
#body20 { background: url("../images/body_20.png") no-repeat top center; height:    862px; } 
#body21 { background: url("../images/body_21.png") no-repeat top center; height:    835px; } 
#body22 { background: url("../images/body_22.png") no-repeat top center; height:    353px; } 
#body23 { background: url("../images/body_23.png") no-repeat top center; height:    1077px; } 
#body24 { background: url("../images/body_24.png") no-repeat top center; height:    950px; } 
#body25 { background: url("../images/body_25.png") no-repeat top center; height:    1020px; } 
#body26 { background: url("../images/body_26.png") no-repeat top center; height:    1193px; } 
#body27 { background: url("../images/body_27.png") no-repeat top center; height:    31px; } 
#body28 { background: url("../images/body_28.png") no-repeat top center; height:    240px; } 
#body29 { background: url("../images/body_29.png") no-repeat top center; height:    424px; } 
#body30 { background: url("../images/body_30.png") no-repeat top center; height:    333px; } 
#body31 { background: url("../images/body_31.png") no-repeat top center; height:    243px; } 
#body32 { background: url("../images/body_32.png") no-repeat top center; height:    299px; } 
#body33 { background: url("../images/body_33.png") no-repeat top center; height:    299px; } 
#body34 { background: url("../images/body_34.png") no-repeat top center; height:    286px; } 
#body35 { background: url("../images/body_35.png") no-repeat top center; height:    333px; } 
#body36 { background: url("../images/body_36.png") no-repeat top center; height:    333px; } 

#btnhead { padding: 10px 0 0 650px}
#btnup { background: url("../images/btn1.png") no-repeat top center; height:    109px; padding: 0} 
#btnup2 { background: url("../images/btn_PC3.png") no-repeat top center; height:    205px; } 


#wrap {

	background-image: url("../images/wrap.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrapform {

	background-image: url("../images/wrapform.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}


#container {

	text-align:left;
	width:1000px;
	margin:0 auto;
	
	
}

#text {

	text-align:left;
	width:850px;
	margin:0 auto;
	
	
}

#textwhite {

	text-align:left;
	width:850px;
	margin:0 auto;
	color: #fff;
	
}

#texts2 {

	text-align:left;
	width:750px;
	position: relative;
	margin-top:170px;
	margin-left:400px;
	
	
}

#texts3 {

	text-align:left;
	width:850px;
	margin-top:250px;
	margin-left:170px;
	
	
}

.box {
  /* 方眼紙模様に必須のスタイル */
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
  text-align:center;

  /* 以下任意のスタイル */
  margin:0 auto;
  padding: 0px;
}

.blue {
    background-color: #0c1f58;
    background-position: center center;
    text-align:center;
    margin:0 auto;
}

.white {
    background-color: #ffffff;
    background-position: center center;
    text-align:center;
    margin:0 auto;
}

.white_1000 {
    width: 1000px;
    background-color: #ffffff;
    background-position: center center;
    text-align:center;
    margin:0 auto;
}

.blue_1100 {
    width: 1100px;
    background-color: #0c1f58;
    background-position: center center;
    text-align:center;
    margin:0 auto;
}

.bg_white{
    width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
    background-image: url("../images/bg_white.jpeg");
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
}

.gray{
    background-color: #f5f5f5;
    background-position: center center;
    text-align:center;
    margin:0 auto;
}

.kakomi_box{
margin: 0 auto;
padding: 0 auto;
width: 1000px;
position: relative;
border: 5px solid #0c1f58;
border-radius: 30px; /* 角の丸み */
text-align:center;
}

.container {

	text-align:left;
	width:1000px;
	margin:0 auto;
	
	
}

.white {
  color: #fff;
}

.text-center {
　text-align: center;
}

.present_box{
width: 1000px;
margin:0 auto;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}

.present{
width:48%;
margin:30px 0 0;
padding:0;
}
.present_box:after {
content: "";
display:block;
width:48%;  /* .presentに指定したwidthと同じ幅を指定する */
height:0;
}
.present_pict{
margin:0 0 0 0;
padding:0;
}
.present_pict img{
width:100%;
}

.present_box_2{
width: 1000px;
margin:0 auto;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.present_2{
width:48%;
margin:30px 0 0;
padding:0;
}
.present_box:after {
content: "";
display:block;
width:48%;  /* .presentに指定したwidthと同じ幅を指定する */
height:0;
}
.present_pict_2{
margin:0 0 0 0;
padding:0;
}
.present_pict_2 img{
width:100%;
}

#footer {  
	background-color: #0c1f58;
    font-size: 100%;
    color: #fff;
}


ol,
ul{
	list-style-position: inside;
	padding-left:10px;
}
ol li,
ul li{
	text-align:left;
}