/* WEBフォント用記述 */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* ここは無視してください */
body{
     font-family: Helvetica , sans-serif, "メイリオ" , "Meiryo UI";
}

/* アンケート全体枠 */
#questionnaireBox{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #CCCCCC;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 88px;
	padding-right: 88px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 50px;
	margin-top: 30px;
	background-image: url('../../Images/Questionnaire/bg_check.gif');
}

#questionnaireBox .TitleBox{
	width: 650px;
	padding-left: 50px;
	padding-right: 50px;
	border-bottom: 1px solid #000000;
}

#questionnaireBox h2{
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 700;
	margin:0;
}

#questionnaireBox p.TitleBoxText{
	font-size: 18px;
	line-height: 150%;
}

#questionnaireBox .pageNumber{
	text-align: right;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
}

/* 質問項目用 */
#questionnaireBox .itemBox {
	padding: 6px;
}

#questionnaireBox .itemBox input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}

#questionnaireBox .itemBox input[type=checkbox] + label {
	position: relative;
    display: inline-block;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
}

#questionnaireBox .itemBox input.freeText {
	width: 620px;
}

#questionnaireBox .itemBox textarea {
	width: 710px;
	border: 1px solid #ffffff;
}


#questionnaireBox .itemBox .waku {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-right: 3px;
}

#questionnaireBox .itemBox .waku2 {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-right: 3px;
}

#questionnaireBox .itemBox .waku:hover {
	background-color: #E6F2FF;
	border: 1px solid #016ff3;
}

#questionnaireBox .itemBox .waku2:hover {
	border: 1px solid #016ff3;
}

/* IE9以降～チェックボックス装飾 */
@media (min-width: 1px) {
#questionnaireBox .itemBox input[type=checkbox] {
        display: none;
        margin: 0;
}

#questionnaireBox .itemBox input[type=checkbox] + label {
        padding: 0 0 0 24px;
        width:95%;
}

#questionnaireBox .itemBox input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
}
#questionnaireBox .itemBox input[type=checkbox] + label::before {
        border: 1px solid #ccc;
        border-radius: 30px;
}

#questionnaireBox .itemBox input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
}
#questionnaireBox .itemBox input[type=checkbox]:checked + label::after {
        left: 4px;
         
        width: 10px;
        height: 6px;
        margin-top: -4px;
         
        border-left: 2px solid #016ff3;
        border-bottom: 2px solid #016ff3;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
/* 質問項目用ここまで */

/* カルーセル NEXTボタン調整用 */
div#arrows input[type="submit"].slick-next 
{
    display:inherit;
    position:inherit;
    margin:auto;
	width: 250px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 700;
	padding: 10px 30px;
	font-size: 1.2em;
	background-color: #016ff3;
	color: #fff;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 2px 5px #555;
	-moz-box-shadow: 0 2px 5px #555;
	-o-box-shadow: 0 2px 5px #555;
	-ms-box-shadow: 0 2px 5px #555;
}

/* フォーカス時の線非表示 */
*:focus {
  outline: none;
}
/* アンケート 完了画面 */
#questionnaireBoxComplete{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #CCCCCC;
	padding-top: 20px;
	padding-left: 65px;
	padding-right: 65px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 50px;
	background-image: url('../../Images/Questionnaire/bg_check.gif');
	padding-bottom: 20px;
	margin-top: 30px;
}

#questionnaireBoxComplete .TitleBox{
	width: 650px;
	padding-left: 75px;
	padding-right: 75px;
}

#questionnaireBoxComplete p.TitleBoxText{
	font-size: 18px;
	line-height: 150%;
}