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

}
.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:#DD3333;
}
.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:#DD3333;
	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;
	}
	.toph{
		margin-top: 50px;
	}

}
@media screen and (min-width: 769px) {
	.pc_only{
		display: inherit;
	}
	.sp_only{
		display: none;
	}
	.toph{
		margin-top: 120px;
	}
}
.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:25px;
    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:25px;
    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:#CC0000;
}
.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:0px;
	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_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{
	font-size:0.9rem !important;
	line-height:1.5rem;
}
.bg_bad .rescontents,
.bg_red .rescontents{
	border:3px solid #FF0000 !important;
	background:#FFEEEE !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:25px;
    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;
}

.app_contents{
	margin-top: 65px;
}

@media screen and (max-width: 768px) {
	.bg_orange h3{
		font-size:1.4rem;
		line-height: 150%;
		font-weight: bold;
	}


	.catch01 .btn{
		border-radius:100px;
		background:#FF4148;
	}
	.catch01 .text-danger{
		margin-top:0.5rem;
		color:#FF0000 !important;
		margin-bottom:0px;
	}
	.catch01 p{
		font-size:0.72rem;
		line-height:1.3rem;
		color:#FFF;
	}	
	
	h2{
		font-size:1rem;
		line-height:1.5rem;		
	}
	.bg_white h4,
	h4{
		margin: 0;
		font-size:0.9rem;
		line-height:1.5rem;		
		font-weight: bold;
	}
	.bg_white p,
	p{
		font-size:0.8rem;
		line-height:1.3rem;		
	}
	td,th{
		font-size:0.6rem;
	}
	td .triangle,
	td .circle,
	td .bad{
		font-size:1.3rem !important;
	}	
	.voice_title a{
		font-size:0.9rem !important;
	}

	.product-name{
		font-size:0.8rem !important;
		line-height:1.2rem;
	}
	.product_explain{
		height:10rem;
		line-height:1.4rem;
		overflow:scroll;
		background:#FAFAFA;
		padding:1rem;
	}

	.reports h1{
		font-size:1.3rem !important;
		margin-bottom:0px !important;
	}
	.reports h2{
		font-size:1.2rem !important;
		margin-bottom:0.1rem; !important;
	}
	.reports h3{
		font-size:1.2rem !important;
		margin-bottom:0.1rem; !important;
	}
	.reports .percent{
		font-size:1.2rem !important;
	}	
}
.app_contents{
	background:#F8F9FA;
	padding-top:1rem;
	padding-bottom:1rem;
}
.box_white{
	border-radius:4px;
	padding:0.5rem 1rem;
	background:#FFF;
	margin:1rem 0rem;
	border:1px solid #DFDFDF;
    box-shadow: 2px 3px 4px 1px rgba(0, 0, 0, .02);
    font-size:0.7rem;
}
.menu span{
	font-size:0.8rem;
	display:block;
	margin-top:0.5rem;
	margin-bottom:1.5rem;
	font-weight:bold;
}

.box_white h2{
	margin:0.7rem 0 1.2rem 0 !important;
}

.news .col-9{
	padding-top:0.5rem;
}
.news span{
	color:#AAA;
	display:block;
	margin-top:0.2rem;
	font-size:0.6rem;
}
.box_white a{
	color:#333;
}


.app_contents h1{
	text-align:center;
	font-size:1.1rem;
	font-weight:bold;
	margin-top:0.5rem;
}
.box_white .badge_sales{
	display:inline;
	color:#EE0000;
	background:none;
}
.no-padding-right{
	padding-right:0px;
}
.badge_sales{
	display:block !important;
	background:#FEE !important;
	border-radius:4px !important;
	font-size:0.6rem;
	margin-top:0.3rem;
	padding:0.2rem 0.5rem;
}

.product_select_box{
	height:350px;
	overflow:scroll;
	border:1px solid #EFEFEF;
	padding:1rem;
	margin-bottom:2rem;
}
.bbb{
	padding:0px !important;
}
.bbb textarea{
	font-size:0.8rem;
}
.hint{
	background:#11BEAE;
	color:#FFF;
	padding:1rem;
	border-radius:4px;
	font-size:0.65rem;
	line-height:1.1rem;

}
.hint a{
	color:#FFFF00;
	text-decoration:underline;
}

label {
  padding: 10px;
}
input:checked + label {
  background-color: #11BEAE;
  color:#FFF;
}

input.item{
	display:none;
}

.bg_good{
    background-color: #11BEAE;
	margin:1rem;
	padding:1rem;
	color:#FFf !important;
}

.bg_bad{
	background:#BE1111;
	margin:1rem;
	padding:1rem;
	color:#FFf !important;
}
.ex_sub{
	background:#FFF;
	border-radius:5px;
	padding:1rem;
	margin:0px auto;
	margin-bottom:1rem;
}
.bg_good .ex_explain p,
.bg_bad .ex_explain p{
	color:#FFf !important;
	font-size:0.7rem !important;
	line-height:1.2rem;
}
.ex_explain li{
	font-size:0.6rem !important;
	line-height:1.5rem;
}
.ex_explain ul{
	background:#FFF2;
	border-radius:4px;
	padding-left:20px !important;
}

.ex_explain .sub{
	font-size:0.6rem;
	line-height:1rem !important;
	color:#FFF;
}

.btn{
	border-radius:100px;
	color:#FFF !important;
}.fixed_box .btn{
	font-size:0.8rem !important;
}
.fixed_box .btn-primary{
    background:#E95F5B;
}

.ex_link {
	padding:0.5rem;
	background:#FFFFFF33;
	border-radius:5px;
	color:#FFF !important;
}
.bg_bad .ex_link p{
	font-size:0.7rem;
	margin:0;
	color:#3CC;
}
.bg_good .ex_link p{
	font-size:0.7rem;
	margin:0;
	color:#555;
}

.ex_link h3{
	font-size:0.7rem;
	color:#FFF !important;
	margin:0;
}
.icn_bad,
.icn_good{
	max-width:50%;
	margin:0 auto;
}
.catchimg {
	margin-bottom: 1rem;
}

.arrow-w{
	margin-top:2rem;
	color:#DDD;
	font-size:2rem;
}