/* CSS Document */
body{
	font-family: "Noto Sans JP", sans-serif;
/*	background:#F4CC25;*/
	font-weight: 500 !important;	
}
.bg_orange{
	padding-top:40px;
	background-image: url("../img/bg_orange.jpg");
	background-size:cover;

}
.bg_orange p{
	background:rgba(0,0,32,0.7);
	border-radius:5px;
	padding:10px;
	color:#FFF;
}

.bg_orange h3{
	font-size: 2.5rem;
	color:#FFF;
}
.navbar{
  box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .15);
}

.navbar li a{
	font-weight:900 !important;
	color:#333 !important;
	font-size:0.9rem !important;
}

h1,h2,h3,h4,h5{
/*	font-weight: 900 !important;	*/
}
.navbar-brand{
font-size:1rem;
  font-weight:900 !important;
}

.container_clear h2,
.container_white h2{
	color:#1A305D;
}
.container_white{
	background:#F7F7F7;
}
.container_clear{
	background:#FFFFFF;
}
h2{
	font-size:2rem;
	margin-top:2rem !important;
	margin-bottom:2rem !important;
	text-align: center;
}

h3{
	font-size:1.2rem;
	margin-bottom:1rem;
}

td{
	background:rgba(255,255,255,1);
}
th{
	background:rgba(255,255,255,0.8) !important;
}
.btt{
	background:#1A305D;
	color:#FFF;
	padding:20px 50px;;
	border:none;
}
.shd{
	font-size:2rem;
	text-align:center;
	color:#FFF;
	font-weight:bold;	
	margin-bottom:3rem;
	text-shadow: 2px 2px 2px #444;
}

@media screen and (max-width: 768px) {
	.sp_only{
		display: inherit;
	}
	.pc_only{
		display: none;
	}
	.bg_white{
		padding:10px !important;
	}
}
@media screen and (min-width: 769px) {
	.pc_only{
		display: inherit;
	}
	.sp_only{
		display: none;
	}
}
.area_top .sub{
	font-weight: 900;
	color:#FF0000;
}
.area_top h2{
	text-align: left;
}
.area_top p{
	line-height: 1.8rem;
	font-weight: 600;
}
hr{
	border:none;
	border-top:4px dotted #FFF;
	margin-top:6rem;
	margin-bottom:6rem;
}
#footer{
	background:#f8f9fa!important;
	padding-top:15px;
}
.bg_bad .btn-primary{
	background:#DD3333;
	font-weight:bold;
	border:none;
}

.bg_yellow{
    background:#FFF;
    margin-top:30px;
    padding:20px;
    border-radius:5px;
    margin-bottom:10px;
}

.bg_white{
  box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .04);
    background:#FFF;
    margin-top:30px;
    padding:20px;
    border-radius:5px;
    margin-bottom:10px;
}


.ttlResContents{
    font-weight:bold;
    font-size:0.8rem;
    color:#666;
}
.bg_good,
.bg_done{
  box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .04);
    background:#FFF;
    margin-top:30px;
    padding:20px;
    border-radius:5px;
    margin-bottom:10px;
}
.rescontents{
    padding:6px;
    padding-left:11px;
    border-radius:4px;
    background:#DDEEEE;
    border:1px solid #BBCCCC;
    color:#336669;
    font-weight:bold;
}
.bg_bad .rescontents,
.bg_red .rescontents{
    background: #EFEFEF;
    border: 1px solid #FFF;
    color:#DD0000;
}

.bg_bad,
.bg_red{
    background:#FFF;
    margin-top:30px;
    padding:40px;
    border-radius:5px;
    margin-bottom:10px;
}
.bg_bad p,
.bg_yellow p,
.bg_red p{
    font-size:19px;
    font-weight:bold;
	color:#333;
}
.bg_yellow b,
.bg_red b{
    color:#1A305D;
}
.sub{
    font-size:0.9rem;
    font-weight:normal;
    color:#555;
	line-height:2rem;
}


