@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%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    min-width: 1002px;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.3),
            rgba(255, 255, 255, 0.3)
        ),
        url(../images/haikei.png);

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;

    -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/header1.png") no-repeat top center; height:    114px; }
#head2{ background: url("../images/header2.png") no-repeat top center; height:    66px; }
#head3{ background: url("../images/header3.png") no-repeat top center; height:    167px; }
#head4{ background: url("../images/header4.png") no-repeat top center; height:    166px; }
#head5{ background: url("../images/header5.png") no-repeat top center; height:    118px; }
#head6{ background: url("../images/header6.png") no-repeat top center; height:    112px; }
#head7{ background: url("../images/header7.png") no-repeat top center; height:    99px; }
#head8{ background: url("../images/header8.png") no-repeat top center; height:    143px; }
#head9{ background: url("../images/header9.png") no-repeat top center; height:    186px; }
#head10{ background: url("../images/header10.png") no-repeat top center; height:    121px; }
#head11{ background: url("../images/header11.png") no-repeat top center; height:    119px; }
#head12{ background: url("../images/header12.png") no-repeat top center; height:    161px; }
#head13{ background: url("../images/header13.png") no-repeat top center; height:    245px; }
#head14{ background: url("../images/header14.png") no-repeat top center; height:    200px; }
#head15{ background: url("../images/header15.png") no-repeat top center; height:    173px; }
#head16{ background: url("../images/header16.png") no-repeat top center; height:    270px; }
#head17{ background: url("../images/header17.png") no-repeat top center; height:    247px; }
#head18{ background: url("../images/header18.png") no-repeat top center; height:    275px; }
#head19{ background: url("../images/header19.png") no-repeat top center; height:    225px; }
#head20{ background: url("../images/header20.png") no-repeat top center; height:    161px; }
#head21{ background: url("../images/header21.png") no-repeat top center; height:    173px; }
#head22{ background: url("../images/header22.png") no-repeat top center; height:    218px; }
#head23{ background: url("../images/header23.png") no-repeat top center; height:    198px; }
#head24{ background: url("../images/header24.png") no-repeat top center; height:    215px; }
#head25{ background: url("../images/header25.png") no-repeat top center; height:    233px; }
#head26{ background: url("../images/header26.png") no-repeat top center; height:    235px; }
#head27{ background: url("../images/header27.png") no-repeat top center; height:    267px; }
#head28{ background: url("../images/header28.png") no-repeat top center; height:    173px; }
#head29{ background: url("../images/header29.png") no-repeat top center; height:    193px; }
#head30{ background: url("../images/header30.png") no-repeat top center; height:    250px; }
#head31{ background: url("../images/header31.png") no-repeat top center; height:    206px; }
#head32{ background: url("../images/header32.png") no-repeat top center; height:    188px; }
#head33{ background: url("../images/header33.png") no-repeat top center; height:    165px; }
#head34{ background: url("../images/header34.png") no-repeat top center; height:    196px; }
#head35{ background: url("../images/header35.png") no-repeat top center; height:    193px; }
#head36{ background: url("../images/header36.png") no-repeat top center; height:    187px; }
#head37{ background: url("../images/header37.png") no-repeat top center; height:    169px; }
#head38{ background: url("../images/header38.png") no-repeat top center; height:    359px; }
#head39{ background: url("../images/header39.png") no-repeat top center; height:    253px; }
#head40{ background: url("../images/header40.png") no-repeat top center; height:    345px; }
#head41{ background: url("../images/header41.png") no-repeat top center; height:    229px; }
#head42{ background: url("../images/header42.png") no-repeat top center; height:    246px; }
#head43{ background: url("../images/header43.png") no-repeat top center; height:    459px; }
#head44{ background: url("../images/header44.png") no-repeat top center; height:    324px; }
#head45{ background: url("../images/header45.png") no-repeat top center; height:    261px; }
#head46{ background: url("../images/header46.png") no-repeat top center; height:    335px; }
#head47{ background: url("../images/header47.png") no-repeat top center; height:    381px; }
#head48{ background: url("../images/header48.png") no-repeat top center; height:    397px; }
#head49{ background: url("../images/header49.png") no-repeat top center; height:    371px; }
#head50{ background: url("../images/header50.png") no-repeat top center; height:    339px; }
#head51{ background: url("../images/header51.png") no-repeat top center; height:    345px; }
#head52{ background: url("../images/header52.png") no-repeat top center; height:    261px; }
#head53{ background: url("../images/header53.png") no-repeat top center; height:    671px; }
#head54{ background: url("../images/header54.png") no-repeat top center; height:    123px; }
#head55{ background: url("../images/header55.png") no-repeat top center; height:    329px; }
#head56{ background: url("../images/header56.png") no-repeat top center; height:    392px; }
#head57{ background: url("../images/header57.png") no-repeat top center; height:    298px; }
#head58{ background: url("../images/header58.png") no-repeat top center; height:    313px; }
#head59{ background: url("../images/header59.png") no-repeat top center; height:    324px; }
#head60{ background: url("../images/header60.png") no-repeat top center; height:    183px; }
#head61{ background: url("../images/header61.png") no-repeat top center; height:    248px; }
#head62{ background: url("../images/aisatu1.png") no-repeat top center; height:    247px; }
#head63{ background: url("../images/aisatu2.png") no-repeat top center; height:    348px; }
#head64{ background: url("../images/aisatu3.png") no-repeat top center; height:    289px; }
#head65{ background: url("../images/aisatu4.png") no-repeat top center; height:    193px; }
#head66{ background: url("../images/aisatu5.png") no-repeat top center; height:    230px; }
#head67{ background: url("../images/aisatu6.png") no-repeat top center; height:    183px; }
  

#form { background: url("../images/form.png") no-repeat top center; height:    678px; } 



#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;
	
	
}


.container {

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

.white {
  color: #fff;
}

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

#footer {  
	background-color: #0d2356;
}
--------------------------- */

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

.video-area {
  position: relative;
  width: 100%;
}

.video-box {
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  aspect-ratio: 16 / 9;
  z-index: 10;
}

.video-box iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}