@charset "utf-8";
.contents_Detail {
    padding-top: 42px;
}

@media screen and (min-width: 641px) {
	.graentry_inner{
		width:950px;
		margin:0 auto;
	}
}
.graentry_inner h2{
	font-size:2.4rem;
	text-align:center;
	margin-bottom:42px;
}
.graentry_text{
	font-size:1.6rem;
	text-align:center;
	margin-bottom:42px;
}
/*--お問い合わせ--*/
.contact_detail{
	margin-bottom:32px;
}
input[type=text] , textarea , input[type=date]{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
	box-sizing:border-box;
	padding:12px;
	width:100%;
	background-color: #eee;
    border:2px solid #ccc;
    color: #333;
    border-radius:4px;
    font-size:16px;
    box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,.1);
    margin-top:8px;
}
::placeholder {
	color: #979797;
	font-weight: normal;
}
.aspiring_box input[type=text]{
	height:200px;
}
.error{
	color:#ff0000;
}
.required {
    color: #fff;
    background-color:#FF212D;
    font-weight: bold;
    font-size: 64%;
    padding: 2px 6px;
    margin-left: 16px;
    border-radius: 16px;
    vertical-align: middle;
}
.any{
    color: #fff;
    background-color: #808080;
    font-weight: bold;
    font-size: 64%;
    padding: 3px 6px;
    margin-left: 16px;
    border-radius: 16px;
    vertical-align: middle;
}
button.action, .action1, .action2{
    font-size: 18px;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    color: #fff;
}
button.action {
	display:block;
    box-sizing: border-box;
    padding: 12px 60px;
    //width: 30%;
    margin: 20px auto 40px auto;
    background-color: #FF212D;
    border: none;
}
button.action:hover,.action1:hover,.action2:hover{
    opacity:0.8;
}
.confirm_float{
	box-sizing:border-box;
	width:50%;
	float:left;
	text-align:center;
	margin-bottom:42px;
}
.action1, .action2{
	box-sizing: border-box;
    padding: 12px;
    width: 69%;
    margin: 0 auto;
}
.action1 {
    background-color: #a9a9a9;
    border: 0px solid #a9a9a9;
}
.action2 {
    background-color: #FF212D;
    border: 0px solid #FF212D;
}
.confirm_box{
	padding-top:24px;
}
.confirm_btn{
	position:relative;
}
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
.thanks_btn{
	width:100%;
	text-align:center;
	margin-top:24px;
}
.action3 {
    background-color: #FF212D;
    border: 0px solid #FF212D;
    box-sizing: border-box;
    padding: 12px;
    width: 40%;
    margin: 0 auto;
    font-size: 1.6rem;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    color: #fff;
}
.check_box{
	text-align:center;
}
.check_text label{
	color: #323232;
	font-weight:bold;
}
input[type="checkbox"] {
	margin-right: 10px;
	position: relative;
	width: 20px;
	height: 20px;
	border: 1px solid #9b9b9b;
	border-radius: 3px;
	vertical-align: -5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="checkbox"]:checked:before {
	position: absolute;
	top: 0px;
	left: 5px;
	transform: rotate(50deg);
	width: 6px;
	height: 11px;
	border-right: 2px solid #FF212D;
	border-bottom: 2px solid #FF212D;
	content: '';
}

.confiDetail{
	width:100%;
	margin-bottom:42px;
}
.confiDetail th{
	width:24%;
}
.confiDetail th,.confiDetail td{
	border-bottom:1px dotted #ccc;
	padding:16px;
	font-weight:bold;
}
.confiDetail th label{
	font-weight:bold;
}
.grafirst,.grafirst2{
	border-top:1px dotted #ccc;
}
.selection_day, .participation_details{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: max-content;
}
.selection_day label, .participation_details label{
	display: block;
	color: #323232;
	font-weight: 700;
	padding: 5px 10px 4px 8px;
	margin: 5px 2px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.radio_btn{
	line-height: 1.8em;
}

input[type="radio"] {
	position: relative;
	width: 20px;
	height: 20px;
	margin-right: 0.8em;
	background: radial-gradient(#ffffff 50%, #e1e1e1 70%);
	border: 1px solid #9b9b9b;
	border-radius: 50%;
	vertical-align: -5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="radio"]:checked:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #ff212d;
	content: '';
}


/*------------------------------------
 smartphone 
 ------------------------------------*/
@media screen and (max-width: 750px) {
	.graentry_inner{
		width:100%;
		box-sizing:border-box;
		padding:0 5%;
	}
	.graentry_inner h2{
		font-size:1.6rem;
		text-align:center;
		margin-bottom:32px;
	}
	.graentry_text{
		font-size:1.4rem;
		text-align:left;
		margin-bottom:32px;
	}
	.confirm_btn{
		margin-top:12px;
	}
	.confirm_float{
		width:100%;
		float:none;
		padding:0px 0;
	}
	th, td{
		display:block;
	}
	.name{
		font-size:15px;
		padding-bottom:12px;
		display:block;
	}
	.contact_right{
		padding-top:12px;
	}
	.contact_top_btn{
		width:100%;
		text-align:center;
		margin-top:16px;
	}
	button.action {
	    //width: 60%;
	    margin: 0 auto;
	    padding: 12px 20px;
	}
	.page_link{
	    padding: 16px 10px;
	    width: 80%;
	    font-size: 14px;
	}
	.action3 {
	    width: 70%;
	    font-size: 1.4rem;
	}
	.check_box{
		text-align:left;
	}
	.confiDetail th,.confiDetail td{
		width:100%;
		box-sizing:border-box;
		border-bottom:0px dotted #ccc;
		font-weight:bold;
		font-size:1.4rem;
	}
	.confiDetail th{
		padding-bottom:0px;
	}
	.confiDetail td{
		border-bottom:1px dotted #ccc;
	}
	.confiDetail td{
		border-bottom:1px dotted #ccc;
	}
	td.grafirst{
		border-top:0px dotted #ccc;
	}
}