.warning{
    background:#EFEFEF;
    padding:10px;
    margin-bottom:30px;
}
.subtitle{
    font-size:0.8rem;
}
.result_box .bad_b,
.result_box .good_b{
	font-size:1.6rem !important;
	
}
.result_box p{
	font-size:1.0rem !important;
	line-height:1.5rem !important;
	margin-bottom:0.5rem;

}

.product .icn_good{
	color:#0171fb !important;
	font-size:5rem !important;
	line-height:0 !important;
}
.product .icn_bad{
	color:#FF3333 !important;
	font-size:5rem !important;
	line-height:0 !important;
}
.result_box{
	line-height:1.1rem;
	font-size:1.5rem;
	font-weight:bold;
}
.exp{
margin-bottom:10px;
margin-top:2rem;
}
.exp1{
    float:left;
    background:#65C2BB;
    color:#FFF;
    padding:5px;
    width:20%;
    text-align:center;
}
.exp2{
    float:left;
    background:#EFEFEF;
	font-weight: 900;
    padding:5px;
    padding-left:15px;
	margin-bottom:20px;
    width:80%;
}

.frm{
	background:#FFEEEE;
	border:3px solid #FF0000 !important;
}
.product{
	background:#FFF;
	padding:30px;
	border-radius:8px;
}

.mt20{
	margin-top:20px;
}
.mb20{
	margin-bottom:20px;
}

.product-name{
	font-size:1.2rem !important;
	line-height:1.6rem;
}
.badge{
	background-color:#CCC;
}

.badge-primary{
	background-color:#559999;
}

.price{
	color:#666;
	margin-bottom:10px;
}

.thumb{
	text-align:center;
    background:#FAFAFA;	
}
.fa-image{
	font-size:15rem;
	color:#DDD;
	max-width:100%;
}


.ttl_bg_red .fa-exclamation-circle{
	color:#DD0000;
	
}

.icn1{
	color:#DD0000;
}
.icn2{
	margin-left:20px;
	color:#FF9900;
}
.icn3{
	margin-left:20px;
	color:#999;
}
.icn4{
	margin-left:20px;
	color:#99FFFF;
}



td .bad{
  display:block;
  text-align:center;
  font-size:2.5rem;
  color:#FF0000;
  font-weight:bold;
}
td .circle{
  display:block;
  text-align:center;
  font-size:2.5rem;
  color:green;
  font-weight:bold;
}
td .triangle{
  display:block;
  text-align:center;
  font-size:2.5rem;
  color:orange;
  font-weight:bold;
}


.ex_link{
	background:#F8F8F8;
}
.ex_link .col-7{
	padding:20px;
	padding-left:0px;
	padding-bottom:0px;
}
.ex_link h3{
	font-size:0.86rem;
	margin-bottom:3px;
	color:#333;
	line-height:145%;
}
.ex_link p{
	font-size:0.8rem !important;
	color:#3399FF !important;
	font-weight:normal !important;
}
.ex_title{
display: table; /* 親要素はテーブル要素にする  */	
}
.ex_title span{
display: table-cell; /* 子要素はテーブルセル要素にする */
  vertical-align: middle; /* 上下中央に寄せる */ 
  padding-left:5px;
}
.ex_title i{
display: table-cell; /* 子要素はテーブルセル要素にする */
  vertical-align: middle; /* 上下中央に寄せる */ 
}
.bg_good .ex_title i{
	color:#3366FF;
	font-size:2rem;
}

.bg_bad .ex_title i,
.bg_red .ex_title i{
	color:#FF0000;
	font-size:2rem;
}
.bg_bad .ex_explain p{
	font-size:0.9rem !important;
	font-weight:normal !important;
	line-height:1.5rem;
	margin-top:10px;
	color:#555 !important;
}
.bg_good .ex_explain p{
	font-size:0.9rem !important;
	line-height:1.5rem;
	margin-top:10px;
	color:#555 !important;
}
.ex_explain li{
	color:#555 !important;
	font-size:0.9rem !important;
	color:#CC0000 !important;
	line-height:1.5rem;
}
.bg_bad .rescontents,
.bg_red .rescontents{
	border:3px solid #FF0000 !important;
	background:#FFEEEE !important;
}
.ex_link_explain p{
	font-size:12px !important;
}
.ex_sub{
	max-width:80%;
	margin:auto;
	margin-bottom:30px;
}

