html, body {
	background-color: #FFF; /* 背景色白 */
	font-family: 'M PLUS 1p', "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
	font-size: 2.0em;
	max-width:100%;
}

.m_plus_1p {
	font-family: 'M PLUS 1p' !important;
}

.tsumitaterow {
		background-color: B7AE37;
		background-image: url("img/chartTriangle.jpg");
}

.arrows {
		background-color: B7AE37;
		background-image: url("img/botharrows.jpg");
}


.button {
	display       : inline-block;
	border-radius : 3%;          /* 角丸       */
	font-size     : 14pt;        /* 文字サイズ */
	text-align    : center;      /* 文字位置   */
	cursor        : pointer;     /* カーソル   */
	padding       : 12px 12px;   /* 余白       */
	background    : #86CC66;     /* 背景色     */
	color         : #004d1a;     /* 文字色     */
	line-height   : 1em;         /* 1行の高さ  */
	transition    : .3s;         /* なめらか変化 */
	box-shadow    : 2px 2px 2px #1a3300;  /* 影の設定 */
	border        : 2px solid #86CC66;    /* 枠の指定 */
}
.button:hover {
	box-shadow    : none;        /* カーソル時の影消去 */
	color         : #5E8E66;     /* 背景色     */
	background    : #ffffff;     /* 文字色     */
}

.button2 {
	display       : inline-block;
	border-radius : 3%;          /* 角丸       */
	font-size     : 14pt;        /* 文字サイズ */
	text-align    : center;      /* 文字位置   */
	valign   : middle
	cursor        : pointer;     /* カーソル   */
	padding       : 0px 0px;   /* 余白       */
	background    : #BCEC00;     /* 背景色     */
	color         : #004d1a;     /* 文字色     */
	line-height   : 1em;         /* 1行の高さ  */
	transition    : .3s;         /* なめらか変化 */
	box-shadow    : 2px 2px 2px #333366;  /* 影の設定 */
	border        : 2px solid #BCEC00;    /* 枠の指定 */
}
.button:hover {
	box-shadow    : none;        /* カーソル時の影消去 */
	color         : #5E8E66;     /* 背景色     */
	background    : #ffffff;     /* 文字色     */
}

 /* --- INPUT=TEXTの標準デザイン設定 ---------------------*/
.inText {
	box-sizing    : border-box;
	margin        : 0;
	vertical-align: top;
	title : "TITLE";
	width         : 100%;                /* 一旦100%幅     */
	max-width     : 250px;               /* 入力域の最大幅 */
	height        : 47px;                /* 入力域の高さ   */
	background    : #ffffff;             /* 入力域の背景色 */
	border        : 2px solid #5E8E66;   /* 入力域の枠線   */
	border-radius : 4px;                 /* 入力域の角丸   */
	padding       : 0 10px;              /* 入力文字の余白 */
	font-size     : 20px;                /* 入力文字サイズ */
	color         : #333333;             /* 入力文字の色   */
	font-weight   : bold;                /* 入力文字の太字 */
	letter-spacing: .1em;                /* 入力文字の間隔 */
}
 /* --- 入力フィールドにフォーカスか来たら ----------------*/
.inText:focus {
	border-color  : #00b33c;                 /* 枠線色     */
	background    : #ccffdd;  /* 背景色     */
	box-shadow    : 4px 4px 2px #999;        /* 影付け     */
	outline       : 0;
}
 /* --- 入力説明の文字(標準) -----------------------------*/
.inText:placeholder-shown {
	color         : #808080;                 /* 文字色     */
	font-size     : 17px;                    /* 少し小さく */
}
 /* --- 入力説明の文字(Chrome,Safari,Android,iOS等) ---- -*/
.inText::-webkit-input-placeholder {
	color         : #808080;                 /* 文字色     */
	font-size     : 17px;                    /* 少し小さく */
}
 /* --- 入力説明の文字(IE用) -----------------------------*/
.inText:-ms-input-placeholder {
	color         : #808080;                 /* 文字色     */
	font-size     : 17px;                    /* 少し小さく */
}
 /* --- IEの入力エリア右側×消し -------------------------*/
