@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: #F1F1F1;
}
a:link {
	color: #00094F
}a:visited {
	color: #00094F
}
.rapper {
	width: 1100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
}
img {
	max-width: 100%;
	height: auto;
}
.spacer-SS {
	height: 10px;
}
.spacer-S {
	height: 30px;
}
.spacer-M {
	height: 50px;
}
.spacer-L {
	height: 70px;
}
.spacer-t-b-S {
	margin-top: 30px;
	margin-bottom: 30px;
}
.spacer-t-b-SS {
	margin-top: 10px;
	margin-bottom: 10px;
}
.bg-color-lightblue {
	background-color: #5DAAC4;
}
.bg-color-lightlightblue {
	background-color: #E3F7FF;
}
.bg-color-black {
	background-color: #000000;
}
.bg-color-white {
background-color: #FFFFFF;
}
.bg-color-gray {
background-color: #666666;
}
.bg-color-lightgray {
	background-color: #e9e9e9;
}
.indent-S {
	margin-left: 3%;
	margin-right: 3%;
}
.indent-M {
	margin-left: 5%;
	margin-right: 5%;
}
.indent-L {
	margin-left: 10%;
	margin-right: 10%;
}



/* テキスト */

h2 {
	font-size: 35px;
}
h3 {
	font-size: 23px;
}
.text-center {
	text-align: center;
}
.text-S {
	font-size: 12px;
}
.text-SM {
	font-size: 23px;
}
.text-SMM {
	font-size: 30px;
}
.text-M {
	font-size: 35px;
}
.text-L {
	font-size: 43px;
}
.text-LL {
	font-size: 55px;
}
.font-weight-300 {
	font-weight: 300;
}
.font-weight-400 {
	font-weight: 400;
}
.font-weight-700 {
	font-weight: 700;
}
.font-weight-900 {
	font-weight: 900;
}
.font-color-white {
	color: #FFFFFF;
}
.font-color-yellow {
	color: #FFFE01;
}
.font-color-orange {
	color: #FD5A00;
}
.font-color-pink {
	color: #f00171;
}
.font-color-blue {
	color: #019FE8;
}
.font-color-blue02 {
	color: #0145CE;
}
.font-color-lightblue {
	color: #5DAAC4;
}

.text-fuchidori-black {
	text-shadow:
	 4px  4px 1px #000000,
    -4px  4px 1px #000000,
     4px -4px 1px #000000,
    -4px -4px 1px #000000,
     4px  0px 1px #000000,
     0px  4px 1px #000000,
    -4px  0px 1px #000000,
     0px -4px 1px #000000
}
.text-keikou-yellow {
background:linear-gradient(transparent 50%, #FFFF01 50%);
}
/* 画像 */

.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* 線 */
.line01 {
	border-top: 1px dashed #9A9A9A;
}
/* ボタン */
.botan01 {
	background-color: #0041C3;
	border: 1px solid #0041C3;
	border-radius: 5px;
	font-size: 30px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 100px;
	padding-right: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 8px;
}

/* カラムとflex */

.column-flex-around {
	display: flex;
	justify-content: space-around;
}
.width-27 {
	width: 27%;
}
.width-35 {
	width: 35%;
}
.width-47 {
	width: 47%;
}
.width-55 {
	width: 55%;
}
.width-65 {
	width: 65%;
}

.flex-align-center {
  align-items: center;
}

/* 矢印 */

.arrow-under-lightlightblue {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 150px 0 150px;
	border-color: #E3F7FF transparent transparent transparent;
	margin-top: -26px
}
.arrow-under-lightblue {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 8px 0 8px;
	border-color: #5DAAC4 transparent transparent transparent;
	margin-top: 0px
}

/* フォーム */

dl,
dt,
dd {
  box-sizing: border-box;
}
dl {

	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
dt,
dd {
  padding: 20px 10px 10px 10px;

}
dt {
  width: 40%;
  float: left;
	text-align: right;
}
dd {
  margin-left: 30%;
  padding-bottom: 0px;
}
dd:after {
  content: '';
  display: block;
  clear: both;
}
.form-S {
	width: 50%;
	font-size: 25px;
	border: 1px solid #3D3D3D;
	padding-top: 2px;
	padding-bottom: 3px;
}

input[type="text"]:focus {
  border-left: 0px solid #B3B3B3;
	border-right: 0px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	border-top: 0px solid #B3B3B3;
  outline: 0;
}

/* その他 */
.border-radius {
	border-radius: 5px;
}
.onayami-number {
	background-color: #FFFFFF;
	color: #000000;
	border-radius: 50%;	
	padding-left: 6px;
	padding-right: 6px;
	font-size: 15px;
	font-weight: 900;
	margin-left: 5px;
	position: relative;
	top: -2px;
}

.title01-box {
	clip-path: polygon(0% 100%, 0% 0%, 100% 40%, 100% 100%);
	height: 100px;
	position: relative;
}
.title01-title {
	position: relative;
	top: -100px;
}
.muryo-botan {
	background-color: #FF7900;
	width: 100px;
	text-align: center;
	color: #FFF;
	font-weight: 500;
	padding-top: 3px;
	padding-bottom: 5px;
	border-radius: 3px;
}
.yuryo-botan {
	background-color: #007C04;
	width: 100px;
	text-align: center;
	color: #FFF;
	font-weight: 500;
	padding-top: 3px;
	padding-bottom: 5px;
	border-radius: 3px;
}