@charset "UTF-8";
/* CSS Document */
.main_inqbtn {
    display: inline-block;
    padding: 12px 30px;
    color: #FFF;
    background-color: #111A04;
    font-size: 13px;
    

}
.main_inqbtn:visited{
    color: #FFF;

}
h1 {
}
@media only screen and (max-width : 640px) {
    h1 {
        font-size: 150%;
		text-align: center;
    }
}



.about dl {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    font-size: 86%;
}
.about dl dt {
}
.about dl dt:after {
    content: "：";
}


.intro_text {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	position: relative;
	padding: 20px 70px;
	margin-top: 100px;
	margin-bottom: 100px;
}
.intro_text p {
	font-size: 115%;
	line-height: 1.9;
}
.intro_text:before,
.intro_text:after {
	content: "";
	width: 15px;
	border-top: solid 5px #DDD;
	border-bottom: solid 5px #DDD;
	position: absolute;
	top:0;
	bottom: 0;
	height: 100%;
	display: block;
}
.intro_text:before {
	border-left: solid 5px #DDD;
	left: 0;
}
.intro_text:after {
	border-right: solid 5px #DDD;
	right: 0;
	bottom: 0;
}
@media only screen and (max-width : 640px) {
	.intro_text {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
		padding: 20px 30px;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.intro_text p {
		font-size: 100%;
		line-height: 1.9;
	}
}


.fuan h2 {
	font-size: 230%;
	line-height: 1.3;
}
.fuan {
	padding: 30px 10px;
	background-color: #EBEBE6;
}
@media only screen and (max-width : 640px) {
	.fuan h2 {
		font-size: 180%;
	}
}


/* 提案例 */
.proporsal_ex {
    padding-top: 80px;
    padding-bottom: 60px;
    position: relative;
}
.proporsal_ex .h2_wrap {
}
.proporsal_ex h2 {
    padding-bottom: 10px;
    font-size: 240%;
    line-height: 1.2;
	border-bottom: solid 1px #888;
	margin-bottom: 50px;
}
.proporsal_ex h3 {
    border-left: solid 8px #008FE6;
    padding: 15px 0px 15px 35px;
    font-size: 220%;
    line-height: 1.2;
	margin-bottom: 50px;
	color: #000;
}
.proporsal_ex_inner {
    display: grid;
    gap: 60px;
    grid-template-columns: 30% calc(70% - 60px);
}
.proporsal_ex_detail {
	background-color: #FFF;
	padding-top: 40px;
}
.proporsal_ex_inner_wrap {
	box-shadow: #DDD 0 2px 15px;
}


.proporsal_ex_detail_text {
	padding: 20px 50px;
	display: grid;
    gap: 10px;
    grid-template-columns: 58% 42%;
	align-items: center;
}


.proporsal_ex h4 {
    font-size: 160%;
    line-height: 1.2;
	text-align: center;
}
.proporsal_ex .descp{
    font-size: 92%;
    line-height: 1.7;
	padding: 30px;
	background-color: #dfdfdf;
}
.proporsal_ex .descp p{
   margin-bottom: 0;
}
.proporsal_ex .proporsal_list {
	list-style: none;
	padding: 0;
}
.proporsal_ex .proporsal_list li {
	margin-top: 3px;
	margin-bottom: 3px;
}
.proporsal_ex .proporsal_list li:before {
	content: "●";
	color: #CCC;
	margin-right: 5px;
	font-size: 120%; 
}
@media only screen and (max-width : 640px) {
	.proporsal_ex h2 {
		padding-bottom: 10px;
		font-size: 180%;
		margin-bottom: 50px;
	}
	.proporsal_ex h3 {
		padding: 10px 0px 10px 20px;
		font-size: 140%;
		margin-bottom: 30px;
	}
	.proporsal_ex_detail {
		padding: 15px;
	}
	.proporsal_ex h4 {
		font-size: 120%;
	}
	.proporsal_ex_detail_text {
		padding: 10px;
		display: block;
	}
	.proporsal_ex .descp{
		padding: 15px;
	}
}

@media only screen and (max-width : 979px) {
    .proporsal_ex_inner {
        display: block;
    }
}


/* クラウドストレージラインアップ */
.cloudstorage_lineup {
    padding-top: 150px;
    padding-bottom: 150px;
}
.cloudstorage_lineup h3 ,
.cloudstorage_naiyou h3 ,
.cloudstorage_nagare h3,
.cloud_storage_action h3{
    font-size: 160%;
    line-height: 1.2;
    font-weight: 800;
    margin-top: 0;
	padding-bottom: 5px;
	border-bottom: solid 1px #444;
}



.cloud_storage_merit {
	margin-top: 100px;
    padding-top: 60px;
    padding-bottom: 60px;
	background-color: #63625A;
}


.cloud_storage_action {
    padding-top: 100px;
    padding-bottom: 100px;
	background-color: #E0E0E0;
	margin-top: 50px;
}
.cloud_storage_action_wrap {
	display: grid;
	gap: 80px 50px;
	grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width : 979px) {
.cloud_storage_action_wrap {
	gap: 40px 23px;
	grid-template-columns: 1fr 1fr;
}
	
}
/* ホワイトペーパー　*/

.more_wrap {
    padding-top: 150px;
    padding-bottom: 150px;
	background-color: #FFF;
}

.more_wrap_inner {
    display: grid;
    justify-content: center;
    grid-template-columns:1fr 1fr;
    padding: 70px;
    background: rgba(136, 125, 78, 0.16);
    border-radius: 10px;
    gap: 30px 50px;
}
.more_wrap h3 {
    font-size: 120%;
    line-height: 1.2;
}

.contactBox {
	margin-top: 0;
}

@media only screen and (max-width : 979px) {
    .more_wrap_inner {
        display: block;
        padding: 20px;
    }

}