@charset "UTF-8";

/*---------------------------------

	2021.04 追加

---------------------------------*/

/*ゼロトラストとはボタン*/
.more{
	margin-top: 15px;
}
.more a{
	color: #004386;
	text-decoration: none;
	line-height:1.5;
}

.more a.btn_line{
	display: inline-block;
	font-size: 16px;
	/*background-color: #fff;*/
	border: solid 1px #004386;
	padding: 10px 20px;
}
.more a.btn_line:hover{
	color: #fff;
	background-color: #004386;
}
.more a.btn_line::after{
    content: "＞";
    padding-left: 10px;
}

.more a.btn_underline{
	display: inline-block;
	font-size: 16px;
	color: #004386;
	background-color: #EDF6FF;
	padding: 24px 30px;
	text-decoration: underline;
}
.more a.btn_underline:hover{
	color: #fff;
	background-color: #004386;
}
/*黄角丸ボタン*/
.plan-btn{
	position: relative;
	border-radius:10px;
	padding: 12px 30px 12px 20px;
	text-align: center;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	line-height: 1.25;
	color:#004386;
	background:#ffd601;
	border: 2px solid #004386;
	width:65%;
}
/*くの字*/
.plan-btn:after{
	content:"";
	position:absolute;
	top:0;
	bottom:.1em;
	right:1em;
	margin:auto;
	width: .5em;
	height: .5em;
	border-top: .15em solid #004386;
	border-right: .15em solid #004386;
	transform: rotate(45deg);
}
.plan-btn:hover{
	opacity:.75;
}
@media only screen and (max-width: 768px){
	.plan-btn{
		font-size:16px;
		width:100%;
	}
}
/*---------------------------------
概要
---------------------------------*/
.outline_area{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content:space-between;
	align-items:center;
}
.outline_txt {
	width: 48%;
	text-align:center;
}
.outline_arrow {
	width: 4%;
	text-align:center;
	padding:5px;
}
.outline_txt img,
.outline_arrow img{
	max-width:100%;
}
.outline_txt h3{
	font-size:20px;
	font-weight:bold;
	line-height:140%;
	margin:0;
}

@media screen and (max-width: 768px) {
	.outline_txt,
	.outline_arrow {
		width: 100%;
	}
	.outline_arrow img{
		width:30px;
		transform: rotate(90deg);
	}
}
/*課題・解決*/
.sol_area{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content:space-between;
}
.sol_title{
	width:13%;
}
.sol_txt{
	width:87%;
}
.sol_subtitle{
	display:inline-block;
	font-size:20px;
	font-weight:bold;
	line-height:140%;
	margin:0;
	padding:5px 20px;
}
.sol_txt ul{
	margin:0;
	padding-left:1.5em;
}
.task{
	background-color:#EEECE1;
}
.solving{
	color:#FFF;
	background-color:#004386;
}
@media screen and (max-width: 768px) {
	.sol_title,
	.sol_txt{
		width:100%;
		margin-bottom:10px;
	}
}
/*リーフレット*/
.leaf_outerarea{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content:space-between;
}
.leaf_outerbox{
	width:24%;
	background-color:#1D7AAF;
	border-radius:5px;
	padding:10px;
	margin-bottom:10px;
}
.leaf_innerarea{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content:space-between;
	align-items: center;
}
.leaf_innerbox_pic{
	width:54px;
	text-align:center;
}
.leaf_innerbox_pic img{
	max-width:100%;
}
.leaf_innerbox_txt{
	width:calc(100% - 54px - 1%);
	color:#FFF;
	line-height:140%;
	text-align:center;
}

@media screen and (max-width: 768px) {
	.leaf_outerbox{
		width:49%;
	}
}
@media screen and (max-width: 480px) {
	.leaf_innerbox_pic{
		width:38px;
	}
	.leaf_innerbox_txt{
		width:calc(100% - 38px - 1%);
		font-size:14px;
	}
}
/*---------------------------------
特長
---------------------------------*/
.pic{
	width:100%;
}
.pic img {
	width:100%;
}
/*特長*/
.features_area{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content:space-between;
}
.features_box{
	width:32%;
	padding:15px;
	margin-bottom:10px;
	border:4px solid #E7E6E6;
	border-radius:10px;
}
.features_box h3{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:140%;
	margin:0 0 10px 0;
}
.features_box p{
	margin:0;
}

@media screen and (max-width: 768px) {
	.features_box{
		width:100%;
	}
}

/*---------------------------------
導入事例
---------------------------------*/
.case_area{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content:space-between;
}
.case_box{
	width:32%;
	padding:15px 15px 15px 25px;
	margin-bottom:10px;
	background-color:#D6E9FF;
}
.case_txt{
	display:inline-block;
	width:calc(100% - 60px - 2%);
}
.case_pic{
	display:inline-block;
	width:60px;
	text-align:center;
	vertical-align:bottom;
}
.case_pic img{
	max-width:100%;
}
.case_txt span{
	color:#003C81;
	font-size:24px;
	font-weight:bold;
	line-height:140%;
}
@media screen and (max-width: 768px) {
	.case_box{
		width:100%;
	}
}
.subttl{
	font-size:20px;
	font-weight:bold;
	line-height:140%;
}

/*影付きボックス*/
.shadow_box{
	border:1px solid #EEE;
	border-radius: 10px;
	box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1);
	padding:20px;
}
.point_icon,
.point_ttl{
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
}
.point_ttl{
	font-size:20px;
	font-weight:bold;
	line-height:140%;
}
	.sp_only{
		display:none;
	}
@media screen and (max-width: 480px) {
	.sp_only{
		display:initial;
	}
}
/*丸数字リスト*/
.bst-sh-index{
	overflow:hidden;
	margin-bottom:15px;
}
.bst-sh-index .bst-sh-index-point{
	counter-reset:my-counter;
	list-style:none;
	padding:0;
	margin: 0;
}
.bst-sh-index .bst-sh-index-point li{
	margin-top:15px;
	padding-left:70px;
	position:relative;
}
.bst-sh-index .bst-sh-index-point li:before{
	background-color:#004286;
	border-radius:50%;
	color:#FFF;
	content:counter(my-counter, decimal-leading-zero);
	counter-increment:my-counter;
	display:block;
	float:left;
	font-weight:700;
	width:40px;
	height:40px;
	line-height:40px;
	margin-left:-55px;
	text-align:center;
}

/* =========================================================
 * 2022
 * 新テンプレ調整
 * ====================================================== */
 
/*MV*/
@media screen and (min-width: 769px){
	.wrapper .p-facade.mv__photo .c-inner .p-facade__wrap {
		width: 70% !important;
	}
}
.inline-block{
	display:inline-block !important;
}
/*ゼロトラストとは*/
.more a.btn_line {
	display:block;
	font-size: 16px;
	/* background-color: #fff; */
	border: solid 1px #004386;
	padding: 10px 20px;
	text-align:center;
	max-width:665px;
	margin:0 auto;
}