@charset "UTF-8";

/* li {
	  list-style: none;
	} */
.NG {
	color: red;
}

.OK {
	color: lime;
}

button {
	outline: none;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	color: #333;
	font-family: "メイリオ", "Meiryo", sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5;
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
	-webkit-text-size-adjust: 100%;
}

input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

.button-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 60px;
}

.button-box2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.button-box--close {
	margin: 20px 0;
}

.button-box--left {
	flex-direction: row;
	justify-content: flex-start;
}

.form-error-list {
	margin-bottom: 15px;
	color: #e25358;
	font-weight: bold;
}

.form-error-list2 {
	margin-bottom: 15px;
	color: #e25358;
	font-weight: bold;
	width: 100%;
}

.form-error-list__item2 {
	/* width: 70%; */
	text-align: center;
}

.form-error-list:last-child {
	margin-bottom: 0;
}

.button {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 600px;
	height: 64px;
	transition: .2s linear;
	border: 2px solid #ee8800;
	border-radius: 20px;
	background: #ee8800;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

.button2 {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 600px;
	height: 64px;
	transition: .2s linear;
	border: 2px solid #808080;
	border-radius: 20px;
	background: #808080;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

.button3 {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 60%;
	height: 64px;
	transition: .2s linear;
	border: 2px solid #6bb6ff;
	border-radius: 20px;
	background: #6bb6ff;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	height: 64px;
}

.button4 {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 80px;
	height: 34px;
	transition: .2s linear;
	border: 2px solid #ee8800;
	border-radius: 10px;
	background: #ee8800;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}

.button5 {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 80px;
	height: 34px;
	transition: .2s linear;
	border: 2px solid #808080;
	border-radius: 10px;
	background: #808080;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}

.button6 {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 600px;
	height: 64px;
	transition: .2s linear;
	border: 2px solid #5fbd8a;
	border-radius: 20px;
	background: #5fbd8a;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

.button:active {
	background: #fff;
	color: #ee8800;
}

.button2:active {
	background: #fff;
	color: #808080;
}

.button3:active {
	background: #fff;
	color: #6bb6ff;
}

.button4:active {
	background: #fff;
	color: #ee8800;
}

.button5:active {
	background: #fff;
	color: #808080;
}

.button6:active {
	background: #fff;
	color: #5fbd8a;
}


.video-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

p {
	margin: 0;
}

h2 {
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul {
	padding: 0;
}

ul {
	margin: 0;
	list-style: none;
	list-style-image: none;
}

.input {
	box-sizing: border-box;
	width: 60%;
	height: 64px;
	padding: 20px 15px;
	border: 2px solid #d0d0d0;
	border-radius: 5px;
	background: #fff;
	line-height: normal;
}

.input.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input2 {
	box-sizing: border-box;
	height: 64px;
	padding: 20px 15px;
	border: 2px solid #d0d0d0;
	border-radius: 5px;
	background: #fff;
	line-height: normal;
}

.input2.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.form-ime-mode-active {
	ime-mode: active;
}

textarea {
	box-sizing: border-box;
	height: 200px;
	width: 880px;
	padding: 20px 15px;
	border: 2px solid #d0d0d0;
	border-radius: 5px;
	background: #fff;
	line-height: normal;
	line-height: 150%;
	resize: none;
}

button, html
input[type="button"] {
	-webkit-appearance: button;
	cursor: pointer;
}

input {
	outline: none;
}

.mgn_10 {
	margin-bottom: 10px;
}

.mgn_20 {
	margin-bottom: 20px;
}

botton, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}

.radio-box {
	display: flex;
}

.radio {
	height: 100%;
	cursor: pointer;
}

.radio input {
	display: none;
}

input[type="radio"]+label img {
	opacity: 0.2;
}

input[type="radio"]:checked+label img {
	opacity: 1;
}

button, input {
	line-height: normal;
}

.radio-box__item:nth-child(n+2) {
	margin-left: 30px;
}

.form-txt {
	margin-bottom: 15px;
}

.form-address__select, .form-address__input {
	width: 500px;
}

.form-address__input2 {
	width: 100%;
}

.form-mail__input {
	width: 500px;
}

.radio-box__item {
	display: block;
	/* 	display: flex; */
	position: relative;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	min-height: 64px;
	cursor: pointer;
}

.radio__name.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.radio__name {
	display: flex;
	position: relative;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 20px 0 58px;
	border: 2px solid #d0d0d0;
	border-radius: 5px;
	background: #fff;
}

.radio__name::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 20px;
	width: 25px;
	height: 25px;
	transform: translateY(-50%);
	transition: .2s linear;
	background: url(../img/radio_off.png) no-repeat;
}

input:checked+.radio__name::before {
	background: url(../img/radio_on.png) no-repeat;
}

input:checked+.radio__name {
	border-color: #3399cc;
	background: #e7f7ff;
}

.radio__name.error {
	border-color: #e25358;
	background: #ffe0e1;
}

input:checked+.radio__name.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.section {
	/*margin-top: 40px;*/
	margin-top: 20px;
	overflow: hidden;
	border: 1px solid #d0d0d0;
	border-radius: 10px;
	background: #fff;
	text-align: center;
}

.section:first-child {
	margin-top: 0;
}

.section--near {
	margin-top: 20px;
}

.section-in {
	margin-top: 25px;
}

.main {
	display: block;
	box-sizing: border-box;
	min-width: 940;
	min-height: calc(100vh - 220px);
	padding-top: 10px;
	padding-bottom: 120px;
	/* background: #f4f4f4; */
	background: #dbf0ff;
}

.main_error {
	display: block;
	box-sizing: border-box;
	min-width: 940;
	min-height: calc(100vh - 220px);
	padding-top: 10px;
	padding-bottom: 120px;
}

.main__inner {
	width: 940px;
	margin: 0 auto;
	border-radius: 10px;
}

.headline {
	padding: 30px 30px 25px;
	border-bottom: 1px solid #d0d0d0;
	/* 	color: #008d66; */
	color: #6bb6ff;
	font-size: 24px;
	line-height: 1;
}

.content-wrap {
	padding: 30px;
	background: #fff;
}

.form-table {
	box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid #d0d0d0;
}

.form-table2 {
	box-sizing: border-box;
	width: 100%;
}

.required {
	display: inline-block;
	padding: 6px 5px;
	background: #ee8800;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	border-radius: 5px;
}

.form-table__status {
	box-sizing: border-box;
	width: 50px;
	padding: 20px 0 10px 10px;
	border-top: 1px solid #d0d0d0;
	background: #f4f4f4;
	vertical-align: top;
}

.form-table__status--middle {
	vertical-align: middle;
}

.form-table__ttl {
	box-sizing: border-box;
	width: 150px;
	padding: 24px 10px 10px;
	border-top: 1px solid #d0d0d0;
	background: #B5B5B5;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.form-table__status--middle {
	vertical-align: middle;
}

.font-small .form-table__ttl {
	font-size: 20px;
}

.font-large .form-table__ttl {
	font-size: 20px;
}

.form-table__data {
	position: relative;
	padding: 20px 60px 20px 20px;
	border-top: 1px solid #d0d0d0;
}

.form-table__data2 {
	position: relative;
	padding: 20px 60px 20px 20px;
}

.form-note-list {
	margin-bottom: 15px;
}

.form-note-list2 {
	margin-bottom: -5px;
}

.form-note-list__item {
	padding-left: 1em;
	text-indent: -1em;
}

.form_field__name {
	display: inline-block;
	width: 200px;
	margin-left: 5px;
}

.form-name {
	display: block;
}

/* .form-name {
	display: flex;
} */
.form-name__item {
	display: flex;
	align-items: center;
}

/* .form-name__item:nth-child(n+2) {
	margin-left: 30px
} */
.form-name+.form-name {
	margin: 20px;
}

.form-table__chara02 {
	margin-right: 10px;
}

.form-field__name {
	display: inline-block;
	width: 100%;
	margin-left: 5px;
	font-size: 18px;
}

.form-field__name2 {
	display: inline-block;
	width: 100%;
	margin-left: 5px;
	font-size: 18px;
	text-align: center;
}

.form_error-list {
	margin-bottom: 15px;
	color: #e25358;
	font-weight: bold;
}

.form-error-list:last-child {
	margin-bottom: 0;
}

.form-message {
	margin-bottom: 30px;
	font-size: 18px;
	text-align: left;
}

.form-message2 {
	margin-bottom: 30px;
	font-size: 18px;
	color: #e25358;
	font-weight: bold;
	text-align: left;
}

.form-message3{
	font-size: 18px;
	text-align: left;
}

.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #e25358;/*文字色*/
    background: #FFF;
    border: solid 3px #e25358;/*線*/
    border-radius: 10px;/*角の丸み*/
    font-size: 18px;
}
.box2 p {
    margin: 0;
    padding: 0;
}

section {
	display: block;
}

.checkbox {
	margin-left: 20px;
	text-align: center;
	cursor: pointer;
}

.checkbox:first-child {
	margin-left: 0;
}

.checkbox input {
	display: none;
}

.brdisplay {
	display: none;
}

.checkbox__name {
	display: inline-flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	padding: 18px;
	border: 2px solid #d0d0d0;
	border-radius: 5px;
	background: #fff;
}

.checkbox__name::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	transition: .2s linear;
	border-radius: 5px;
	height: 25px;
	margin-right: 10px;
	transition: .2s linear;
	border-radius: 5px;
	background: url(../img/checkbox_off.png) no-repeat;
}

input:checked+.checkbox__name {
	border-color: #3399cc;
	background: #e7f7ff;
}

.checkbox__name.inactive {
	border-color: #808080;
    background: #d3d3d3;
}

input:checked+.checkbox__name::before {
	background: url(../img/checkbox_on.png) no-repeat;
}

.checkbox__name--bold {
	font-weight: bold;
}

.checkbox__name.disabled {
	background: #f4f4f4;
}

.checkbox__name.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.checkbox-box {
	/* 	display:flex;
	align-items: center;
	justify-content:center; */
	font-size: 18px;
}

.checkbox-box--left {
	justify-content: flex-start;
}

.form-date__item {
	display: flex;
	align-items: 30px;
}

.form-date__item:nth-child(n+2) {
	margin-left: 30px;
}

.select {
	position: relative;
	box-sizing: border-box;
	width: 115px;
	overflow: hidden;
	border: 2px solid #d0d0d0;
	border-radius: 5px;
}

.select.entered {
	border-color: #3399cc;
}

.form-m__select {
	width: 380px;
}

.select.entered::before {
	border-color: #3399cc;
}

.select.entered::after {
	border-color: #3399cc;
}

.select.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.select.error::before {
	border-color: #e25358;
}

.select.error::after {
	border-color: #e25358;
}

.select select {
	box-sizing: border-box;
	width: 100%;
	height: 64px;
	padding: 0 25px 0 15px;
	border: 0;
	border-radius: 5px;
	outline: none;
	background: none;
	text-indent: 0;
	cursor: pointer;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.select select::-ms-expand {
	display: none;
}

.select::before {
	content: "";
	position: absolute;
	top: 0;
	right: 34px;
	bottom: 0;
	width: 2px;
	border-left: 2px solid #d0d0d0;
}

.select::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	transform: rotate(45deg) translateY(-50%);
	border: 0;
	border-right: solid 2px #d0d0d0;
	border-bottom: solid 2px #d0d0d0;
}

.select:not(is-multiple):after {
	pointer-events: none;
}

.form-list__data {
	margin-top: 15px;
}

 .flat-table{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
}

.flat-table th:first-child{
  border-radius: 5px 0 0 0;
}

.flat-table th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

.flat-table th{
  text-align: center;
  color:white;
  background: linear-gradient(#829ebc,#225588);
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
/*   width: 25%; */
  padding: 10px 0;
}

.flat-table td{
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #eee inset;
/*   width: 25%; */
  padding: 10px 0;
}

.flat-table td:last-child{
  border-right: 1px solid #a8b7c5;
}

.flat-table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

.flat-table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}


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

.main__inner2 {
    width: 940px;
    margin: 0 auto;
    margin-top: 10px;
}

.logo {
	width: 400px;
	height: 35px;
}