@charset "utf-8";
/* CSS Document */

/* 共通 */

body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	font-weight: 500;
	background-color: #C7C7C7;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
}
a:link {
	color: #00094F;
	text-decoration: none;
}
a:visited {
	color: #00094F;
	text-decoration: none;
}
a:hover {
	color: #00094F;
	text-decoration: underline;
}
.wrap01 {
	width: 1100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}


/* 文字 */

h1 {
	background-color: #003399;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 18px;
	padding-bottom: 20px
}

.text-center {
	text-align: center;
}
.text-SS {
	font-size: 12px;
}
.text-S {
	font-size: 16px;
}
.text-M- {
	font-size: 22px;
}
.text-M {
	font-size: 35px;
}
.text-L {
	font-size: 45px;
}
.font-weight-300 {
	font-weight: 300;
}
.font-weight-400 {
	font-weight: 400;
}
.font-weight-500 {
	font-weight: 500;
}
.font-weight-700 {
	font-weight: 700;
}
.font-weight-900 {
	font-weight: 900;
}
.font-color-white {
	color: #FFFFFF;
}
.font-color-yellow {
	color: #F2F203;
}
.text-underline01 {
	border-bottom: 3px solid #000000;
}
.text-hachi {
	position: relative;
    font-size: 35px; 
	text-align: center;
	width: 500px;
	font-weight: 700;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.text-hachi::before{
   content:"";
   display:inline-block;
   width:3px;
   height:40px;
   background-color:#393939;
   position:absolute;
   top:5px;
   left:0px;
   transform: rotate(-45deg);
}
.text-hachi::after{
   content:"";
   display:inline-block;
   width:3px;
   height:40px;
   background-color:#393939;
   position:absolute;
   top:5px;
   right:0px;
   transform: rotate(45deg);
}
.text-icon01 {
    margin-bottom: 10px;
	font-size: 25px;
	font-weight: 500;
}
.text-icon01:before {
    content: url("img/icon01.png");
    margin-right: 30px;
	position:relative;
    top:8px;
}

/* 枠とか背景とか */

.frame01 {
	background-color: #194868;
	color: #FFFFFF;
	border-radius: 14px;
	width: 250px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 7px;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.5px;
}
.frame02 {
	background-color: #FFFFFF;
	border-radius: 8px;
	width: 350px;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid #000000;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.frame03 {
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 16px;
	font-weight: 400;
	width: 42.5%;
}
.frame04 {
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 20px;
	border-radius: 30px;
	-webkit-box-shadow: 3px 3px 10px #A0A0A0;
	box-shadow: 3px 3px 10px #A0A0A0;
	width: 990px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.frame05 {
	background-color: #333333;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 120px;
	border-radius: 20px;
	margin-bottom: 30px;
	width: 600px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	}
.frame06 {
	background-color: #000000;
	margin-bottom: 0px;
	width: 992px;
	margin-left: 25px;
	color: #FFFFFF;
	margin-top: -5px;
}
.frame06-topimg {
	margin-left: 25px;
	margin-bottom: 0px;
}
.frame07 {
	background-color: #000000;
	width: 730px;
	color: #FFFFFF;
	padding-left: 50px;
	padding-right: 50px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #FFFFFF;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: 300;
}
.frame08 {
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 16px;
	font-weight: 400;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.bgcolor-gray {
	background-color: #E2E2E2;
}
.bgcolor-white {
	background-color: #FFFFFF;
}

/* 位置とか余白とか */

.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.img-right {
	display: block;
	margin-left: auto;
}
.spacer-side-S {
	margin-left: 15px;
	margin-right: 15px;
}
.spacer-side-M {
	margin-left: 30px;
	margin-right: 30px;
}
.spacer-side-LL {
	margin-left: 60px;
	margin-right: 60px;
}
.spacer-SS {
	height: 10px;
}
.spacer-S {
	height: 30px;
}
.spacer-M {
	height: 50px;
}
.spacer-L {
	height: 70px;
}
/* flex関係 */

.flex-wrap {
	display: flex;
}
.flex-center {
	justify-content: center;
}
.flex-spacebetween {
	justify-content: space-between;
}
.valign-middle {
	display: flex;
	align-items: center;
}
.flex-end {
	align-items: flex-end;
}
.flex-50-50 {
	width: 45%;
}
/* 矢印 */

.arrow-under-blue {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 50px 0 50px;
	border-color: #003399 transparent transparent transparent;
}
.arrow-under-blue-S {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #194868 transparent transparent transparent;
}

/* ボタン */
.button-contact {
	background-color: #0054A5;
	width: 300px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	font-weight: 700;
	transition: 0.5s ease-out;
	border-radius: 20px;
}
.button-contact a:link {
	color: #FFFFFF;
}
.button-contact a:visited {
	color: #FFFFFF;
}
.button-contact:hover {
	color: #FFFFFF;
	background-color:#0069D2;
	text-decoration: none;
}

/* ビデオ */

.video {
	width: 700px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px #A0A0A0;
	box-shadow: 2px 2px 5px #A0A0A0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}