@charset "UTF-8";
@import "/include/css/common.sp.css";

/* ---------------------------------------------------------
	CSS Document contact 
--------------------------------------------------------- */

#questionnaire2023 .form-description {
	text-align: left;
}

#questionnaire2023 .form-description .section {
	margin-bottom: 40px;
}

#questionnaire2023 .form-description h3 {
	margin-bottom: 20px;
	padding: 6px 5px 5px 5px;
	border-bottom: solid 2px #808fbb;
	background: #e8eefc;
	font-weight: 100;
	font-size: 16px;
	line-height: 1.2;
}

#questionnaire2023 .form-description p {
	margin-bottom: 20px;
}

#questionnaire2023 .form-description h4 {
	margin-bottom: 15px;
	padding-left: 10px;
	border-left: solid 5px #7f8dba;
	font-weight: 100;
	font-size: 18px;
	line-height: 1.2;
}

#questionnaire2023 .form-description h4 span {
	font-size: 14px;
}

#questionnaire2023 .form-description ul {
	margin-bottom: 20px;
	padding: 5px 10px;
	border: solid 1px #ccc;
	font-size: 16px;
	line-height: 1.3;
}

#questionnaire2023 .form-description ul li {
	margin: 10px 0;
	margin-left: 20px;
	list-style: disc;
}

#questionnaire2023 .form-description ol {
	margin-bottom: 20px;
}

#questionnaire2023 .form-description ol li {
	margin-left: 18px;
	list-style: disc;
}

#questionnaire2023 .form-description strong {
	font-weight: 100;
	font-size: 16px;
	color: #fd6d16;
}

#questionnaire2023 .form-description table {
	width: 100%;
	margin-bottom: 20px;
}

#questionnaire2023 .form-description th {
	width: 20%;
	padding: 5px;
	border: solid 1px #ccc;
	text-align: center;
	font-weight: 100;
}

#questionnaire2023 td {
	padding: 10px;
	border: solid 1px #ccc;
	text-align: left;
}

#questionnaire2023 .back {
	margin: 0 15px;
}

#questionnaire2023 .form-description .right-box {
	float: right;
}

#questionnaire2023 .text-red {
	color: #fd6d16;
}

#questionnaire2023 .text-blue {
	color: #7f8dba;
}

#questionnaire2023 .note-indent
{
	padding-left: 1em;
}

#questionnaire2023 .note-indent span
{
	margin-left: -1.4em;
}

#questionnaire2023 .p-kakunin {
    background-color: #bbe7f9;
    border-radius: 4px;
    box-shadow: 0 0 5px #ccc;
    margin: 0 0 10px;
    padding: 10px;
	text-align: left;
}


#questionnaire2023 .p-kaitou {
    background-color: #ffe87f;
    border-radius: 4px;
    box-shadow: 0 0 5px #ccc;
    margin: 0 0 10px;
    padding: 10px;
	text-align: left;
}


#questionnaire2023 .p-title1 {
	background-color: #594d4d;
	color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 5px #ccc;
    margin: 20px 0 10px;
    padding: 10px;
	text-align: left;
}
#questionnaire2023 .p-title1:first-of-type
{
	margin: 0 0 10px;
}

#questionnaire2023 .p-title2 {
    background-color: #bbe7f9;
    border-radius: 4px;
    box-shadow: 0 0 5px #ccc;
    margin: 10px 0 10px;
    padding: 10px;
	text-align: left;
}

#questionnaire2023 dd.mfp label
{
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
	word-break: break-all;
}


#questionnaire2023 .answer {
	text-align: left;
}

#questionnaire2023 .url {
	text-align: left;
	font-size: 0.8em;
}



/* ---------------------------------------------------------
	CSS Document footer 
--------------------------------------------------------- */

#footer {
	clear: both;
}
#mfp_phase_stat{
	display: none;
}
#pagetop{
	display: none;
}


.mfp_phase h4
{
	margin-bottom: 10px;
	padding-left: 10px;
	border-left: solid 5px #7f8dba;
	font-weight: 100;
	font-size: 18px;
	line-height: 1.2;
	text-align: left;
}
.mfp_phase .text-large
{
	border-bottom: solid 1px gainsboro;
	margin-bottom: 10px;
}

.mfp_phase dt{
	font-size: 1.5em;
	background: #F2F2F2;
}

#questionnaire2023 ul.link
{
	width: 100%;
	margin-top: 2em;
}

#questionnaire2023 ul.link li
{
	width: 40%;
	display: inline-block;
}

#questionnaire2023 ul.link li button
{
	font-size: 0.5em;
}

#questionnaire2023 .underline {
	text-decoration: underline;
}

input[type="radio"]:focus {
	outline: none;
}

#questionnaire2023 .answer-ok
{
	color: red;
}

#questionnaire2023 .your-answer
{
	text-align: right;
}

#questionnaire2023 .mfp_phase .your-answer + .text-large
{
	border-bottom: none;
}