@charset "UTF-8";
/* ==========================================
				check�p��`�i2017.08.01�j
============================================ */

#check_content_main {
width:100%;
background-color:#48ace2;
padding-bottom:20px;
}
.check_content_title {
width:100%;
background-color:#0c84c4;
padding:40px 0;
color:#ffffff;
}
.check_content_title h2{
font-size:24px;
color:#ffffff;
letter-spacing:3px;
}
.check_content_title p{
font-size:16px;
}


#check_content {
padding:30px;
text-align:left;
}

.check_title {
padding:5px 10px;
border-radius:20px;
color:#ffffff;
background:#23b8bc;
font-size:22px;
}
.check_title_icon {
display:inline-block;
width:30px;
height:30px;
border-radius:15px;
text-align:center;
line-height:30px;
color:#23b8bc;
margin-right:10px;
}
.check_title01 .check_title_icon {
background:#f9d5e4;
}
.check_title02 .check_title_icon {
background:#fcd7a1;
}
.check_title03 .check_title_icon {
background:#fffcdb;
}

.check_title_sub {
font-weight:normal;
font-size:18px;
padding-left:10px;
}


.check_content_column {
padding:30px 0;
}
.check_content_l {
width:284px;
float:left;
}
.check_content_r {
width:580px;
float:right;
border-radius:30px;
background:#fff4c3;
padding:5px 20px 20px 20px;
min-height:424px;
}

.check_content_r h4 {
font-size:20px;
color:#f39800;
margin-top:15px;
margin-bottom:5px;

}
.cb_container {
position:relative;
padding-bottom:5px;
}
.cb_container label{
padding-left:20px;
font-size:15px;
display:inline-block;
}
.cb_container label:hover{
color:#48ace2;
cursor:pointer;
}
.cb_container input{
position:absolute;
left:0;
top:0.5em;
}

.btn_container {
text-align:center;
padding:30px 0;
}

.check_content_btn {
border:0;
padding:20px 60px;
font-size:36px;
letter-spacing:3px;
color:#ffffff;
border-radius:20px;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.28, #B30707),
	color-stop(1, #D10F0F)
);
background-image: -o-linear-gradient(bottom, #B30707 28%, #D10F0F 100%);
background-image: -moz-linear-gradient(bottom, #B30707 28%, #D10F0F 100%);
background-image: -webkit-linear-gradient(bottom, #B30707 28%, #D10F0F 100%);
background-image: -ms-linear-gradient(bottom, #B30707 28%, #D10F0F 100%);
background-image: linear-gradient(to bottom, #B30707 28%, #D10F0F 100%);

-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

.check_content_btn:hover {
cursor:pointer;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.35, #FF0A0A),
	color-stop(1, #D10F0F)
);
background-image: -o-linear-gradient(bottom, #FF0A0A 35%, #D10F0F 100%);
background-image: -moz-linear-gradient(bottom, #FF0A0A 35%, #D10F0F 100%);
background-image: -webkit-linear-gradient(bottom, #FF0A0A 35%, #D10F0F 100%);
background-image: -ms-linear-gradient(bottom, #FF0A0A 35%, #D10F0F 100%);
background-image: linear-gradient(to bottom, #FF0A0A 35%, #D10F0F 100%);
}


/**/
.graph {
width :350px;
height: 350px;
margin: 50px auto 0 auto;
background:url(../img/bg.png);
}
.check_title_result {
padding-left:20px;
}
p.result_txt_big {
font-size:50px;
letter-spacing:10px;
}

.check_graph_column {
width:730px;
margin:30px auto;
}
.check_graph_column::after {
content: '';
display: table;
clear: both;
}

.check_graph_l {
width:350px;
height:400px;
float:left;
position:relative;
}
.check_graph_r {
width:350px;
height:366px;
float:right;
position:relative;
}

.result_txt_main {
font-size:18px;
}
.result_txt_read {
font-size:24px;
margin-bottom:40px;
font-weight:bold;
letter-spacing:3px;
}
.result_txt_read span{
font-weight:bold;
}

.result_txt01 .result_txt_read span{
color:#48ace2;
font-size:30px;
}
.result_txt02 .result_txt_read span{
color:#fed900;
font-size:30px;
}
.result_txt03 .result_txt_read span{
color:#e6002d;
font-size:30px;
}

.text_a {
position:absolute;
left:106px;
top:10px;
}
.text_b {
position:absolute;
right:20px;
bottom:34px;
}
.text_c {
position:absolute;
left:20px;
bottom:34px;
}

.kijyun {
position:absolute;
right:5px;
bottom:0;
}

.result_info_container {
text-align:center;
}

.result_info {
font-size:20px;
font-weight:bold;
position:relative;
display:inline-block;
}
.result_info:after {
content:'';
width:40px;
height:1px;
position:absolute;
right:-40px;
top:50%;
background:#000000;
}
.result_info:before {
content:'';
width:40px;
height:1px;
position:absolute;
left:-50px;
top:50%;
background:#000000;
}

.result_title {
font-size:24px;
border:2px solid #48ace2;
background:#e8f7ff;
color:#000000;
border-radius:20px;
margin:50px auto;
padding:20px 20px 10px 20px;


}

.result_title span {
font-size:16px;
display:block;
padding:20px;
font-weight:normal;
}

.result_title_sub {
border:2px solid #405aa8;
border-radius:20px;
height:40px;
background:#fef7d8;
font-size:24px;
line-height:40px;
text-align:left;
padding-left:75px;
position:relative;
margin-top:30px;

border:2px solid #4bb01f;
}
.result_title_sub span{
width:60px;
height:60px;
background:#405aa8;
border-radius:30px;
text-align:center;
line-height:60px;
color:#ffffff;
position:absolute;
left:-2px;;
top:-10px;

background:#4bb01f;
}

.result_info_column {
margin-top:30px;
}
.result_info_l {
width:324px;
float:left;
}
.result_info_r {
width:560px;
float:right;
text-align:left;
}
.result_info_r h5 {
font-size:18px;
color:#405aa8;
}
.result_info_r p {
margin-bottom:1em;
font-size:15px;
}