@charset "UTF-8";
@import "/include/css/common.pc.css";

/* ---------------------------------------------------------
	CSS Document questionnaire2017
--------------------------------------------------------- */

#questionnaire2017 .form-description {
	text-align: left;
}

#questionnaire2017 .form-description .section {
	margin-bottom: 40px;
}

#questionnaire2017 .form-description h3 {
	margin-bottom: 20px;
	padding: 6px 5px 5px 5px;
	border-bottom: solid 2px #808fbb;
	background: #e8eefc;
	font-weight: 100;
	font-size: 18px;
	line-height: 1.2;
}

#questionnaire2017 .form-description p {
	margin-bottom: 20px;
}

#questionnaire2017 .form-description h4 {
	margin-bottom: 10px;
	padding-left: 10px;
	border-left: solid 5px #7f8dba;
	font-weight: 100;
	font-size: 18px;
	line-height: 1.2;
}

#questionnaire2017 .form-description ul {
	margin-bottom: 20px;
	padding: 10px;
	border: solid 1px #ccc;
	font-size: 16px;
}

#questionnaire2017 .form-description ol {
	margin-bottom: 20px;
}

#questionnaire2017 .form-description li {
	margin-left: 22px;
	list-style: disc;
}

#questionnaire2017 .form-description strong {
	font-weight: 100;
	font-size: 16px;
	color: #fd6d16;
}

#questionnaire2017 .form-description table {
	width: 100%;
	margin-bottom: 20px;
}

#questionnaire2017 .form-description th {
	width: 15%;
	padding: 10px;
	border: solid 1px #ccc;
	text-align: left;
	font-weight: 100;
}
#questionnaire2017 .form-description td {
	padding: 10px;
	border: solid 1px #ccc;
	text-align: left;
}


#questionnaire2017 .form-description .right-box {
	float: right;
}

#questionnaire2017 .mfp_phase_arrow {
	display: none;
}

#questionnaire2017 .text-red {
	color: #fd6d16;
}

#questionnaire2017 .text-blue {
	color: #7f8dba;
}

#questionnaire2017 .note-indent
{
	padding-left: 1em;
}

#questionnaire2017 .note-indent span
{
	margin-left: -1.4em;
}

#questionnaire2017 .p-kakunin {
    background-color: #bbe7f9;
    border-radius: 4px;
    box-shadow: 0 0 5px #ccc;
    margin: 0 0 10px;
    padding: 10px;
	text-align: left;
}

#questionnaire2017 .p-kaitou {
    background-color: #ffe87f;
    border-radius: 4px;
    box-shadow: 0 0 5px #ccc;
    margin: 0 0 10px;
    padding: 10px;
	text-align: left;
}

#questionnaire2017 .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;
}
#questionnaire2017 .p-title1:first-of-type
{
	margin: 0 0 10px;
}

#questionnaire2017 .p-title2 {
    background-color: #bbe7f9;
    border-radius: 4px;
    box-shadow: 0 0 5px #ccc;
    margin: 10px 0 10px;
    padding: 10px;
	text-align: left;
}

#questionnaire2017 .answer {
	text-align: left;
}

#questionnaire2017 .url {
	text-align: left;
	margin-top: 1.0em;
	/*font-size: 0.8em;*/
}


/* ---------------------------------------------------------d
	CSS Document pagetop
--------------------------------------------------------- */

#pagetop {
	clear: right;
}

#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 .mfp_err {
	position: relative;
	font-size: 1.0em;
	left: 35%;
}

.mfp_phase dt{
	font-size: 1.5em;
	background: #F2F2F2;
}
div#visual
{
	display: none;
	/*
	background: #bbbbbb url(../images/visual.jpg) no-repeat center !important;
	*/
}
div#visual::before
{
	height: 0;

}

#questionnaire2017,
#questionnaire2017 p.text-large
/*#questionnaire2017 ul,*/
/*#questionnaire2017 dd*/
{

	font-size: 1.2em;
}

#questionnaire2017 dt,
#questionnaire2017 ul,
#questionnaire2017 dd,
#questionnaire2017 p.p-kakunin
{
	margin-bottom: 2.0em;
}

button.mfp_next
{
	height: 3em;
	font-weight: bolder;
	/*width: 20em;*/
}


#questionnaire2017 p.answer
{
	margin-top: -2.0em;
}

#questionnaire2017 ul.link
{
	width: 80%;
	margin-top: 2em;
	margin-left: 10%;
}

#questionnaire2017 ul.link li
{
	width: 40%;
	display: inline-block;
}

#questionnaire2017 ul.link li button
{
	font-size: 1.0em;
	min-width: 16em;
}