.rescontents textarea{
	background:#FFF;border:1px solid #AAA !important;
	min-height:300px;
	font-size:0.9rem !important;
}
.rescontents input{
	font-size:0.9rem !important;
	background:#FFF;border:1px solid #AAA !important;
}




/**********************************************************/
/* レポート */
/**********************************************************/
.bg_bad .btn-primary{
	background:#DD3333;
	font-weight:bold;
	border:none;
}

.bg_yellow{
    background:#FFF;
    margin-top:30px;
    padding:20px;
    border-radius:5px;
    margin-bottom:10px;
}

.bg_white{
    background:#FFF;
    margin-top:30px;
    padding:80px;
    border-radius:5px;
    margin-bottom:10px;
}
.bg_white p{
    font-size:1.2rem;
    line-height:2rem;
    color:#606060;
}
.bg_white h2{
    color:#3A3A3A;
	text-align:left;
	font-size:2.5rem;
	margin-top:1rem;
	margin-bottom:1rem;
    font-weight:normal !important;
}
.bg_white h3{
    color:#3A3A3A;
	text-align:left;
	border-left:8px solid #666;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	font-size:2.1rem;
    font-weight:normal !important;
	margin-top:1rem;
	margin-bottom:1rem;
}
.bg_white h4{
    color:#3A3A3A;
	text-align:left;
	font-size:1.5rem;
	margin-top:1rem;
	margin-bottom:1rem;
}
.bg_white .badge{
	padding:12px 20px;
	border-radius:10px;
	font-size:1rem;
	color:#FFF;
}
.bg_white .badge-danger{

	background:#FF6358;
	font-weight:bold !important;
}

.bg_grey{
	padding:1rem;
	background:#FAFAFA;
	border-radius:10px;
	margin-bottom:1rem;
	text-align:center;
	color:#555;
}
.bg_grey .percent{
	font-size:2rem;
	font-weight:bold;
}

.bg_white table th{
	background:#3D7DC6 !important;
	color:#FFF;
}
.bg_white table{
	font-size:1.2rem;
}
.bg_white tr:nth-child(2n) td{
	background-color:#F8F9FA !important;
}
.step_gh{
	padding:15px;
	padding-top:1rem;
	padding-right:3rem;
}

.step_flow{
	background:url("/img/report/route.png") no-repeat;
}


.advice_box{
	padding:25px;
	background:#F3F3F3;
	border-radius:8px;
	font-size:1rem !important;
}
.advice_box p{
	font-size:1rem !important;
	line-height:1.8rem;
}
.btn-normal{
	background:#F1F1F1;
	color:#333;
	border:1px solid #EEE;
}

.bard{
	background:url("/img/report/bard.png") no-repeat;
	background-position:left center;
}



html{
  scroll-behavior: smooth;
}

.bard .bg_grey{
	background:rgba(0,0,0,0.02);
}
.bard .percent{
	font-size:3rem;
}


.badge_sales span{
	text-align:left;
	font-size:0.75rem;
	display:block;
}
.badge_sales{
	text-align:right;
	padding:4px;
	background:#DD3333;
	color:#FFF;
	border-radius:5px;
}


.profile{
	color:#666 !important;
    font-size:1rem !important;
}
.client{
	color:#333 !important;
    margin-bottom:0rem !important;
	font-weight:bold;
}
.task,
.outcome{
	color:#AA0000;
	border:2px solid #AA0000;
	background:#FFFAFA;
	padding:2rem 1rem 2rem 0rem;
	font-size:1.2rem;
	font-weight:bold;
	margin-bottom:1rem;
}
.client_profile{
	background:#F5F5F5;
	padding:1rem 1rem 0.25rem 1rem;
}



.voice_title a{
	color:#aa0000;
	font-weight:bold;
	font-size:1.2rem;
}
.voice_title{
	margin-bottom:8px;
	margin-top:8px;
	border-bottom:1px dotted #CCC;
}