@charset "utf-8";

.form table th{
    line-height: 1.8;
    vertical-align: middle;
    padding: 9px 1em;
}
.form table th.top{
	vertical-align: top;
}

.radio input{
	display: none;
}

.radio{
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
	margin-top: 16px;
}

.radio label{
    position: relative;
    z-index: 1;
    line-height: 1.4;
    margin-right: 12px;
}

.radio .radio_name {
	padding: 0 0 0 31px;
}

.radio .radio_name:before {
	position: absolute;
	z-index: 1;
	content: "";
	width: 22px;
	height: 22px;
	display: inline-block;
	background: #fff;
	border-radius: 30px;
	/* vertical-align: -.4em; */
	/* margin-right: .6rem; */
	border: 1px solid #083d6c;
	left: 0;
	top: 0;
}


.radio input:checked + .radio_name:after {
    position: absolute;
    z-index: 2;
    top: 5px;
    left: 5px;
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: #083d6c;
    border-radius: 40px;
}



.doui{
	text-align: center;
	margin: 0 0 48px;
}
.doui input{
	display: none;
}
.doui_box{
	position: relative;
	z-index: 1;
}
.doui_name{
    padding-left: 33px;
}

.doui .doui_name:before {
	position: absolute;
	z-index: 1;
	content: "";
	width: 23px;
	height: 23px;
	display: inline-block;
	background: #fff;
	/* border-radius: 4em; */
	/* vertical-align: -.4em; */
	margin-right: .6rem;
	border: 1px solid #083d6c;
	left: 0;
	top: -4px;
}


.doui input:checked + .doui_name:after {
    position: absolute;
    z-index: 2;
    top: 2px;
    left: 6px;
    content: "";
    display: block;
    width: 11px;
    height: 6px;
    border-bottom: 3px solid #083d6c;
    border-left: 3px solid #083d6c;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.doui_name a{
    font-weight: 700;
    text-decoration: underline;
    color: #083d6c;
}




/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
@media screen and (max-width: 680px) ,screen and (max-width: 737px) and (orientation: landscape) {



	.form table th{}
	.form table th.top{}

	.radio input{}

	.radio{
		margin-top: 0;
	}

	.radio label{}

	.radio .radio_name {}

	.radio .radio_name:before {
    top: -3px;
}


	.radio input:checked + .radio_name:after {
    top: 2px;
}



	.doui{}
	.doui input{}
	.doui_box{}
	.doui_name{}

	.doui .doui_name:before {}


	.doui input:checked + .doui_name:after {}


	.doui_name a{}




}