@charset "utf-8";
/* CSS Document */


/************テーブルの文字寄せ・フォントサイズ調整************/
.text_left{text-align:left !important;
}

.text_right{text-align:right !important;
}

.font12{font-size:12px !important;
}


/********健診結果表********/


.kenshin_comment{font-size:14px;
text-align:left;
line-height:1.5em;
margin-bottom:1em;
}

.kenshin table{width:95%;
margin:0 auto;
border-collapse:collapse;
border:1px solid #999;

}


.kenshin table th{font-weight:normal;
text-align:center;
font-size:12px;
background-color:#f1fffb;
border:1px solid #999;
color:#444 !important;
padding:2px;
}

.kenshin table td{text-align:center;
font-size:12px;
border:1px solid #999;
padding:2px;
}

.red{background-color:#FCC;
}

.blue{background-color:#CCF;
}



/********PDFダウンロード/印刷********/
.dl_btn input[type="submit"] {
    display: block;
    background-color: #385498;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 4px #a2c4e8;
    width: 16em;
    font-size: 1.6rem;
	margin:30px auto 0 auto;
    border: none;
    outline: none;
    appearance: none;
}


/********MHWとは********/
.mhw_comment{font-size:14px;
text-align:left;
line-height:1.5em;
margin-bottom:1em;
}


/********FAQ********/

.faq {
		position:relative;
		width:100%;
		margin:0px auto;
	}

	.faq dt {
		font-size: 100%;
		font-weight: bold;
    	cursor:pointer;
	    border-bottom: 1px solid #CCCCCC;
	    margin-bottom: 15px;
		display:list-item;
		list-style:decimal;
		margin-left:20px;
		color:#0075c2;
	}
	.faq dt.active	{
		color:#09F;
	    border-bottom: 1px solid #09F;
	}
	.faq dd {
	    position:relative;
	    margin: 0 0 15px 15px;
	    line-height: 170%;
    }

	.faq dl{margin-left:3%;
	}

.col_three_one {
width:90%;
border:1px dashed #0033CC;
background-color:#f1fffb;
margin:0 auto;
padding:2% 0% 2% 7%;

}

.col_three_one_inner {
	display:inline-block;
	width : 33.33333% ;
  width : -webkit-calc(98% / 3) ;
  width : calc(98% / 3) ;
	padding:1% 0%;
	box-sizing:border-box;
	border-collapse:collapse;
	text-align:left;
}

.col_three_one_inner a::before{
	content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(../images/common/arrow_bl.png);
  background-size: contain;
  vertical-align: middle;
}

.col_three_one_inner:nth-child(3n+1) {
	clear:both;
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

	.col_three_one_inner{
		width:100%;
	}

	.col_three_one_inner:nth-child(3n+1) {
		clear:both;
	}


}

/***********通知の見方**************/

.help_title{width:90%;
margin:0 auto;
font-weight:bold;
padding:3px 0px;
color:#385498;
}

.help_text{width:89%;
border-bottom:1px dotted #bbb;
margin:0px auto 5px auto;
padding-left:1em;
padding-bottom:2px;
}


/*********ミッションステージ選択********/
.stage1{background-color:#dbffed;
}

.stage2{background-color:#ffeddb;
}

.stage3{background-color:#ffe5ff;
}

.stage4{background-color:#dbdbff;
}

.stage5{background-color:#edffdb;
}

.stage6{background-color:#dbedff;
}

.stage1_title{font-weight:bold;
font-size:20px;
color:#00a381;
text-align:center;
padding-top:10%;
}

.stage2_title{font-weight:bold;
font-size:20px;
color:#e8383d;
text-align:center;
padding-top:10%;
}

.stage3_title{font-weight:bold;
font-size:20px;
color:#e95388;
text-align:center;
padding-top:10%;
}

.stage4_title{font-weight:bold;
font-size:20px;
color:#434da2;
text-align:center;
padding-top:10%;
}

.stage5_title{font-weight:bold;
font-size:20px;
color:#9cbb1c;
text-align:center;
padding-top:10%;
}

.stage6_title{font-weight:bold;
font-size:20px;
color:#0068b7;
text-align:center;
padding-top:10%;
}

.stage_text{margin:5% 3%;
text-align:center;
font-size:14px;
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

	.stage_text{margin:1%;
	font-size:12px;
	}

	.stage1_title,
	.stage2_title,
	.stage3_title,
	.stage4_title,
	.stage5_title,
	.stage6_title{padding-top:1%;
	font-size:16px;

	}

.stage__item li a {
    margin: 0 auto !important;
	font-size:12px !important;
	padding:1px !important;
  }

}

/* line 206, ../scss/form.scss */
.login .kv__form .item_btn input[type="submit"]{
  width: 100%;
}

.login .kv__form  .activation_btn input[type="button"]{  width: 100%;
}

/* line 209, ../scss/form.scss */
.login .kv__form .item_btn.activation_btn {
  margin-top: 40px;
}
/* line 211, ../scss/form.scss */
.login .kv__form .activation_btn input[type="button"]{
  background-color: #ff5858;
  box-shadow: 0 4px #ffb9b9;
  background-image: url(../images/login/icon-pencil.png);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 10px center;
  font-size: 1.4rem;
}
.login .kv__form .passcode_btn input[type="button"]{
  background-color: #15af22;
  box-shadow: 0 4px #95e780;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 10px center;
  font-size: 1.4rem;
}

/* line 222, ../scss/form.scss */
.login .kv__form .item_btn.login_btn input[type="submit"] {
  background-image: url(../images/login/icon-rock.png);
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: 10px center;
  font-size: 1.4rem;
}

.item_btn.login_btn input[type="button"] {
  background-image: url(../images/login/icon-rock.png);
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: 10px center;
  font-size: 1.4rem;
}

.item_btn input[type="button"] {
    display: block;
    margin: 10px auto;
       color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 12px 15px;
    box-sizing: border-box;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-appearance: none;
    cursor: pointer;

}
/* 個人情報利用目的の同意 */
input[type="checkbox"].personal_information_consent {
  display: inline;
}
.item_btn input[type="submit"]:disabled {
  background-color: #888888;
}

/* line 65, ../scss/form.scss */
input[type="checkbox"] {
  display: inline;
}

ul.asterisk li {
  list-style-type: none;
  text-indent: -1em;
  color:#F00;
  font-size:12px;
}
ul.asterisk li:before {
  display: inline;
  content: "※";
}

.asterisk{margin:0 !important;
}