@charset "utf-8";
/* FORMAT ---------------------------------------------------------------------- */
html { overflow-y:scroll; font-family:"ＭＳ Ｐゴシック",sans-serif; height:100%; }
body { height:100%; font-size:14px; color:#574c42; line-height:1.4em; margin:0; padding:0; cursor:default; position:relative; background:#FCF8EF;}

h1,h2,h3,dl,dd,dt,p,textarea,input,button { margin:0; padding:0;font-size:14px;}
ul,li { list-style:none; margin:0; padding:0; }
a { text-decoration:none; color:#6b7858; border:0; outline:none;text-decoration:none; }
a:hover { text-decoration:underline; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img { vertical-align:bottom; border:0;}
textarea { resize: none; width:100%; border:solid 1px #b9aea4; margin:0; line-height:1.4;}
input { margin:0; padding:5px; vertical-align:middle;}
label { vertical-align:middle; }
/*input::-webkit-input-placeholder,
input:-moz-placeholder	{ display:none; }*/

/* COMMON ------------------------------------------------------------------------ */
.wrapper    { width:1000px; margin:0 auto; height:100%;}
.contents,
.contents-top	{ width:800px; margin:0 auto; padding:50px 0; }
.small-contents { width:500px; margin:0 auto; }

/* video menu -------------------------------------------------------------------- */
.imgContainer 	{ width:auto; position:relative; overflow:hidden; }
.imgContainer .img 	{ position:relative; }

/* Sprite */
.hs	{ background:url(../img/gnavi_icon.png) no-repeat; background-size:350px;}
.ms { background:url(../img/menu_icon.png) no-repeat; background-size:450px; }
.is { background:url(../img/icon_s.png) no-repeat; background-size:90px; }

/*Footer*/
.footer { margin-top: 120px; text-align: center; }
.footer p { font-size: 12px; }
.footer span { font-size:11px; margin-left: 15px; display: inline-block;}
.footer a { color: #574c42; /*margin-left: 15px;*/ text-decoration: underline; }
.footer a:hover { color: #38302a; }
.copyright { margin-top: 20px; }

.footer-parent {
    display: flex;
    justify-content: center; /* 子要素を中央揃え */
    position: relative;
}
.footer-inquiry {
    position: absolute;
    right: 0; /* 右寄せ */
}
.pc-footer-inquiry { display: block;}
.sp-footer-inquiry { display: none;}

/* Header Menu */
header	{ margin-top:10px;}
header ul { float:right; margin:10px 0 0 0; }
header ul li { float:left; width:85px; }
header ul li a	{ text-align:center; padding:0; display:block; color:#ff9600; cursor:pointer; }
header ul li a:hover	{ color:#f58502; text-decoration:none; }
header ul li p { width:50px; height:50px; font-weight:bold; margin:0 auto; }
header ul li span	{ display:block; margin-top:2px; font-weight:bold; font-size:11px; }
.logo { float:left; }
.logo img { width:120px;}
.gnavi01	{ background-position:0 0; }
.gnavi02	{ background-position:-50px 0; }
.gnavi03	{ background-position:-100px 0; }
.gnavi04	{ background-position:-150px 0; }
.gnavi05	{ background-position:-200px 0; }
.gnavi06	{ background-position:-250px 0; }
.gnavi07	{ background-position:-300px 0; }
a:hover .gnavi01 { background-position:0 -50px; }
a:hover .gnavi02 { background-position:-50px -50px; }
a:hover .gnavi03 { background-position:-100px -50px; }
a:hover .gnavi04	{ background-position:-150px -50px; }
a:hover .gnavi05	{ background-position:-200px -50px; }
a:hover .gnavi06  { background-position:-250px -50px;}
a:hover .gnavi07  { background-position:-300px -50px;}
.gnv-logout span { color:#959595; }
.gnv-logout:hover span { color:#7d7d7d; }

/* Login --------------------------------------------------------------- */
.login-wrap	{ width:600px; margin:30px auto;}
.login-wrap-correct{margin: 0px auto;}
.footer-wrap-correct{margin: 0px auto;}
.pw-change-wrap	{ width:450px; margin:50px auto;}
.language	{ float:right; width:130px; margin:20px 5px; }
.language a { width:65px; height:31px; float:left; cursor:pointer; text-indent:-9999em; padding:3px 0; border:solid 2px #ff8700; }
.language span { display:block; }
.language .jpn    { background-color:#fff; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.language .jpn span { background-position:0px -40px; width:42px; margin:0 auto; }
.language .jpn-on,
.language .eng-on,
.language .chn-on	{ background-color: #ff8700;
background: -webkit-linear-gradient(top,  #ff9b2a 0%,#ff8700 100%);
background: linear-gradient(to bottom, #ff9b2a 0%,#ff8700 100%);
border-right:none; }
.language .jpn-on span { background-position:0px -80px; }
.language .eng   { background-color:#fff; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.language .eng span { background-position:2px -60px; width:53px; margin:0 auto; }
.language .eng-on span { background-position:0px -100px; }
.language .chn   { background-color:#fff; border-top-right-radius:5px; border-bottom-right-radius:5px; border-top:none; }
.language .chn span { background-position:1px -152px; width:60px; margin:0 auto; }
.title-top	{ font-size:20px; color:#333; text-align:center; line-height:1.2em; margin-bottom:20px; }
.login-wrap .title-top { margin: 0px 0 10px 0 ; color:#f5a000;}
.info	{ width:100%; margin:0 auto; padding:20px; background:#fff; border-radius:8px; }
.info h2 { background:url(../img/info_title.png) no-repeat; width:127px; height:17px; margin-bottom:8px; text-indent:-9999em; background-size:130px auto; }
.info-hr { position:relative; width:100%; height:3px; background-color:#ffa800; margin-bottom:10px; }
.info-hr span { position:absolute; left:0; width:130px; background-color:#ffcc44; height:100%; }
.info dl { padding-right:8px; }
.info dl dt,
.info dl dd{ font-size:14px; }
.info dl dt { margin:10px 0 5px 1px; padding-left:20px; background-position:-70px -87px; line-height:1.3; }
.info dl dt:first-child { margin-top:0; }
/* 利用者トップのInformationのみ */
.top-info	{ width:100%; margin:0 auto; padding:20px 20px 5px 20px; background:#fff; border-radius:8px; }
.top-info h2 { background:url(../img/info_title.png) no-repeat; width:127px; height:17px; margin-bottom:8px; text-indent:-9999em; background-size:130px auto; }
.top-info-hr { position:relative; width:100%; height:3px; background-color:#ffa800; margin-bottom:10px; }
.top-info-hr span { position:absolute; left:0; width:130px; background-color:#ffcc44; height:100%; }
.top-info dl { padding-right:8px; }
.top-info dl dt,
.top-info dl dd{ font-size:14px; }
.top-info dl dt { margin:10px 0 5px 1px; padding-left:20px; background-position:-70px -87px; line-height:1.3; }
.top-info dl dt:first-child { margin-top:0; }
#js-scroll { position:relative; width:100%; height:125px; overflow:hidden;}
/* 個人別お知らせ */
.personal-info	{ width:100%; margin:0 auto; padding:0px 20px 20px 20px; background:#fff; border-radius:8px; }
.personal-info h2 { background:url(../img/personal_info_title.png?20190627) no-repeat; width:203px; height:24px; margin-bottom:2px; text-indent:-9999em; background-size:203px auto; }
.personal-info dl { padding-right:8px; }
.personal-info dl dt,
.personal-info dl dd{ font-size:14px; }
.personal-info dl dt { margin:10px 0 5px 1px; padding-left:20px; background-position:-70px -87px; line-height:1.3; }
.personal-info dl dt:first-child { margin-top:0; }
.personal-info a { color:#1111cc; }

.login-contents { margin:30px auto; width:500px; }
.login	{ border:solid 1px #e2d4cd; padding:30px; background:#FFF; width:470px; margin:0px auto 30px auto; }
.login-sp { border:solid 1px #e2d4cd; padding:20px; background:#FFF; width:100px; margin:10px auto 30px auto; }
.login-contents .login { margin:10px auto; }
.login-form li { display:table; margin-bottom:10px; width:100%; }
.input-wrapper {position: relative !important; width: 100% !important;}
.login-form	label { display:table-cell; width:145px; padding-right:20pxh; table-layout:fixed;}
.login-form .hint { display:table-cell; width:145px; padding-right:20pxh; table-layout:fixed; font-size:13px; color:#333;}
.login-form input { display:table-cell; width:100%; background-color: #FFFFE0; padding-right: 35px; box-sizing: border-box;}
.login-form i {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);pointer-events: auto;cursor: pointer;color: #666;}
.login-form button { float:right; }
#login-pass-change input { width: 100%; padding-right: 35px; box-sizing: border-box;}
#login-pass-change i {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);pointer-events: auto;cursor: pointer;color: #666; }
.temporary-password { display: grid; grid-template-columns: 1fr auto 1fr;}
.temporary-password-center { grid-column: 2; justify-self: center; }
.temporary-password-right { grid-column: 3; }
.temporary-password-text { margin: 0px 60px; text-align:left;}
.forgot	{ float:right; padding:0; margin-top:10px;}
.forgot p { font-size:12px; padding-top:10px; line-height:1.6; float:left; margin-left:30px;}
.forgot	p a { background:url(../img/icon_s.png) no-repeat; background-size:90px; background-position:-70px -118px; padding-left:12px; color:#8e7968; font-weight:bold; }
.forgot	p a:hover { color:#eaa000; text-decoration:none; }
.password-change-input li { display:table; width:100%; margin-bottom:10px; }
.password-change-input input{ width:100%; display:table-cell;}
.password-change-input label { display:table-cell;width:40%; text-align:right; padding-right:10px; }
.auth-response{ border-top: 1px solid #e2d4cd; margin:20px 0 0 0; }
.auth-response div:first-child { margin-top:10px; }
.date { line-height:1.2; font-size:11px; }


/* Login 利用規約表示時--------------------------------------------------------------- */
.first-term { float:right; padding:0; margin:10px 0px 0px 0px; width:100%;}
.first-term p { font-size:16px; padding-top:10px; line-height:1.6; float:left;}
.first-p-add-mL{ margin-left:40px;}
.first-p-cer-mL{ margin-left:100px;}
.first-li{ margin-left:auto; margin-right:auto; width:250px;}
.first-li-sp{ margin-left:auto; margin-right:auto; max-width:400px; width: 97%}
.first-term p a { background:url(../img/icon_s.png) no-repeat; background-size:120px; background-position:-96px -158px; padding-left:12px; color:#8e7968; font-weight:bold; }
.first-term p a:hover { color:#eaa000; text-decoration:none; }
.forgot-term { float:right; padding:0; margin:10px 0px 20px 0px; width:100%;}
.forgot-term p { font-size:12px; padding-top:10px; line-height:1.6; float:left;}
.forgot-p-mL{ margin-left:30px;}
.forgot-term p a { background:url(../img/icon_s.png) no-repeat; background-size:120px; background-position:-96px -158px; padding-left:12px; color:#8e7968; font-weight:bold; }
.forgot-term p a:hover { color:#eaa000; text-decoration:none; }
.forgot-id { float:right; padding:0; margin:10px 0px 20px 0px; width:100%;}
.forgot-id p { font-size:12px; padding-top:10px; line-height:1.6; float:right;}
.forgot-id p a { background:url(../img/icon_s.png) no-repeat; background-size:120px; background-position:-96px -158px; padding-left:12px; color:#8e7968; font-weight:bold; }
.forgot-id p a:hover { color:#eaa000; text-decoration:none; }
.login-w100{width:100%;}
.login-text{ font-size:20px; text-align:center; font-weight:bold; margin-bottom:20px; }
.login-caution { font-size:13px; }
.login-term-getpass-txt{ font-size:17px; color:#574c42; font-weight:bold; }
.login-term-getpass-used-txt{ font-size:16px; color:#574c42; font-weight:bold; }
.login-term-confirm-txt{ font-size:14px; color:#574c42;}
.login-term-content{ width:100%; height:100px; overflow-x:auto; border: solid 1px #e2d4cd; padding:10px; background-color:#ffffff; }
.login-term-content-personal{ width:100%; height:150px; overflow-x:auto; border: solid 1px #e2d4cd; padding:10px; background-color:#ffffff; }
.login-term-confirm-chk {vertical-align:middle}
.login-term-confirm-chk label{padding-left:7px;}
.login-term-confirm-chk input{border: none;}

/* Logout */
.logout-text { font-size:16px; line-height:1.3em; }

/* TOP --------------------------------------------------------------- */
.menu { width:100%; margin:10px auto 25px auto; text-align:center; }
.menu li { display:inline-block; margin-left:30px; }
.menu li a { width:150px; height:157px; display:inline-block; position:relative; text-indent:-9999em; }
.menu01 { background-position:0 0 ; margin-left:-30px; }
.menu02 { background-position:-150px 0 ; }
.menu03 { background-position:-300px 0 ; }
.menu01:hover { background-position:0 -157px ;}
.menu02:hover { background-position:-150px -157px ; }
.menu03:hover { background-position:-300px -157px ; }

.halfway   { width:600px; margin:0 auto; background-color:#FFE6DA; padding:15px; border-radius:5px;
/*
    padding-left: 20px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 0px;
    width: 640px;
*/
 }
.halfway h3   { font-size:14px; border-left:solid 5px #ff5a33; padding-left:10px; margin-bottom:10px;float:left; }
.halfway p  { display:inline-block; margin-right:10px; line-height:30px;}
.halfway li { margin-top:10px;}
.halfway div span{float:left;margin-left:20px;font-size:11px;padding-top:1px}
.pause-btn-area { display:inline-block;vertical-align:top;}
.halfway button { padding:5px 10px; margin-left:5px; display:inline-block;}
.ans-state-q { display:inline-block; width:60px; text-align:right; }
.last-answer-info { width:600px; margin:0 auto; /* background-color:#FFE6DA; */ padding:15px; /* border-radius:5px; */ /* font-size: 0.95rem; color: #333; */ }

/* QUESTION ---------------------------------------------------------- */
.q-select-box   { margin:20px auto; width:420px; }
.q-select    { width:100%: height:200px; padding:5px 0 15px 0;}
.q-select button { display:block; border:0; width:100%; padding:20px 0; text-align:center; border-radius:8px; color:#fff; font-weight:bold; font-size:22px; cursor:pointer;
box-shadow:#b7b7b7 0px 0px 1px 1px;
text-shadow: 1px 1px #db9400;
background: #ff8700;
background: -webkit-linear-gradient(top,  #ffba37 0%,#ff8700 100%);
background: linear-gradient(to bottom,  #ffba37 0%,#ff8700 100%);}
.q-select button:hover { text-decoration:none; }
.q-select p { margin-top:10px; line-height:1.6; text-align:center; }

/* q_answr --------------------------------------------------------------------*/
.question			{ display:table; width:100%; padding:15px 15px 15px 25px; border-radius:15px; margin-bottom:10px;}
.question-icon		{ display:table-cell; vertical-align:top; text-align:center; width:65px; }
.question-icon p	{ font-size:22px; font-weight:bold; padding:20px 4px; width:65px; height:65px; border-radius:50%; color:#fff; background-color:#ff8700; line-height:1.3em; }
.question-text 		{ display:table-cell; padding:5px 0 0 15px; color:#555; vertical-align:top; }
.question-text p	{ font-size:18px; }
.question-text span	{display:block; font-weight:bold; font-size:24px; margin: 5px 0 0 0; line-height:1.3em;}

@media screen and (orientation: landscape) {
	.answer { line-height:1.9em; }
}
@media screen and (orientation: portrait) {
	.answer {}
}
.answer-check,
.answer-textbox {width:100%; padding:0 30px;}
.answer li,
.answer-check li label,
.answer-textbox li {margin-bottom:15px; padding:20px; text-align:center; font-weight:bold; font-size:24px; background-color:#fff; border:3px solid #ff9d00; border-radius:15px; cursor:pointer; color:#555;}
.answer li:hover,
.answer-check input:checked+label {color:#ffffff; background-color:#ff9d00;}
.answer-check li label	{ display:block; }
.answer-check input { display:none; }
.answer-textbox textarea { line-height:1.4em; border:none; }

.button-area 		{padding:0 0 20px 0; text-align:center;}
.btn-back {
	font-size:16px;
	margin:0 8px;
	padding:10px 30px;
	background: #c0c0c0;
	background: -webkit-linear-gradient(top,  #929191 0%,#7f7f7f 100%);
	background: linear-gradient(to bottom,  #929191 0%,#7f7f7f 100%);
}
.btn-break{
	font-size:16px;
	margin:0 8px;
	padding:10px 30px;
	background: #c0c0c0;
	background: -webkit-linear-gradient(top,  #929191 0%,#7f7f7f 100%);
	background: linear-gradient(to bottom,  #929191 0%,#7f7f7f 100%);
}

.question-control				{ margin-top:20px; padding:12px 30px; position:relative;}
.question-number-detail			{position:absolute; top:0; right:0; width:110px;height:70px;}
.question-number-detail span	{position:absolute; top:40px; right:4px; font-size:28px; font-weight:bold;}

/* TOTAL RESULT */
.aff-total { width:100%; margin:0 auto; /* border-top:solid 1px #e2d4cd; border-right:solid 1px #e2d4cd;*/ margin-bottom:30px;}
.aff-total li { padding:0 0 0 0; /* border-left:solid 1px #e2d4cd;*/ border-bottom:solid 1px #e2d4cd; }
.aff-total li p { float:left; padding:0 10px 10px 20px; margin-top:10px; line-height:22px; background-position:-70px -85px; color:#8e7968; font-weight:bold; }
.aff-total li p.aff-open { background-position:-70px -55px; }
li.js-tree > p { text-decoration:underline; cursor:pointer; margin-top:0px; color:#CE8B32; margin-top:10px; }
.aff-total li ul { clear:both; display:none; }
.aff-total li ul li { border:none; padding:0 0 5px 10px; /*border-top:solid 1px #e2d4cd;*/ }
.aff-total li ul li p { padding:0 10px 5px 20px; background-position:-67px -113px; }
.total-title { font-weight:bold; margin-bottom:5px;}

/* ANSWER RESULT */
.answer-search { padding:10px; margin-top:10px; background:#fff; border:solid 1px #e2d4cd; }
.answer-search ul{ display:table; width:100%;}
.answer-search ul li { display:table-cell; padding:0 0 0 15px; vertical-align:top; }
.answer-search label { display:inline-block;　}
.answer-search p { padding:3px 0 0 60px; text-align:center; font-size:12px; }
.answer-search input { width:80px; display:inline-block; margin:0 5px; padding:2px; }
.answer-search select { width:200px; display:inline-block; }
.answer-search .btn-filter {width:80px; margin:0 auto; display:block;}
.answer-result { margin-top:20px; }
.answer-result p    { float:left; line-height:25px; }
.answer-result span { float:right; font-size:11px; padding:3px 5px;}
.result-caption { border:solid 1px #666; padding:5px 10px; color:#666; font-size:12px; border-radius:3px; text-align:center;}
.result-caption em { font-style:normal; color:#ff4e00; }
.ans-result-tbl { border-spacing:0; margin-top:10px; border-collapse:collapse; width:100%; }
.ans-result-tbl th { width:1em; padding:5px 4px; }
.ans-result-tbl th,
.ans-result-tbl td { border:solid 1px #ddd;}
.ans-result-tbl td { text-align:center; padding:2px; }
.ans-result-tbl td:first-child { text-align:center;}
.ans-result-tbl tr { background-color:#fff; }
.ans-result-tbl td.total-rank { padding:7px 0; vertical-align:middle; font-size:28px; font-weight:bold;}

.ct {background:url(../img/category_title.png) no-repeat;background-size:450px 170px; text-indent:-9999em; display:inline-block;}
.ct-number { background-position:0 -20px ; width:60px; height:20px; }
.ct-condition { background-position:-90px 0 ; width:20px; height:113px; }
.ct-rank    { display:block; font-size:12px; color:#666; width:40px; margin:10px auto 0 auto; }
.ct-head01 { background-position:0 -40px ; width:85px; height:20px; }
.ct-head02 { background-position:0 -60px ; width:87px; height:20px; }
.ct-head03 { background-position:0 -80px ; width:60px; height:20px; }
.ct-sub01 { background-position:-110px 0 ; width:20px; height:130px; }
.ct-sub02 { background-position:-130px 0 ; width:20px; height:130px; }
.ct-sub03 { background-position:-150px 0 ; width:20px; height:130px; }
.ct-sub04 { background-position:-170px 0 ; width:20px; height:130px; }
.ct-sub05 { background-position:-190px 0 ; width:20px; height:130px; }
.ct-sub06 { background-position:-210px 0 ; width:20px; height:130px; }
.ct-sub07 { background-position:-230px 0 ; width:20px; height:130px; }
.ct-sub08 { background-position:-250px 0 ; width:20px; height:130px; }
.ct-sub09 { background-position:-270px 0 ; width:20px; height:130px; }
.ct-sub10 { background-position:-290px 0 ; width:20px; height:130px; }
.ct-sub11 { background-position:-310px 0 ; width:20px; height:130px; }
.ct-sub12 { background-position:-330px 0 ; width:20px; height:130px; }
.ct-sub13 { background-position:-350px 0 ; width:20px; height:130px; }
.ct-sub14 { background-position:-370px 0 ; width:20px; height:130px; }
.ct-sub15 { background-position:-390px 0 ; width:20px; height:130px; }
.ct-sub16 { background-position:-410px 0 ; width:20px; height:130px; }
.ct-free { background-position:-430px 0 ; width:20px; height:90px; }
.ct-check { background-position:0 -100px; width:13px; height:11px; }
th.tbl-stress { padding:5px 5px; }
th.tbl-number { min-width:50px; white-space: nowrap; }
.tbl-rankA { background-position:0 -140px ; width:20px; height:22px; }
.tbl-rankB { background-position:-20px -140px ; width:18px; height:22px; }
.tbl-rankC { background-position:-39px -140px ; width:19px; height:22px; }
.tbl-rankD { background-position:-58px -140px ; width:19px; height:22px; }
.tbl-rankE { background-position:-78px -140px ; width:18px; height:22px; }
.bg-cellA { background-color:#dcff79; }
.bg-cellB { background-color:#f0ffc5; }
.bg-cellC { background-color:#ffffcc; }
.bg-cellD { background-color:#ffe0a3; }
.bg-cellE { background-color:#ffc34b; }
.bg-none  { background-color:#f5f3f3; }
/*.total-rank span { display:inline-block; text-indent:-9999em; }*/

/* Layout ---------------------------------------------------------------- */
.mT10 { margin-top:10px; }
.mT15 { margin-top:15px; }
.mT20 { margin-top:20px; }
.mT80 { margin-top:80px; }
.mL2  { margin-left:2px; }
.mL5  { margin-left:5px; }
.mL10 { margin-left:10px; }
.mR10 { margin-right:10px; }
.mR30 { margin-right:30px; }
.mB10 { margin-bottom:10px; }
.mB20 { margin-bottom:20px; }
.mB30 { margin-bottom:30px; }
.w100 { width:100%; }
.w30  { width:30%; }
.w80  { width:80px; }
.box { padding:15px; border-radius:6px; }
.box-border { border:solid 1px #e2d4cd; }
.mt-1em  { margin-top: 1em; }      /* ← 一行分の空き */

/* Text Color */
.txt_red { color:#f00; }

/* Button */
.btn	{ border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer; border-style:none; vertical-align:middle; font-weight:bold; color:#fff;
box-shadow:#b7b7b7 0px 0px 1px 1px; }
.btn-no,
.btn-filter,
.tbl-report { padding:5px 20px; background: #7f7f7f;
background: -webkit-linear-gradient(top,  #929191 0%,#7f7f7f 100%);
background: linear-gradient(to bottom,  #929191 0%,#7f7f7f 100%); }
.btn-no:hover ,
.btn-filter:hover,
.tbl-report:hover{ background: #8d8d8d; text-decoration: none;
background: -webkit-linear-gradient(top,  #a0a0a0 0%,#8d8d8d 100%);
background: linear-gradient(to bottom,  #a0a0a0 0%,#8d8d8d 100%); }
.btn-submit,
.btn-report,
.btn-login,
.btn-yes,
.btn-next,
.btn-copy { color:#fff; padding:5px 30px; font-size:14px; text-shadow: 1px 1px #cf8835;
background: #ff8700;
background: -webkit-linear-gradient(top,  #ffa035 0%,#ff8700 100%);
background: linear-gradient(to bottom, #ffa035 0%,#ff8700 100%);}

.btn-submit:hover,
.btn-login:hover,
.btn-report:hover,
.btn-yes:hover,
.btn-next:hover,
.btn-copy:hover{
background: #ffb730;
background: -webkit-linear-gradient(top,  #ffc020 0%,#F4A200 100%);
background: linear-gradient(to bottom,  #ffc020 0%,#F4A200 100%); text-decoration:none;}
.btn-yes    { padding:5px 10px; }
.btn-report { display:block; float:right; padding:5px 10px; color:#fff; font-size:12px; margin:5px 10px 0 0;}
.btn-report:hover { text-decoration:none; background-color:#f92; }
.btn-copy { padding:10px 25px; color:#fff; font-size:14px; margin:0px 0px 0 3px;}
.btn-copy:hover { text-decoration:none; background-color:#f92; }
.btn-answer-save{ padding:5px 20px; }
.btn-filter { padding:5px 10px; }
.btn-login	{ min-width:140px;float:right;}
.btn-next {font-size:16px; margin:0 0 10px 8px; padding:15px 50px;}
.tbl-report { display:inline-block;padding:3px 8px; color:#fff; font-size:11px; margin:5px; }
.button-area .btn-no { padding:8px 20px; font-size:14px; }
.logout .btn-no { margin-left:5px; }
/* Text */
.red	{ color:#ff6637; }
.font-jpn { font-family: 'ＭＳ Ｐゴシック',sans-serif; }
.font-eng { font-family: 'Century Gothic',sans-serif; }
/* ShortCut */
.fb     { font-weight:bold; }
.fL		{ float:left; }
.fR		{ float:right; }
.center { text-align:center; }
.right  { text-align:right; }
.left   { text-align:left; }
.dpn	{ display:none; }
.dpb	{ display:block; }
.dtb    { display:table; }
.dtc    { display:table-cell;}
.ime-dis { ime-mode: disabled !important; }


/* Helper classes -------------------------------------------------------------*/
.clearfix:before,.clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }

/* q_answr_pc --------------------------------------------------------------------*/

.pc-q-section { min-height:28px; display: table;}
.pc-q-section-spacer {display:table-cell; width:315px; min-width: 195px;}
.pc-q-title { padding:0 0px 0px 10px; min-width:315px; font-size:18px; font-weight:bold; word-break:break-all; line-height:1.3em; border-left:solid 5px #F90; display:block; margin-bottom:10px; }
.pc-a-words { display:table; vertical-align:bottom;width:480px; margin:0 10px 0 auto;}
.pc-a-words ul {display: table;width: 480px;}
.pc-a-words li { display:table-cell; width:120px; text-align:center; padding:4px 0; font-weight:bold; font-size:14px; vertical-align:middle; }
.pc-q		{ width:800px; margin:0 auto; }
.pc-question{ display:table; width:100%; padding:10px; background-color:#fff; border:2px solid #ffa800; border-radius:10px;	margin-bottom:15px; }
/*.pc-q-number        {display:table-cell; width:65px; font-size:22px; color:#a74123; font-weight:bold;vertical-align:top;padding-top:5px;}*/
.pc-q-number        {display:table-cell; width:65px; font-size:22px; color:#a74123; font-weight:bold;vertical-align:middle;}
.pc-q-number-table  {display:table; border-collapse:separate; border-spacing: 0 6px;　/*数字は「左右、上下」*/}
.pc-q-number-table-rowspan  {display:table-row; }
.pc-q-number-table-required {display:table-row; font-size:15px; color:#ff0000; font-weight:bold; text-align: center;}
/*.pc-q-text          {display:table-cell; min-width:240px; max-width:150px; vertical-align:top;font-weight:bold;padding-top:3px;}*/
/*.pc-q-text          {display:table-cell; min-width:240px; max-width:150px; vertical-align:middle;font-weight:bold; padding-top:2px;}*/
.pc-q-text          {display:table-cell; min-width:235px; max-width:150px; vertical-align:middle;font-weight:bold; padding-top:2px;}
.pc-a-radio         {display:table-cell; vertical-align:middle; width:480px;}
.pc-a-radio ul      {display: table; width:480px}
.pc-a-radio li      {display:table-cell; width:120px; text-align:center; padding:4px 0px;}
.q-radio { width:20px; height:20px; }
.q-check { width:20px; height:20px; }
.pc-a-check         {display:table-cell;vertical-align:middle;}
.pc-a-check table   {margin-left:22px;}
.pc-a-check th      {vertical-align:middle; padding:0 8px 0 0}
.pc-a-check td      {padding:2px 0 0 0;}

.pc-q-pages-area    {float:left;}
.pc-q-pages         {position:relative; width:125px; height:32px; margin:5px 0 0 0;}
.pc-q-pages .slash  {position:absolute; top:5px; left:35px; font-size:22px; font-weight:bold}
.pc-q-pages .numer  {position:absolute; top:6px; right:93px; font-size:25px; color:#a74123}
.pc-q-pages .denom  {position:absolute; top:6px; left:50px; font-size:25px;}
.pc-q-pages .text   {position:absolute; top:12px; right:0px; font-weight:bold;}
.pc-q-text-free     {display:table-cell; width:295px; vertical-align:top;font-weight:bold;}
.pc-a-free          {display:table-cell; padding-left:10px;}
.pc-a-free textarea {resize: vertical;width:100%;padding:8px;overflow: auto;}

.pc-q-button-area { float:right; }
.btn-break,.btn-back {
	font-size:16px;
	margin:0 8px 10px 8px;
	padding:8px 30px;
	background: #c0c0c0;
	background: -webkit-linear-gradient(top,  #929191 0%,#7f7f7f 100%);
	background: linear-gradient(to bottom,  #929191 0%,#7f7f7f 100%);
}

/*overlay*/
.overlay {display:none; width:100%; height:100%; background:#000; opacity:0.6; position:fixed; top:0; left:0; z-index:10;}
#overlay-dialog { display:none; position:absolute; z-index:15; left:50%; top:50%; }
#content-password, #content-suid-trans, #content-auth,#content-id-trans,#content-inquiry{
	border-radius: 8px; -webkit-border-radius: 8px;
	background:#fffefc;
	padding:20px;
	width:560px;
}


/* G2410 & G2420----------------------------------------------------------------------------------------------------------------------- */

.answer-date { margin-top:20px; color:#A17C25;text-align:right;}
.answer-date label { margin-left:15px}
.answer-date label:first-child{margin-left:0px}
.answer-date span{ margin-left:2px;vertical-align:middle; }

.diagnosis                  { width:730px; margin:0 auto; }
.diagnosis .title-top { margin-bottom:0; }
.diagnosis .title           { margin:20px 0 10px 0; }
.diagnosis .title h1        { display:block; float:left; margin-top:10px;}
.diagnosis .title .status p { float:right }
.status { height:50px;	width:83px; padding:5px 3px 0px 0px; background-color:#fff; border:2px solid #ffa800; border-radius:10px; margin-left:20px; }
.status-rank { vertical-align;middle; padding-top:8px; padding-left:5px; padding-right:8px; color:#f0a045; font-size:30px; }
.img-pd{background:url("../img/img_personal_diagnosis.png") no-repeat;background-size:330px 95px;}
.title1 {float:left; width:285px;height:30px; background-position:0px 0px;}
.title2 {width:330px;height:30px;background-position:0px -30px;margin-top:22px;}
.face1  {width:35px;height:35px;background-position: 0px -60px;}
.face2  {width:35px;height:35px;background-position: -35px -60px;}
.face3  {width:35px;height:35px;background-position: -70px -60px;}
.face4  {width:35px;height:35px;background-position: -105px -60px;}
.face5  {width:35px;height:35px;background-position: -140px -60px;}
.rankA  {width:30px;height:35px;background-position:-175px -60px; margin:0 5px;}
.rankB  {width:30px;height:35px;background-position:-205px -60px; margin:0 5px;}
.rankC  {width:30px;height:35px;background-position:-235px -60px; margin:0 5px;}
.rankD  {width:30px;height:35px;background-position:-265px -60px; margin:0 5px;}
.rankE  {width:30px;height:35px;background-position:-295px -60px; margin:0 5px;}
.result-text	{
	width:100%; padding:10px;
	background-color:#fff; border:2px solid #BDB5A7;
	border-radius:10px;
	margin-top:10px;
 }
.result-text ul { margin-top:10px; }
.result-text li         {display:table; width:100%; margin-bottom:10px;}
.result-text li:last-child{margin-bottom:0px;}
.result-text label      {
	color:#ffffff;text-align:center;
	display:table-cell; width:11%;
	vertical-align:middle;
	padding:3px 0;
	font-weight:bold;
}
.result-text li span    {
	display:table-cell; width:60%;
	vertical-align:top;
	padding:5px 10px;
	border-left:0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	line-height:1.5em;
	background-color:#fff;
	border:0px solid #BDB5A7;
	border-left:none;
}

.plan           {display:table;margin-top:20px;}
.plan h1        {display:table-cell;width:110px;vertical-align:top}
.plan h1 label  {
	float:left;
	padding:0 10px;
	line-height:24px;
	height:24px;
	background-color:#f79646; color:#ffffff;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}
.plan h1 span   {
	float:left;
	width:0; height: 0;
	border-left: 16px solid #f79646;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent
}
.plan ul{display:table-cell;}
.plan li{
	float:left;
	margin-left:5px;
	padding:0 10px;
	line-height:20px;
	height:24px;
	background-color:#ffffff; color:#f79646;
	font-weight:bold;
	border:2px solid #f79646;
	border-radius:3px;
}

.consent { text-align:left; font-size:14px; }
.consent-fin { text-align:center; font-weight:bold; font-size:18px; }

/* 個人結果ゲージ */
.status-gauge { position:relative; overflow:hidden; margin:0; width:368px; float:left; }
.status-gauge ul { display:table; width:350px; border:solid 1px #b9aea4; margin-left: 8px; }
.status-gauge ul li { display:table-cell; width:20%; height:47px; line-height:47px; text-align:center; font-size:38px; font-weight:bold; color:#fff;}
.total ul li { height:74px; line-height:74px; }
.status-gauge div { position:absolute; font-size:11px; font-weight:bold;}
.status-gauge span { font-size:12px; float:left; margin:0 3px;}
.status-gauge span.fR { float:right; }
.status-gauge p { float:left; font-size:11px; }
.status-gauge .status01 { top:0px; color:#9e3a38; }
.status-gauge .status02 { top:14px; color:#3a669b; }
.status-gauge .status03 { top:28px; color:#646049; }.status-gauge div span { width:14px; height:14px; text-indent: -9999em; }
.status-gauge .status01 span { background-position: -20px -120px; }
.status-gauge .status02 span { background-position: -34px -120px; }
.status-gauge .status03 span { background-position: -48px -120px; }
.status-gauge .country-avr span,
.status-gauge .country-avr-sim span{ background-position: -34px -134px; }
.status-gauge .company-avr span,
.status-gauge .company-avr-sim span{ background-position: -48px -134px; }
.status-gauge .user-status,
.status-gauge .user-status-sim span { background-position: -20px -134px; }
.status-caption .country-avr,
.status-gauge .country-avr { bottom:14px; color:#656565; }
.status-caption .company-avr,
.status-gauge .company-avr { bottom:0; color:#395BA1; }
.status-gauge .user-status { left:35px; bottom:0%; }
.status-caption .country-avr-sim,
.status-gauge .country-avr-sim { bottom:30px; color:#656565; font-size:14px; }
.status-caption .company-avr-sim,
.status-gauge .company-avr-sim { bottom:5px; color:#395BA1; font-size:14px;}
.status-gauge .user-status-sim { top:5px; font-size:14px;}
.user-status-sim { color:#f00; }
.status01 .bd { display:inline-block; width:30px; height:5px; border-bottom:solid 2px #9e3a38; margin:0 10px 3px 0; }
.status02 .bd { display:inline-block; width:30px; height:5px; border-bottom:solid 2px #3a669b; margin:0 10px 3px 0; }
.status03 .bd { display:inline-block; width:30px; height:5px; border-bottom:solid 2px #646049; margin:0 10px 3px 0; }
.s { margin:20px 0 0 10px; }
.status-caption { float:left; width:355px; margin:10px 0 0 5px; font-size:11px; }
.status-caption li       { width:100%;}
.status-caption li label { float:left;vertical-align:top;}
.status-caption li p     { float:left; display:inline-block;font-size:11px;}
.status-caption li span { margin:0 2px; display:inline-block; font-size:12px;}
.img-marker{background:url("../img/img_gauge_marker.png") no-repeat; background-size:50px;}
.mk-my {width:50px; height:20px; background-position:0px 0px;}
.mk-his1{width:27px; height:20px; background-position:-24px -20px;}
.mk-his2{width:27px; height:20px; background-position:-24px -40px;}
.mk-his3{width:27px; height:20px; background-position:-24px -60px;}
.triangleLeft-red {
	width:0; height: 0;
	border-right: 12px solid #ff5527;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
.triangleLeft-blue {
	width: 0; height: 0;
	border-right: 12px solid #548cff;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
.triangleLeft-gray {
	width: 0; height: 0;
	border-right: 12px solid #656565;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

/* グラフ */
.graph-area { width:730px;margin:30px auto ;}
.graph-area article { float:left; margin-left:10px; width:236px;}
.graph-area article:first-child{ margin-left:0px; }
.graph-area h1 {
	font-size:18px;font-weight:bold;
	color:#ffffff;
	padding:5px 0;
	text-align:center;
}
.graph-area canvas{
	display:block;
	width:216px; height:200px;
	background-color:#fff;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.graph-cell { background-color:#F09949; border-radius:5px; }
.graph-area figure { display:block; width:100%; height:225px; margin:0; position:relative; background-color:#fff; border-bottom-left-radius:5px;	border-bottom-right-radius:5px; border:solid 1px #BDB5A7; border-top:0; }
.graph-area figure canvas { margin:0 auto; width:100%; height:auto; }
.graph-area figure p { position:absolute; text-align:center;}
.graph-img1 p,
.graph-img3 p { font-size:12px; }
.graph-img1,
.graph-img3 { padding:45px 30px 17px 30px; }
.graph1-txt1,
.graph3-txt1 { top:25px; left:50%; margin-left:-18px; }
.graph1-txt2,
.graph3-txt2 { bottom:25px; left:20px; }
.graph1-txt3,
.graph3-txt3 { bottom:25px; right:20px; }
.graph-img2 { padding:40px; }
.graph-img2 p { font-size:11px; line-height:1.3em; }
.graph2-txt1 { top:20px; left:50%; margin-left:-40px; }
.graph2-txt2 { top:45px; left:50%;  margin-left:-90px;}
.graph2-txt3 { top:50%; left:10px; margin-top:-33px;}
.graph2-txt4 { bottom:70px; left:10px; }
.graph2-txt5 { bottom:20px; left:60px; }
.graph2-txt6 { bottom:25px; left:50%;  margin-left:10px;}
.graph2-txt7 { bottom:50%; right:3px; margin-bottom:-60px; }
.graph2-txt8 { top:50%; right:13px; margin-top:-25px; }
.graph2-txt9 { top:45px; right:20px;}
.graph3-txt1 { margin-left:-50px; }
.graph3-txt2 { bottom:13px; left:20px; }
.graph3-txt3 { bottom:13px; right:20px; }
.national-avr01 { color:#f2a7a7; font-size:15px; font-weight:bold;}
.national-avr02 { color:#a5e093; font-size:15px; font-weight:bold;}
.national-avr03 { color:#a7c1f2; font-size:15px; font-weight:bold;}
.national-ave { background-color:#bfbfbf; display:inline-block;padding:10px 24px; color:#bfbfbf; font-size:1px; margin:5px;filter: alpha(opacity=30);-moz-opacity:0.30;opacity:0.30;outline: solid 1px #0000ff;}
.notice-line { color:#ff7600; font-size:12px; font-weight:bold; }
.graph-guide { vertical-align:bottom; margin-top:5px; font-size:12px; text-align:center; line-height:1.2em; clear:both; }
.graph-guide span { display:inline-block; margin:5px 3px; vertical-align:middle; }

.bg-chacol  { background-color:#928C85; }
.bg-gray    { background-color:#f1ece2; }
.bg-normal  { background-color:#BBADA0; }
.bg-orange  { background-color:#f0a045; }

.bg-rankA { background-color:#dcff79; }
.bg-rankB { background-color:#f0ffc5; }
.bg-rankC { background-color:#ffffcc; }
.bg-rankD { background-color:#ffe0a3; }
.bg-rankE { background-color:#ffc34b; }
.date-status01 { color:#9e3a38; }
.date-status02 { color:#3a669b; }
.date-status03 { color:#646049; }

.history-wrap { display:table;width:730px;margin:0 auto; }
.history-wrap .status-gauge { margin: 5px 0 0 0; float:none; }
.history-wrap .status-caption { float:none; }
.history-wrap section { display:table-cell; padding-left: 20px; }
.history-wrap .data-history {width:350px;vertical-align:top;padding:5px 20px 5px 15px;border-right:0px solid #b9aea4;}
.data-history table {
	width:300px;
	border-spacing:0px;
	border-collapse:collapse;
	margin-bottom:5px;
}

.data-history table th{font-size:14px; background-color:#f1ece2; border:1px solid #cccccc;padding:5px 0;color:#817871;}
.data-history table td{font-size:12px; border:1px solid #cccccc;text-align:center;padding:5px 0 0; background-color: #fff;}
.data-history table td p{vertical-align:middle; width:30px; height:35px; margin:0 auto;}
.data-history .num  {width:40px;font-size:20px; font-weight:bold;}
.data-history .date{width:170px; font-weight:bold;}
.data-history .rank{width:90px;vertical-align:middle; font-size:28px; font-weight:bold; padding:10px 0;}
.history-caption { font-size:11px; color:#666; }

.contact-info{
	width: 730px;
	padding: 10px;
	background-color: #fff;
	border: 2px solid #BDB5A7;
	border-radius: 10px;
	margin:10px auto 0px auto;
}


/*G2210 ------------------------------------------------------------------------------------------------------------------------*/
/*.inquiry                            {widows:470px; border:solid 1px #e2d4cd; padding:20px; background:#FFF; margin:40px auto 10px auto; }*/
.inquiry                            {widows:545px; border:solid 1px #e2d4cd; padding:20px; background:#FFF; margin:10px auto 10px auto; }
.inquiry-input-area li              {display:table; margin-top:10px; width:100%;}
.inquiry-input-area li:first-child  {margin:0px; }
.inquiry-input-area li:last-child   {margin-top:0px; margin-bottom:20px; }
.inquiry-input-area label           {display:table-cell; width:205px; text-align:right; padding:0 15px 0 0; vertical-align:top;}
/*.inquiry-input-area .mail-address   {display:table-cell; font-size:12px; width:100%; padding:2px; }*/
.inquiry-input-area .mail-address   {display:inline; width:44%; }
.inquiry-input-area at-text         {display:inline; margin-left:10px; }
.inquiry-input-area .mail-address2  {float:right; width:44%; }
.inquiry-input-area .reply          {display:table-cell;}
.inquiry-input-area .reply span     {display:inline-block; padding:0 15px 0 5px;}
.inquiry-input-area textarea        {display:table-cell; width:100%; resize:vertical; padding:5px; min-height:153px;}
.inquiry-input-area .input-text     {display:table-cell; width:100%;}
.inquiry-input-area .select         {display:table-cell; width:100%;}

/*G2330--------------------------------------------------------------------------------------------------------------------------*/
.logout p,
.confirm p {font-size:16px;font-weight:bold;margin-top:50px; line-height:1.4;}
.logout,
.confirm { padding:0 10px; }

/* MESSAGE BAR */
.error-message { width:100%; position:fixed; top:-50px; left:0; z-index:10; background-color:#f7e9e2; text-align:center; border-bottom:solid 2px #ff5629; }
.error-message p { font-size:12px; padding:8px 0; font-weight:bold; display:inline-block; color:#ff5629; vertical-align:middle;}
.icon-alert		{ background-position:0 -130px; width:17px; height:17px; cursor:pointer; display:inline-block; vertical-align:middle;}
.normal-message { width:100%; position:fixed; top:-50px; left:0; z-index:10; background-color:#fffaf5; text-align:center; border-bottom:solid 2px #B7A99F; }
.normal-message p { font-size:12px; padding:8px 0; font-weight:bold; display:inline-block; color:#7e746c; vertical-align:middle;}

/* iPad -------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
.wrapper	{ width:100%; height:100%;}
.contents	{ width:100%; margin:0 auto; padding:40px 20px; }
.login-contents { margin:30px auto; width:580px; }
#content-password, #content-id-trans, #content-auth,#content-inquiry { width:580px; }
.pc-q { width:760px; }
.btn-next {font-size:14px; margin:0 0 10px 8px; padding:10px 40px;}
header { padding:0 10px; }
.pc-q-text { display:table-cell; min-width:150px; vertical-align:middle;font-weight:bold; padding-top:2px; }
.pc-a-words li { font-size:14px; width:100px; }
.pc-a-words,
.pc-a-radio { width:400px; }
.pc-a-radio li { width:100px; }
.contents .title-top { font-size: 18px; text-align: left; padding-left: 7px; border-left: solid 5px #FF9427; margin:0 0 30px 0}
.title-top { font-size:18px; }
}


@media screen and (max-width: 650px) {
/* Sprite */
.hs	{ background-size:245px auto; }
/* COMMON */
.contents { width:100%; padding:20px 10px; }
/* gnavi */
header { margin-top:10px; text-align:center; }
header ul { margin:3px 0 0 10px; }
header ul li { width:auto; }
header ul li span { font-size:6px; line-height:1; }
header ul li p { width:35px; height:35px; }
.logo img { width:75px;}
.language { margin:5px 0}
.gnavi01	{ background-position:0 0; }
.gnavi02	{ background-position:-35px 0; }
.gnavi03	{ background-position:-70px 0; }
.gnavi04	{ background-position:-105px 0; }
.gnavi05	{ background-position:-140px 0; }
.gnavi06	{ background-position:-175px 0; }
.gnavi07	{ background-position:-210px 0; }
a:hover .gnavi01	{ background-position:0 -35px; }
a:hover .gnavi02	{ background-position:-35px -35px; }
a:hover .gnavi03	{ background-position:-70px -35px; }
a:hover .gnavi04	{ background-position:-105px -35px; }
a:hover .gnavi05	{ background-position:-140px -35px; }
a:hover .gnavi06	{ background-position:-175px -35px; }
a:hover .gnavi07	{ background-position:-210px -35px; }
/* LOGIN */
.login-wrap { width:100%; margin:20px 0 ; padding:0; }
.info { width:100%; }
.login-input { width:100%; }
.halfway	{ width:100%; }
.halfway p  { line-height:1.5; margin:0 0 5px 15px;}
.last-answer-info { width:100%; }
.pause-btn-area { margin-left:0px; }
.q-select-box{ width:100%; }
.footer-inquiry {
    position: absolute;
    left: 0; /* 650px以下は中央寄せ */
}
.footer-wrap-correct{margin: 0px auto;}
.pc-footer-inquiry { display: none;}
.sp-footer-inquiry { display: block;}
}

@media screen and (max-width: 538px) {
h1,h2,h3,dl,dd,dt,p,textarea,input,button { font-size:12px; }
.small-contents { width:100%; padding:0; }
.title-top { font-size: 14px; text-align: left; padding-left: 7px; border-left: solid 3px #FF9427; margin:0 0 10px 0}
.q-select button { padding:10px 10px; font-size:18px; }
.q-select p { text-align:left; }
.login-wrap .title-top { margin: 0 0 0 10px; font-size:15px}
.login { width:100%; padding:20px 40px; border:0; margin:20px auto; background:transparent; }
.btn-login	{padding:7px 30px; width:100%; float:none; font-size:16px; margin-bottom:10px; }
.btn-copy { padding:10px 0px; font-size:14px; margin:0px 0px 0 3px;}
.login-form li { margin-bottom:3px; }
.login-form input{ font-size:14px; width:100%; display:block; margin-bottom:5px; padding:8px 5px;}
.login-form label { display:none; }
.temporary-password-text { margin: 0px 31px; text-align:left;}
.forgot { float:none; }
.forgot p { width:100%;float:none; margin:0; padding:5px 0 0 0; font-size:14px; }
/* password */
.pw-change-wrap,
.login-contents { width:100%; padding:0; }
#content-id-trans,
#content-password,
#content-auth,
#content-inquiry,
.inquiry { width:100%; background:transparent; padding:0 0 20px 0;}
#content-password p,
#content-id-trans p,
#content-auth p { font-size:14px; }
#content-password label,
#content-auth label { display:block; margin-bottom:5px; }
.login-contents { margin:20px auto; padding:0 10px; }
.login-contents .info { background:transparent; padding:10px 0; }
.login-contents .login { padding:0; }
.login .btn-submit,
.inquiry .btn-submit { width:100%; font-size:16px; margin:5px 0; }
.login-form button { float:none; }
#content-password .forgot { margin-top:20px; }
.password-change-input label { font-size:12px; width:120px; }
.logout p { margin-top:20px;}
.logout .btn-no,
.logout .btn-submit { width:60%; margin:10px auto; display:block; padding:6px; font-size:15px; }

/* TOP */
.info	{ padding:15px 10px; border-radius:0; }
.info dl dt,
.info dl dd { font-size:14px; }
.info h2 { width:108px; height:15px; margin-bottom:6px; background-size:108px auto; }
.info-hr span { width:110px; }
#js-scroll { height:60px; }
.halfway { padding:15px 0px 15px 6px; border-radius:0; }
.halfway h3 { margin-bottom:0; float:none;}
.halfway p	{ margin:0; line-height:2.3; }
.halfway div span { float:none; margin-left:15px; }
.halfway button { margin-left:0; font-size:12px; padding:3px; }
.last-answer-info { padding:15px 0px 15px 6px; }
.question			{ padding:0; margin-bottom:10px; }
.question-icon		{ width:45px; }
.question-icon p	{ font-size:12px; width:40px; height:40px; padding:10px 0; line-height:1.6em;}
.question-icon div	{ font-size:12px; height:40px; padding:10px 0; line-height:1.6em; color:#ff0000; font-weight:bold; text-align: center;}
.question-text 		{ padding:0 0 0 5px; }
.question-text p	{ font-size:12px; }
.question-text span	{ font-size:14px; margin-top:3px; }
.answer,
.answer-check,
.answer-textbox { padding:0; }
.answer li,
.answer-check li label,
.answer-textbox li { padding:12px; font-size:18px; margin-bottom:9px; }
.answer-check li label { font-size:14px; }
.question-control { margin:0; padding:5px 0;}
.question-control button { padding:10px 26px; display:inline-block; margin:0 0 0 10px; font-size:16px;}
.question-control button:first-child { margin-left:0px; }
.question-number { text-align:right; }
.question-number p,
.question-number span { display:inline-block; font-weight:bold; font-size:16px; margin:10px 0 30px 0;}
.slash	{ }
.numer		{ color:#a74123}
.denom		{}

.answer-search li { display:block; padding:0; margin-bottom:5px; }
.answer-search label { width:79px; font-size:11px; line-height:1.2em; }
.answer-search select { width:184px; margin-left:5px; }
.answer-search input { width:80px; padding:3px; }
.answer-search p { margin:0; text-align:center;}
.result-caption { font-size:10px; padding:3px 0; display:block;}
.answer-result p { line-height:23px; }
.ct-condition { background-position:-111px -138px; width:76px; height:15px; }
.ct-rank { display:none; }
th.tbl-number { min-width::95px;}

/* グラフ */
.history-wrap { width:100%;display:block; border:none; padding:0;}
.history-wrap section { display:block; margin-bottom:10px; padding:0; }
.history-wrap .data-history { display:block; width:auto; border:none; padding:0; margin-bottom:15px; }
.data-history .date { font-size:12px; }
.history-caption { text-align:right; display:block; }
.history-wrap .status-gauge,
.status-gauge { width:100%; margin: 0; }
.status-caption { width:100%; }
.status-gauge ul { width:283px;}
.status-caption { margin:5px 0 0 5px;}
.status-caption p { font-size:11px;}
.status-caption li label { width:26%; }
.data-history table { width:100%; margin:0; }
/*.graph-area { width:100%; margin:20px 0 0 0;}*/
.graph-area { width:100%; margin:20px 0 0 0;}
.graph-area figure {height:auto;}
.graph-area article,
.graph-area article:first-child { float:none; margin:0 auto 25px auto; width:100%;}
.graph-img1,
.graph-img3 { padding:45px 30px 0px 30px; }
.result-caption { font-size:11px; padding:3px 0; display:block;}

/* 個人回答結果 */
.diagnosis { width:100%; }
.answer-date { margin:0; text-align:left; font-size:12px; width:215px;}
.answer-date label { margin:0; }
.diagnosis .title { margin:0 0 10px 0; }
.title { margin:10px 0; }
.title1 { width:205px;height:21px;background-size:240px; }
.title2 { width:120px;height:22px;background-size:240px; background-position:0 -21px;}
.diagnosis h1.title2 { margin-top:20px; }
.status { width:80px; padding: 5px 0 0 5px ; margin-left:5px; }
.status-rank { padding-top:8px; padding-left:4px; padding-right:5px; color:#f0a045; font-size:30px; font-weight:bold;}
.result-text { margin-left:0; }
.result-text label { min-width:60px; font-size:10px; height:auto; vertical-align:top; padding:5px 2px;}
.result-text li span,
.result-text p{ font-size:12px; line-height: 1.4em; }
.plan { margin-top:15px; }
.plan h1 { width:71px; }
.plan h1 label { font-size:10px; padding:0 0 0 5px;  }
.plan h1 span { border-left:12px solid #f79646; }
.plan li { font-size:12px; padding:0 5px; margin-left:4px; }
.contact-info{width:100%;}

/* 問い合わせ */
.inquiry { margin:0; border:none; }
.inquiry-input-area { margin-top:10px; }
.inquiry-input-area li:nth-of-type(1),
.inquiry-input-area li:nth-of-type(1) label,
.inquiry-input-area li:nth-of-type(1) textarea{ display:block; }
.inquiry-input-area li label { text-align:left; margin-bottom:5px; width:100%; }
.inquiry-input-area { margin-bottom:20px; }
.inquiry-input-area li .mail-address { word-break:break-all; }
/* 削除項目 */
p.ans-state { display:none;}
/* MENU */
.ms { background-size:310px auto; }
.menu { margin:15px auto; }
.menu li { margin-left:2px; }
.menu li a { width:103px; height:108px; }
.menu01 { background-position:0 0 ; margin-left:-3px; }
.menu02 { background-position:-103px 0 ; }
.menu03 { background-position:-206px 0 ; margin-left:-2px; }
.menu01:hover { background-position:0 -108px ; }
.menu02:hover { background-position:-103px -108px ; }
.menu03:hover { background-position:-206px -108px ; }
/*Footer*/
.footer p{ font-size:14px; }
.footer .copyright { font-size:11px; }

/* Login 利用規約表示時--------------------------------------------------------------- */

.forgot-trem { float:none; }
.forgot-trem p { width:100%;float:none; margin:0; padding:5px 0 0 0; font-size:14px; }
.forgot-p-mL{margin-left:0px;}

}


@media screen and (max-width: 330px) {
header { margin:0; padding:10px 5px 0 5px; }
header ul li a { width:45px; }
.login { width:100%; padding:0px 10px; }
}