@charset "utf-8";

/*---------------------------------------------------*/
/* ベース */
/*---------------------------------------------------*/
.button_font {
	font-family: "Mplus 1p", Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	border:0;
	background:none;
}

.fixed_button {
    display:inline-table;
    padding:15px 5px;
    width:240px;
    background-color: #fff;
    color:#0C0C0C;
    border-style: solid;
    border-width:1px;
    border-color: #0C0C0C;
    font-size:16px;
    line-height: 1.2;
    text-align:center;
    border-radius:5px;
}

.blue input[type=submit] {
	background-color:#3498DB;
}

.input_error dd {
	color:#E74C3C;
}

@media screen and (max-width:640px) {
	.input_error dt {
		min-height:0px;
	}
}

.input_error input {
	background-color:#f7e3f4;
}

.fixed {
    position: fixed;
    top: 0px;
}

#drawer {
    right: 5%;
    top: 15px;
}

.bt4 .choice_b input[type=button].selected {
	background: rgba(52,152,219,0.1);
}
.bt4 .choice_r input[type=button].selected {
	background: rgba(231,76,60,0.1);
}
.bt4 .choice_o input[type=button].selected {
	background: rgba(247,148,30,0.1);
}
.bt4 .choice_g input[type=button].selected {
	background: rgba(26,188,156,0.1);
}

@media screen and (max-width:767px) {
	.btn_hamburger.fixed {
		top: 22px;
	}

	#drawer.fixed {
		top: 89px;
		width: 100%;
		right: 0px;
	}
}

.err_msg {
	color: #E74C3C;
}

.info_msg {
	color: #E74C3C;
}
.news .table dt {
	white-space:nowrap;
}

.ui-widget-content {
  border: 1px solid black;
  background: white;
  color: black;
}

.ui-widget-content a {
  color: black;
}

.ui-widget-header {
  border: 1px solid white;
  background: #e64b3b;
  color: white;
  font-weight: bold;
}
.ui-widget-header a {
  color: white;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid white;
  background: #e64b3b;
  font-weight: normal;
  color: white;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: black;
  text-decoration: none;
}

.guidance_date dt{
	color: #E74C3C;
}

.center{
	text-align: center;
}

.profile_viewpoint{
	color: #F7941E;
	font-size: 1.3em;
	border-bottom: solid 1px #F7941E;
}
.profile_viewpoint_img{
 	max-width: 100%;
    height: auto;

}
.profile_comemnt{
	margin-top: -16px;
}

.stresscheck_rede_img{
	margin-top: 4px;
}
.selfcare_hr{
	background-color: #F7941E;
	height: 2px;
}
.profile_comemnt_right{
	text-align: right;
}

table.profile_table {
	border-collapse: separate;
	text-align: center;
	line-height: 1.5em;
	border: solid 1px #F7941E;
	border-color: #fce6ab;
}
table.profile_table th {
	width: 190px;
	padding: 10px;
	line-height:1.4em;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	background: #F7941E;

}

table.profile_table th.bigsize{
	width: 330px;

}
table.profile_table td {
	width: 155px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	border-bottom: 1px solid #ccc;
	background: #FFF5EE;
	border-style: solid;
    border-width: 1px;
	border-color: #fce6ab #fce6ab #fce6ab #fce6ab;
}
table.profile_table tr:nth-child(odd) td {
    background-color: white;
}

.read_box{
	border: solid 1px #F7941E;
	background: #FFF5EE;
}

.read_green{
	color: #1ABC9C;
}

.read_paragraph{
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.read_icon_paragraph{
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.read_next_paragraph{
  padding-left: 1em;
  text-indent: -1em;
}
.selfcare_paragraph{
  padding-left: 1em;
  text-indent: -1.5em;
}

.read_viewpoint{
	color: #1ABC9C;
	font-size: 1.3em;
	border-bottom: solid 1px #1ABC9C;
}
.selfcare_h3{
	color: #F7941E;
	font-size: 1.3em;
}
.selfcare_title{
	font-size: 1.6em;
	color: #F7941E;
}
.selfcare_big{
	font-size: 1.3em;
	color: #F7941E;
}
.selfcare_small{
	font-size: 0.9em;
}

.selfcare_result_paragraph{
  padding-left: 1em;
  text-indent: -1em;
  list-style:none;
}

.selfcare_read_paragraph{
  padding-left: 2.2em;
  text-indent: -2.2em;
  list-style:none;
}

.stressread_bold{
	font-weight: bold;
	color: #1ABC9C;
}

.profile_result_paragraph{
  padding-left: 1.1em;
  text-indent: -1.1em;
}

.stresscheck_section{
	/*height: 511px;*/
        /*adapt to 8 options ８選択肢の表示に対応*/
        height: 711px;
}

#block_frame {
    height: 90px;
    border: red solid 1px;
    overflow: auto;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#block_frame p {
    margin: 0 0 15px 0;
}

.input_date input {
    width: 120px;
}
.interview_ampm{
    width: 320px;
}

/* GSS fixed at 2018/11/09 */
.profile_result_form .input_date input[type=text] {
    width: 100px;
}
.profile_result_form .input_date input[type=radio] {
    width: auto;
}
.profile_result_form div.interview_ampm {
    display: inline;
}
@media screen and (min-width: 641px) {
    .profile_result_form .dt_from_to {
        text-align: center;
    }
}
@media screen and (max-width: 640px) {
    .profile_result_form .dt_from_to span {
        font-size: 12px;
        display: block;
        text-align: center;
    }
}

#confirm_answer {
    width: 100%;
    padding: 0;
    margin-top: 30px;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

#confirm_answer h3 {
    font-size: 28px;
    font-weight: normal;
    line-height: 1.3em;
    margin-bottom: 40px;
    text-align: center;
}

#confirm_answer p{
    text-align: left;
}
.pdescription {
  text-align: center;
  margin-top: 10px;
}