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

#mikeiken * {margin: 0; padding: 0; box-sizing:border-box;}

.sample-wrap {
	font-size: 14px;
	width: 710px;
	margin: 0 auto;
	background: #fff;
	color: #4d4d4d;
	box-sizing: border-box;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

.sample-wrap * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-align: justify;
	}
.sample-wrap h2,.sample-wrap h3,.sample-wrap h4,.sample-wrap h5 {
	font-weight: bold;
	line-height: 1.5;
}

.sample-wrap img {
	vertical-align: bottom;
}

.sample-wrap p,
.sample-wrap ul,
.sample-wrap ol {
	font-size: 100%;
	line-height: 1.75;
	margin-bottom: 24px;
}

.sample-wrap ul li{list-style: disc;}
.sample-wrap ol li{list-style: decimal;}

.sample-wrap ul li,
.sample-wrap ol li{
	margin-left: 1.2em;
	font-size: 100%;
	line-height: 1.75;
	margin-bottom: 0;
	font-weight: normal;
}

/*本編-------------------------------------*/


.sample-wrap #title-area {
	position: relative;
	margin-bottom: 19px;
	}

.sample-wrap #title-area a{
	font-size: 100%;
	line-height: 1.75;
	font-weight: bold;
	position: absolute;
	color: #FFF;
	right: 16px;
	bottom: 5px;
	text-decoration: none;
}

.sample-wrap #ex-wrap {
	background-color: #e6e6e6;
	padding: 14px;
}

.sample-wrap #ex-wrap h2{
	font-size: 175%;
	color: #ff3131;
}

.sample-wrap #ex-wrap .ex-area {
	border-top:4px solid #ff3131;
	padding: 20px;
	background-color: #fff;
}

.sample-wrap #ex-wrap .ex-area h3 {
	font-size: 20px;
	margin-bottom: 14px;
	margin-top: 24px;
}

.sample-wrap #ex-wrap .ex-area .ex-text {
	background-color: #f9efef;
	position: relative;
	padding:16px 20px;
}

.sample-wrap #ex-wrap .ex-area .ex-text p:last-child {
	margin-bottom: 0;
}
.sample-wrap #ex-wrap .ex-area .ex-text::before{
    content: "";
	background: url(../images/ex/brackets.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 31px;
	height: 24px;
}
.sample-wrap #ex-wrap .ex-area .ex-text::after{
    content: "";
	background: url(../images/ex/brackets.png) no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 31px;
	height: 24px;
	transform: scale(-1, -1);
}

.sample-wrap h3.icon01 {
	background: #ff7c3b url(../images/ex/icon-01.png) no-repeat 638px -26px;
	background-size: 62px auto;
	font-size: 150%;
	color: #FFF;
	padding: 10px 16px 9px;
	margin-top: 60px;
	margin-bottom: 14px;
}

.sample-wrap .color-box {
	padding: 12px 16px;
	margin-bottom: 24px;
}

.sample-wrap .color-box p:last-child {
	margin-bottom: 0;
}

.sample-wrap h3.icon02 {
	background: #f71989 url(../images/ex/icon-02.png) no-repeat 629px center;
	background-size: 63px auto;
	font-size: 150%;
	color: #FFF;
	padding: 10px 16px 9px;
	margin-top: 60px;
	margin-bottom: 14px;
}

/*リンクエリア-------------------------------------*/

.sample-wrap .link-area {
	margin-top: 60px;
	border: #e6e6e6 solid 4px;
	padding: 16px 20px;
	margin-bottom: 24px;
}

.sample-wrap .link-area h4 {
	font-size: 150%;
	color: #ff7c3b;
	margin-bottom: 6px;
	margin-top: 42px;
}

.sample-wrap .link-area h4:first-child {
	margin-top: 0;
}

.sample-wrap .link-area ul li {
	display: inline-block;
	list-style: none;
	margin: 0;
	margin-right: 14px;
}

.sample-wrap .link-area .triangle {
	padding-left: 12px;
	position: relative;
}

.sample-wrap .link-area .triangle::before {
	content: "";
	width: 0px;
	height: 0px;
    border: 4px solid transparent;
    border-left: 5px solid #ff7c3b;
	position: absolute;
	left: 2px;
	top:8px;
}

/*共通-------------------------------------*/

.sample-wrap .sp {display: none;}

.sample-wrap .bold {font-weight:bold;}

.sample-wrap .mb0 {margin-bottom: 0px !important;}
.sample-wrap .mb6 {margin-bottom: 6px !important;}
.sample-wrap .mb12 {margin-bottom: 12px !important;}
.sample-wrap .mb24 {margin-bottom: 24px !important;}

.sample-wrap .mt0 {margin-top: 0px !important;}
.sample-wrap .mt6 {margin-top: 6px !important;}
.sample-wrap .mt12 {margin-top: 12px !important;}
.sample-wrap .mt26 {margin-top: 26px !important;}
.sample-wrap .mt42 {margin-top: 42px !important;}

.sample-wrap .ml12e {margin-left: 1.2em !important;}


.sample-wrap .f-red {color:#ff0000 !important;}
.sample-wrap .f-blue{color:#1749ff !important;}
.sample-wrap .f-black {color:#555 !important;}
.sample-wrap .f-brown {color:#BC8700;}

.sample-wrap .bg-red {background-color:#FFE6E6 !important;}
.sample-wrap .bg-orange{background-color:#ffece3 !important;}
.sample-wrap .bg-yellow{background-color:#FFF3C0 !important;}


.sample-wrap .f-112 {font-size:112% !important;}
.sample-wrap .f-125 {font-size:125% !important;}
.sample-wrap .f-131 {font-size:131% !important;}
.sample-wrap .f-137 {font-size:137% !important;}
.sample-wrap .f-143 {font-size:143% !important;}
.sample-wrap .f-150 {font-size:150% !important;}

.sample-wrap .f-just {text-indent: -0.5em !important;}

.sample-wrap .f-right {text-align:right !important;}
.sample-wrap .f-left {text-align:left !important;}

.sample-wrap .lh15 {line-height: 1.5 !important;}

.sample-wrap .no-border {border:none !important;}

.sample-wrap .none {display: none !important;}