@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
@import url(http://fonts.googleapis.com/css?family=Volkhov:400italic);
/* var text-decoration */
/*--
	Common Css
--*/


/*ＡＬＬ*/
.Box img{
	width: 100%;
}


/* 01　topページ */

#top .pos{
	position: absolute;
    width: 100%;
    top: 25%;
}

#top .Box {
    max-width: 750px;
    margin: 0 auto;
    padding: 20px 0;
}

#top .Box p{
    line-height: 30px;
    margin: 0 15px;
}

#top .categoryTitle {
    font-size: 20px;
    padding: 5px 15px;
    margin: 20px 0 10px;
    letter-spacing: 3px;
    line-height: 24px;
    border-bottom: solid 1px #8e8e8e;
    border-left: solid 6px #00aede;
}

#top .start{
	text-align: right;
}

#top .entryBtn {
    letter-spacing: 3px;
    max-width: 100%;
    margin: 35px 0;
    padding: 15px 100px;
    border: solid 1px #000;
}

#top .btn-default {
    font-size: 18px;
    color: #fbfbfb;
    background-color: #4097e0;
    border-color: #ccc;
}


/* 0２ entryページ */

#entry .pos{
	position: absolute;
    width: 100%;
    top: 25%;
}

#entry .Box {
    max-width: 750px;
    margin: 0 auto;
}

#entry .categoryTitle {
    font-size: 20px;
    padding: 5px 15px;
    margin: 20px 0 10px;
    letter-spacing: 5px;
    line-height: 24px;
    border-bottom: solid 1px #8e8e8e;
    border-left: solid 6px #00aede;
}

#entry .entryFormTable th {
    text-align: left;
    background: #ddf1f7;
}

#entry ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#entry table {
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
}

#entry table th {
    background-color: #ffffff;
    border: solid 1px #dedede;
}

#entry table th, table td {
    padding: 10px;
    letter-spacing: 2px;
    border: 1px solid #dcdcdc;
    background: #fff;
}

#entry label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

#entry .red {
    font-size: 10px;
    color: #fff;
    background: #da5a5d;
    padding: 1px 7px;
}

#entry .entryBtn {
    letter-spacing: 3px;
    margin: 35px 0;
    padding: 3% 12%;
    border: solid 1px #000;
}

#entry .btn-default {
	font-size: 18px;
    color: #fbfbfb;
    background-color: #4097e0;
    border-color: #ccc;
}

#entry #submit{
	text-align: center;
}


/* 03 説明ページ */

#description .pos{
	position: absolute;
    width: 100%;
    top: 25%;
}

#description .Box {
    max-width: 750px;
    margin: 0 auto;
    padding: 20px 0;
}


#description .Box p{
    line-height: 30px;
    margin: 0 15px;
}

#description .categoryTitle {
    font-size: 20px;
    padding: 5px 15px;
    margin: 20px 0 10px;
    letter-spacing: 3px;
    line-height: 24px;
    border-bottom: solid 1px #8e8e8e;
    border-left: solid 6px #00aede;
}

#description .start{
	text-align: center;
}

#description .entryBtn {
    letter-spacing: 3px;
    max-width: 100%;
    margin: 35px 0;
    padding: 15px 100px;
    border: solid 1px #000;
}

#description .btn-default {
    font-size: 18px;
    color: #fbfbfb;
    background-color: #4097e0;
    border-color: #ccc;
}


#description .categoryTitle {
    font-size: 20px;
    padding: 5px 15px;
    margin: 20px 0 10px;
    letter-spacing: 5px;
    line-height: 24px;
    border-bottom: solid 1px #8e8e8e;
    border-left: solid 6px #00aede;
}



/* エラーページ */

#error .pos{
	position: absolute;
    width: 100%;
    top: 25%;
}

#error .Box {
    max-width: 640px;
    margin: 0 auto;
    padding: 20px 0;
}

#error .Box p{
    line-height: 30px;
    margin: 10px 15px;
}

#error .font{
    font-size: 34px;
}



/* サンクス */
#thanks .pos{
	position: absolute;
    width: 100%;
    top: 25%;
}

#thanks .Box {
    max-width: 640px;
    margin: 0 auto;
    padding: 20px 0;
}

#thanks .Box p{
    line-height: 30px;
    margin: 10px 15px;
}

#thanks .font{
    font-size: 34px;
    padding: 15px 0;
}


#thanks .entryBtn {
    letter-spacing: 3px;
    max-width: 100%;
    margin: 35px 0;
    padding: 15px 100px;
    border: solid 1px #000;
}

#thanks .btn-default {
    font-size: 18px;
    color: #fbfbfb;
    background-color: #4097e0;
    border-color: #ccc;
}

#thanks .start{
	text-align: right;
}

/* 20201026追記 */
.red_name{
	color: red;
}

/* 20240702 */
.input_text_size {
	width: 100%;
}
.flow_area {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    flex-wrap: wrap;
	margin: auto;
	width: 100%;
	gap: 3%;
	align-items: center;
	text-align: center;
}

.flow_area li{
	flex-basis: auto;
	aspect-ratio: 1 / 1;
	flex: 1;
	background: #00A7F5;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	font-size: 1rem;
	padding-top: 6%;
}
.focus_page {
	background: #F56E00 !important;
}

@media screen and (max-width: 550px) {
	.flow_area li{
		width: 95%;
		padding: 2px;
		margin-bottom: 5px;
		flex: none;
		aspect-ratio: auto;
	}
	.flow_area li br {
		display: none;
	}
	#entry .pos {
	    top: 20%;
    }
}