/*==============================================================

共通設定

==============================================================*/
body {
	background-color: #ffefdf;
}


.section,
section img {
	width: 750px;
	margin: 0 auto;
	display: block;
}


.image--full-width {
	display: block;
	width: 750px;
}

.relative-container {
	position: relative;
}

.relative {
	position: relative;
	display: block;
}

.absolute {
	position: absolute;
}




/*==============================================================

フォント設定

==============================================================*/




/*==============================================================

マージン設定

==============================================================*/

.mt-51 {
	top: 51%;
}


.mt-55 {
	top: 55%;
}


.mt-57 {
	top: 57%;
}
/*==============================================================

ボタン設定

==============================================================*/


/*==============================================================

色設定

==============================================================*/


/*==============================================================

診断箇所設定

==============================================================*/

.diagnosis_container {
	max-width: 750px;
	margin: 0 auto;
	background-image: url('../img/bg_img.jpg');
	/* 背景画像を指定 */
	padding-bottom: 10%;
}


input[type="radio" i] {
	background-color: initial;
	cursor: default;
	appearance: auto;
	box-sizing: border-box;
	margin: 3px 3px 0px 5px;
	padding: initial;
	border: initial;
	display: none;
}

label {
	cursor: default;
}

input[type="radio"]:checked+.button-style-label {
	background: #fd86a4;
	/**選択時の色*/
	color: #2c1d3c;
	/*文字色 */
	font-family: "ヒラギノ明朝 Pro";
}

.md-start-txt-inner .button-style-label {
	font-family: "ヒラギノ明朝 Pro";
	color: #2c1d3c;
	/*文字色 */
	background: white;
	/*ボタンの背景色 */
	border-radius: 300px;
	/*角丸 */
	width: 20%;
	/*円の横幅　ボタンの本体 */
	font-size: 25px;
	padding: 1% 0;
	/*ボタンの高さ */
	cursor: pointer;
	display: inline-block;
	line-height: 1.4;
}

.md-start-txt-inner {
	text-align: center;
}


/*==============================================================

フッター設定

==============================================================*/
.copywriter {
	text-align: center;
	margin-top: 3%;
	margin-bottom: 3%;
	color: #fd86a4;
}

/* ↓スマホ用
-----------------------------*/

@media screen and (max-width: 750px) {

	.section {
		width: 100%;
	}

	.main-btn {
		width: 81%;

	}

	.content img {
		width: 100%;
	}




/*==============================================================

メインボタン設定

==============================================================*/



/*==============================================================

フォントサイズ設定

==============================================================*/
.md-start-txt-inner .button-style-label {
	font-size: 15px;
}
/*==============================================================

フォントサイズ設定

==============================================================*/


	.footer {
		font-size: clamp(0px, 2.0vw, 20px);
	}
}