.inText::-ms-clear {
	display     : none;                      /* ×を消す   */
}

.radioArea input[type="radio"] {
	width         : 20pt;        /* 大きさ：横 */
	height        : 20pt;        /* 大きさ：縦 */
	vertical-align: top;         /* 並び位置   */
}
 /* --- チェックボックス直後のlabel --- */
.radioArea input[type="radio"] + label {
	padding       : 0 4px;                      /* labelの余白 */
	font-size     : 14pt;                       /* labelの文字サイズ */
	font-weight   : bold;                       /* 文字太さ   */
	border        : 3px solid 5E8E66; /* labelの枠線 */
	border-radius : 5px;                        /* labelの角丸 */
	cursor        : pointer;                    /* カーソル設定 */
	transition    : .2s;                        /* なめらか変化 */
}
 /* --- 選択されたチェックボックス直後のlabel --- */
.radioArea input[type="radio"]:checked + label {
	border        : 3px solid #00b33c; /* labelの枠線 */
}
 /* --- 選択されていないチェックボックス直後のlabelにマウスが乗った --- */
.radioArea input[type="radio"]:not(:checked) + label:hover {
	background    : #e6ffee;     /* lebelの背景 */
}

.menuButton {
	display       : inline-block;
	border-radius : 5%;          /* 角丸       */
	font-size     : 12pt;        /* 文字サイズ */
	text-align    : center;      /* 文字位置   */
	cursor        : pointer;     /* カーソル   */
	padding       : 0px 0px;   /* 余白       */
	background    : #86CC66;     /* 背景色     */
	color         : #ffffff;     /* 文字色     */
	line-height   : 1em;         /* 1行の高さ  */
	transition    : .3s;         /* なめらか変化 */
	box-shadow    : 3px 3px 1px #88bb88;  /* 影の設定 */
	border        : 2px solid #86CC66;    /* 枠の指定 */
}
.menuButton:hover {
	box-shadow    : none;        /* カーソル時の影消去 */
	color         : #86CC66;     /* 背景色     */
	background    : #ffffff;     /* 文字色     */
}

.menuButton2 {
	display       : inline-block;
	border-radius : 10%;          /* 角丸       */
	font-size     : 12pt;        /* 文字サイズ */
	text-align    : center;      /* 文字位置   */
	cursor        : pointer;     /* カーソル   */
	padding       : 0px 0px;   /* 余白       */
	background    : #5E8E66;     /* 背景色     */
	color         : #ffffff;     /* 文字色     */
	line-height   : 1em;         /* 1行の高さ  */
	transition    : .3s;         /* なめらか変化 */
	box-shadow    : 3px 3px 3px #1a3300;  /* 影の設定 */
	border        : 2px solid #1a3300;    /* 枠の指定 */
}
.menuButton2:hover {
	box-shadow    : none;        /* カーソル時の影消去 */
	color         : #5E8E66;     /* 背景色     */
	background    : #ffffff;     /* 文字色     */
}

 /* --- box 標準デザイン設定 ---------------------*/
.box1 {
	box-sizing    : border-box;
	width         : 100px;
	font-size     : 16px;
	background    : #ffccff;             /* 入力域の背景色 */
	border        : 2px solid #ffccff;   /* 入力域の枠線   */
	border-radius : 8px;                 /* 入力域の角丸   */
	color         : #333333;
}

/* --- index box デザイン設定 --------------------*/

.index_rootbox {
	width: 375px;
	margin-top: 12px;
}

.index_subj {
	width: 66px;
}

.qa_area {
	width: 375px;
	margin: 12px auto 0;
	font-size: 16px;
}

.qa_head {
	display: flex;
	padding: 2px;
	background-color: #CCFFB3;
}

.qa_subj1 {
	width: 45px;
	font-weight: bold;
}

.qa_subj2 {
	width: calc(100% - 45px);
}

.qa_body {
	display: flex;
	width: 375px;
	margin: 2px;
	padding: 2px;
}